var/cache/dev/twig/3d/3deaffbe8c643530151295d4779eae19.php line 226

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* base.html.twig */
  18. class __TwigTemplate_617ec1fefee131a3bd127e7f9aba92cf extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->parent = false;
  34.         $this->blocks = [
  35.             'title' => [$this, 'block_title'],
  36.             'stylesheet' => [$this, 'block_stylesheet'],
  37.             'javascripts' => [$this, 'block_javascripts'],
  38.             'header' => [$this, 'block_header'],
  39.             'body' => [$this, 'block_body'],
  40.             'footer' => [$this, 'block_footer'],
  41.             'javascript' => [$this, 'block_javascript'],
  42.             'myscript' => [$this, 'block_myscript'],
  43.         ];
  44.     }
  46.     protected function doDisplay(array $context, array $blocks = []): iterable
  47.     {
  48.         $macros = $this->macros;
  49.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  50.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  52.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  53.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  55.         // line 1
  56.         $context["route_name"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1, $this->source); })()), "request", [], "any", false, false, false, 1), "attributes", [], "any", false, false, false, 1), "get", ["_route"], "method", false, false, false, 1);
  57.         // line 2
  58.         yield "<!DOCTYPE html>
  59. <html lang=\"en\">
  61. <head>
  62.     <meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\"/>
  63.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
  64.     <meta name=\"description\" content=\"";
  65.         // line 8
  66.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("header.headerDescription", [], "header_page"), "html", null, true);
  67.         yield "\">
  68.     <meta name=\"keywords\" content=\"";
  69.         // line 9
  70.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("header.headerKeyword", [], "header_page"), "html", null, true);
  71.         yield "\">
  72.     <meta name=\"author\" content=\"Nkap Sarl\">
  73.     <!-- Balise meta robots -->
  74.     <meta name=\"robots\" content=\"index\">
  75.     <!-- Balise meta revisit-after -->
  76.     <meta name=\"revisit-after\" content=\"1 day\">
  77.     <title>Ayila'a | ";
  78.         // line 15
  79.         yield from $this->unwrap()->yieldBlock('title', $context, $blocks);
  80.         yield "</title>
  81.     <link rel=\"icon\" href=\"";
  82.         // line 16
  83.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/images/logo_LogoCercle.40dd8ea1.png"), "html", null, true);
  84.         yield "\">
  86.         <!-- Google tag (gtag.js) -->
  87.     <script async src=\"https://www.googletagmanager.com/gtag/js?id=G-HB2H04MNE9\"></script>
  88.     <script>
  89.         window.dataLayer = window.dataLayer || [];
  91.         function gtag() {
  92.             dataLayer.push(arguments);
  93.         }
  95.         gtag('js', new Date());
  97.         gtag('config', 'G-HB2H04MNE9');
  98.     </script>
  99.     <!-- Google Tag Manager -->
  100.     <script>(function (w, d, s, l, i) {
  101.             w[l] = w[l] || [];
  102.             w[l].push({'gtm.start':new Date().getTime(), event: 'gtm.js'});
  103.             var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  104.             j.async = true;
  105.             j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  106.             f.parentNode.insertBefore(j, f);
  107.         })(window, document, 'script', 'dataLayer', 'GTM-5W58P9R6');
  108.     </script>
  109.     <!-- End Google Tag Manager -->
  111.     <!-- GOOGLE WEB FONT -->
  112.     <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\">
  113.     <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\"
  114.           rel=\"stylesheet\">
  115.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css\">
  117.     <!-- BASE CSS -->
  118.     <link href=\"";
  119.         // line 50
  120.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/bootstrap.min.css"), "html", null, true);
  121.         yield "\" rel=\"stylesheet\">
  122.     <link href=\"";
  123.         // line 51
  124.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/style.css"), "html", null, true);
  125.         yield "\" rel=\"stylesheet\">
  126.     <link href=\"";
  127.         // line 52
  128.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors.css"), "html", null, true);
  129.         yield "\" rel=\"stylesheet\">
  130.     <link href=\"";
  131.         // line 53
  132.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/header.css"), "html", null, true);
  133.         yield "\" rel=\"stylesheet\">
  134.     <link href=\"";
  135.         // line 54
  136.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/custom.css"), "html", null, true);
  137.         yield "\" rel=\"stylesheet\">
  138.     <link href=\"";
  139.         // line 55
  140.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/my-style/style.css"), "html", null, true);
  141.         yield "\" rel=\"stylesheet\">
  142.     <link href=\"";
  143.         // line 56
  144.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/autocomplete-results-search.css"), "html", null, true);
  145.         yield "\" rel=\"stylesheet\">
  146.     <link rel=\"stylesheet\" href=\"https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css\">
  147. ";
  148.         // line 60
  149.         yield "
  150.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css\">
  152.     <!-- YOUR CUSTOM CSS -->
  153.     <style>
  154.         body{
  155.             width: 100%;
  156.             margin: 0 auto;
  157.             box-sizing: border-box;
  158.         }
  159.         .nav-class-elements {
  160.             color: black !important;
  161.         }
  163.         .icones-second-bar {
  164.             width: 35px;
  165.         }
  167.         @media (min-width: 1024px) {
  168.             .icones-second-bar {
  169.                 width: 25px;
  170.             }
  171.         }
  172.     </style>
  173.     ";
  174.         // line 84
  175.         yield from $this->unwrap()->yieldBlock('stylesheet', $context, $blocks);
  176.         // line 86
  177.         yield "
  178.     ";
  179.         // line 87
  180.         yield from $this->unwrap()->yieldBlock('javascripts', $context, $blocks);
  181.         // line 90
  182.         yield "</head>
  184. <body>
  185. ";
  186.         // line 93
  187.         $context["user"] = $this->extensions['App\Twig\AuthExtension']->AuthGuard();
  188.         // line 94
  189.         $context["isAuthenticated"] = $this->extensions['App\Twig\AuthExtension']->isAuth();
  190.         // line 95
  191.         yield "<!-- Google Tag Manager (noscript) -->
  192. <noscript>
  193.     <iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-5W58P9R6\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe>
  194. </noscript>
  195. <!-- End Google Tag Manager (noscript) -->
  196. <!-- Meta Pixel Code -->
  197. <script>
  198.     !function(f,b,e,v,n,t,s)
  199.     {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  200.         n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  201.         if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  202.         n.queue=[];t=b.createElement(e);t.async=!0;
  203.         t.src=v;s=b.getElementsByTagName(e)[0];
  204.         s.parentNode.insertBefore(t,s)}(window, document,'script',
  205.         'https://connect.facebook.net/en_US/fbevents.js');
  206.     fbq('init', '405729078674868');
  207.     fbq('track', 'PageView');
  208. </script>
  209. <noscript>
  210.     <img height=\"1\" width=\"1\" style=\"display:none\" src=\"https://www.facebook.com/tr?id=405729078674868&ev=PageView&noscript=1\" />
  211. </noscript>
  212. <!-- End Meta Pixel Code -->
  213. <div id=\"toast-container\" class=\"toast-top-right\"></div>
  214. <div id=\"page\">
  216.     ";
  217.         // line 120
  218.         yield from $this->unwrap()->yieldBlock('header', $context, $blocks);
  219.         // line 123
  220.         yield "
  221.     <!-- /header -->
  223.     <main>
  224.         ";
  225.         // line 127
  226.         yield from $this->unwrap()->yieldBlock('body', $context, $blocks);
  227.         // line 128
  228.         yield "    </main>
  229.     <!--/main-->
  231.     ";
  232.         // line 131
  233.         yield from $this->unwrap()->yieldBlock('footer', $context, $blocks);
  234.         // line 134
  235.         yield "    <!--/footer-->
  236. </div>
  237. <!-- page -->
  239. <!-- Sign In Popup -->
  240. <div id=\"sign-in-dialog\" class=\"zoom-anim-dialog mfp-hide\">
  241.     <div class=\"small-dialog-header\">
  242.         <h3>Sign In</h3>
  243.     </div>
  244.     <form>
  245.         <div class=\"sign-in-wrapper\">
  246.             <a href=\"#0\" class=\"social_bt facebook\">Login with Facebook</a>
  247.             <a href=\"#0\" class=\"social_bt google\">Login with Google</a>
  248.             <div class=\"divider\"><span>Or</span></div>
  249.             <div class=\"form-group\">
  250.                 <label>Email</label>
  251.                 <input type=\"email\" class=\"form-control\" name=\"email\" id=\"email\">
  252.                 <i class=\"icon_mail_alt\"></i>
  253.             </div>
  254.             <div class=\"form-group\">
  255.                 <label>Password</label>
  256.                 <input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\" value=\"\">
  257.                 <i class=\"icon_lock_alt\"></i>
  258.             </div>
  259.             <div class=\"clearfix add_bottom_15\">
  260.                 <div class=\"checkboxes float-start\">
  261.                     <label class=\"container_check\">Remember me
  262.                         <input type=\"checkbox\">
  263.                         <span class=\"checkmark\"></span>
  264.                     </label>
  265.                 </div>
  266.                 <div class=\"float-end mt-1\"><a id=\"forgot\" href=\"javascript:void(0);\">Forgot Password?</a></div>
  267.             </div>
  268.             <div class=\"text-center\"><input type=\"submit\" value=\"Log In\" class=\"btn_1 full-width\"></div>
  269.             <div class=\"text-center\">
  270.                 Don’t have an account? <a href=\"register.html\">Sign up</a>
  271.             </div>
  272.             <div id=\"forgot_pw\">
  273.                 <div class=\"form-group\">
  274.                     <label>Please confirm login email below</label>
  275.                     <input type=\"email\" class=\"form-control\" name=\"email_forgot\" id=\"email_forgot\">
  276.                     <i class=\"icon_mail_alt\"></i>
  277.                 </div>
  278.                 <p>You will receive an email containing a link allowing you to reset your password to a new preferred
  279.                     one.</p>
  280.                 <div class=\"text-center\"><input type=\"submit\" value=\"Reset Password\" class=\"btn_1\"></div>
  281.             </div>
  282.         </div>
  283.     </form>
  284.     <!--form -->
  285. </div>
  286. <!-- /Sign In Popup -->
  288. <div id=\"toTop\" onclick=\"scrollToTop()\"></div>
  289. <script>
  290.     window.onscroll = function () {
  291.         scrollFunction();
  292.     };
  294.     function scrollFunction() {
  295.         if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  296.             document.getElementById(\"toTop\").style.display = \"block\";
  297.         } else {
  298.             document.getElementById(\"toTop\").style.display = \"none\";
  299.         }
  300.     }
  302.     function scrollToTop() {
  303.         document.body.scrollTop = 0;
  304.         document.documentElement.scrollTop = 0;
  305.     }
  306. </script>
  307. <!-- Back to top button -->
  309. <!-- COMMON SCRIPTS -->
  310. <script src=\"";
  311.         // line 209
  312.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/common_scripts.js"), "html", null, true);
  313.         yield "\"></script>
  314. <script src=\"";
  315.         // line 210
  316.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/main.js"), "html", null, true);
  317.         yield "\"></script>
  318. <script src=\"";
  319.         // line 211
  320.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/jquery-3.6.3.min.js"), "html", null, true);
  321.         yield "\"></script>
  322. ";
  323.         // line 213
  324.         yield from $this->unwrap()->yieldBlock('javascript', $context, $blocks);
  325.         // line 215
  326.         yield "
  327. <script>
  328.     window.onscroll = function () {
  329.         scrollFunction()
  330.     };
  332.     function scrollFunction() {
  333.         var numero = document.getElementById(\"nav-numero\")
  334.         var langue = document.getElementById(\"nav-langue\")
  335.         if (numero === null || langue === null) {
  336.             return;
  337.         }
  338.         // Vérifie si l'utilisateur a fait défiler vers le bas
  339.         if (window.pageYOffset > 0) {
  340.             // Ajoute la classe \"sticks\" à la div
  341.             numero.classList.add(\"nav-class-elements\");
  342.             langue.classList.add(\"nav-class-elements\");
  343.         } else {
  344.             // Retire la classe \"sticks\" de la div
  345.             numero.classList.remove(\"nav-class-elements\");
  346.             langue.classList.remove(\"nav-class-elements\");
  347.         }
  348.     }
  349. </script>
  351. <script src=\"";
  352.         // line 240
  353.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/header.js"), "html", null, true);
  354.         yield "\"></script>
  355. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js\"></script>
  357. <script src=\"";
  358.         // line 243
  359.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/fontawesome.min.js"), "html", null, true);
  360.         yield "\"></script>
  361. <script src=\"//code.tidio.co/s9ka0c7yvmz5hlz1gh0addn7u7xo3esb.js\" async></script>
  362. <script>
  363.     \$(document).ready(function () {
  364.         toastr.options = {
  365.             // \"closeButton\": true,          // Afficher le bouton de fermeture
  366.             \"progressBar\": true,          // Afficher une barre de progression
  367.             \"positionClass\": \"toast-top-right\", // Position des messages flash
  368.             \"showDuration\": \"300\",        // Durée d'affichage en millisecondes
  369.             \"hideDuration\": \"1000\",       // Durée de disparition en millisecondes
  370.             \"timeOut\": \"5000\",            // Temps d'affichage avant la disparition automatique en millisecondes
  371.             \"extendedTimeOut\": \"1000\",    // Temps d'affichage supplémentaire si l'utilisateur survole le message en millisecondes
  372.             \"showEasing\": \"swing\",        // Animation d'affichage du message
  373.             \"hideEasing\": \"linear\",       // Animation de disparition du message
  374.             \"showMethod\": \"fadeIn\",       // Méthode d'affichage du message
  375.             \"hideMethod\": \"fadeOut\"       // Méthode de disparition du message
  376.         };
  377.     });
  378. </script>
  380. ";
  381.         // line 263
  382.         $context['_parent'] = $context;
  383.         $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 263, $this->source); })()), "flashes", [], "any", false, false, false, 263));
  384.         foreach ($context['_seq'] as $context["label"] => $context["messages"]) {
  385.             // line 264
  386.             yield "    ";
  387.             $context['_parent'] = $context;
  388.             $context['_seq'] = CoreExtension::ensureTraversable($context["messages"]);
  389.             foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
  390.                 // line 265
  391.                 yield "        ";
  392.                 if (($context["label"] == "success")) {
  393.                     // line 266
  394.                     yield "            <script>
  395.                 toastr.success('";
  396.                     // line 267
  397.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["message"], "html", null, true);
  398.                     yield "');
  399.             </script>
  400.             ";
  401.                 } elseif ((                // line 269
  402. $context["label"] == "danger")) {
  403.                     // line 270
  404.                     yield "            <script>
  405.                 toastr.error('";
  406.                     // line 271
  407.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["message"], "html", null, true);
  408.                     yield "');
  409.             </script>
  410.         ";
  411.                 }
  412.                 // line 274
  413.                 yield "    ";
  414.             }
  415.             $_parent = $context['_parent'];
  416.             unset($context['_seq'], $context['_key'], $context['message'], $context['_parent']);
  417.             $context = array_intersect_key($context, $_parent) + $_parent;
  418.         }
  419.         $_parent = $context['_parent'];
  420.         unset($context['_seq'], $context['label'], $context['messages'], $context['_parent']);
  421.         $context = array_intersect_key($context, $_parent) + $_parent;
  422.         // line 276
  423.         yield "
  424. ";
  425.         // line 277
  426.         yield from $this->unwrap()->yieldBlock('myscript', $context, $blocks);
  427.         // line 280
  428.         yield "<script>
  429.     const nameInput = document.querySelector('input[name=\"name\"]');
  430.     const autocompleteNameResults = nameInput.parentNode.querySelector('.autocomplete-results');
  431.     const defaultImageUrl = \"";
  432.         // line 283
  433.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/images/autres/1-600.c14c1b04.jpg"), "html", null, true);
  434.         yield "\";
  435.     const cityInput = document.querySelector('input[name=\"city\"]');
  436.     const addressInput = document.querySelector('input[name=\"address\"]');
  437.     const autocompleteCityResults = cityInput.parentNode.querySelector('.autocomplete-results');
  438.     const autocompleteAddressResults = addressInput.parentNode.querySelector('.autocomplete-results');
  440.     var formId =  document.getElementById(\"searchFormInput\");
  442.     nameInput.addEventListener('input', function() {
  443.         const searchText = this.value;
  445.         if (searchText.length >= 3) {
  446.             fetch(search(searchText))
  447.                 .then(response => response.json())
  448.                 .then(data => {
  449.                     autocompleteNameResults.innerHTML = '';
  450.                     if (data['hydra:member']) {
  451.                         data['hydra:member'].forEach(item => {
  452.                             const li = document.createElement('li');
  453.                             const a = document.createElement('a'); // Création d'une balise a
  455.                             var REDIRECT_URL = \"";
  456.         // line 304
  457.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_services_attraction", ["id" => "attraction_id"]), "js"), "html", null, true);
  458.         yield "\";
  459.                             REDIRECT_URL = REDIRECT_URL.replace(\"attraction_id\", item.id);
  460.                             a.href = REDIRECT_URL; // Ajout de l'attribut href à la balise a
  461.                             a.style.color = \"black\";
  462.                             const imageUrl = item.url && item.url.length > 0 ? item.url : defaultImageUrl;
  464.                             // Création d'une balise image avec l'URL dynamique
  465.                             const image = document.createElement('img');
  466.                             image.src = imageUrl;
  467.                             image.alt = item.name;
  468.                             image.style.width = 'auto';
  469.                             image.style.borderRadius = '4px';
  470.                             image.style.verticalAlign = 'middle';
  471.                             image.style.maxHeight = '40px';
  473.                             // Ajout de l'image et du texte dans le li
  474.                             a.appendChild(image);
  475.                             a.insertAdjacentHTML('beforeend', `<span>\${item.name}</span>`);
  476.                             li.appendChild(a);
  477.                             autocompleteNameResults.appendChild(li);
  478.                         });
  479.                         // Afficher le bloc d'autocomplétion
  480.                         autocompleteNameResults.style.display = 'block';
  481.                     }
  482.                 })
  483.                 .catch(error => console.error('Erreur lors de la récupération des résultats d\\'autocomplétion pour le nom :', error));
  484.         } else {
  485.             // Cacher le bloc d'autocomplétion si la longueur de la saisie est inférieure à 5
  486.             autocompleteNameResults.style.display = 'none';
  487.         }
  488.     });
  490.     // Fonction pour gérer l'autocomplétion de la ville (city)
  491.     cityInput.addEventListener('input', function() {
  492.         const searchText = this.value;
  493.         let cities = []; // Réinitialise le tableau à chaque nouvelle saisie
  495.         if (searchText.length >= 3) {
  496.             fetch(addressSearch(null, searchText))
  497.                 .then(response => response.json())
  498.                 .then(data => {
  499.                     autocompleteCityResults.innerHTML = '';
  500.                     if (data['hydra:member']) {
  501.                         data['hydra:member'].forEach(item => {
  502.                             let stateInfo = item.state != null ? `\${item.state}, ` : '';
  503.                             let city = `\${stateInfo}\${item.city}`;
  505.                             // Vérifie si la ville existe déjà dans le tableau
  506.                             if (!cities.includes(city)) {
  507.                                 const li = document.createElement('li');
  508.                                 li.textContent = city;
  509.                                 autocompleteCityResults.appendChild(li);
  511.                                 // Ajoute la ville au tableau
  512.                                 cities.push(city);
  513.                             }
  514.                         });
  515.                         autocompleteCityResults.style.display = 'block';
  516.                     }
  517.                 })
  518.                 .catch(error => console.error('Erreur lors de la récupération des résultats d\\'autocomplétion pour la ville :', error));
  519.         } else {
  520.             autocompleteCityResults.style.display = 'none';
  521.         }
  522.     });
  525.     // Fonction pour gérer l'autocomplétion de l'adresse
  526.     addressInput.addEventListener('input', function() {
  527.         const searchText = this.value;
  529.         if (searchText.length >= 3) {
  530.             fetch(addressSearch(searchText))
  531.                 .then(response => response.json())
  532.                 .then(data => {
  533.                     autocompleteAddressResults.innerHTML = '';
  534.                     if (data['hydra:member']) {
  535.                         data['hydra:member'].forEach(item => {
  536.                             const li = document.createElement('li');
  537.                             let neighborhoodInfo = item.neighborhood != null ? `\${item.neighborhood}, ` : '';
  538.                             li.textContent = `\${neighborhoodInfo}\${item.address}`;
  539.                             autocompleteAddressResults.appendChild(li);
  540.                         });
  541.                         autocompleteAddressResults.style.display = 'block';
  542.                     }
  543.                 })
  544.                 .catch(error => console.error('Erreur lors de la récupération des résultats d\\'autocomplétion pour l\\'adresse :', error));
  545.         } else {
  546.             autocompleteAddressResults.style.display = 'none';
  547.         }
  548.     });
  550.     // Event listener pour sélectionner une ville depuis les résultats d'autocomplétion
  551.     autocompleteCityResults.addEventListener('click', function(event) {
  552.         const clickedElement = event.target.closest('li');
  553.         if (clickedElement) {
  554.             cityInput.value = clickedElement.textContent;
  555.             autocompleteCityResults.innerHTML = '';
  556.             autocompleteCityResults.style.display = 'none';
  557.         }
  558.     });
  560.     // Event listener pour sélectionner une adresse depuis les résultats d'autocomplétion
  561.     autocompleteAddressResults.addEventListener('click', function(event) {
  562.         const clickedElement = event.target.closest('li');
  563.         if (clickedElement) {
  564.             addressInput.value = clickedElement.textContent;
  565.             autocompleteAddressResults.innerHTML = '';
  566.             autocompleteAddressResults.style.display = 'none';
  567.         }
  568.     });
  570.     autocompleteNameResults.addEventListener('click', function(event) {
  571.         const clickedElement = event.target.closest('li'); // Récupération de l'élément li le plus proche
  572.         if (clickedElement) {
  573.             const spanElement = clickedElement.querySelector('span'); // Sélection du span à l'intérieur de l'élément li
  574.             if (spanElement) {
  575.                 nameInput.value = spanElement.textContent; // Récupération du texte du span
  576.                 autocompleteNameResults.innerHTML = '';
  577.                 autocompleteNameResults.style.display = 'none';
  578.                 var newUrl = \"";
  579.         // line 424
  580.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_search_page"), "js"), "html", null, true);
  581.         yield "?name=\" + encodeURIComponent(spanElement.textContent);
  582.                 // window.location.replace(newUrl);
  583.             }
  585.         }
  586.     });
  588.     function search(name = null) {
  589.         var BASE_PATH = \"";
  590.         // line 432
  591.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("search_attraction_with_api", ["name" => "name_id"]), "js"), "html", null, true);
  592.         yield "\";
  593.         BASE_PATH = BASE_PATH.replace(\"name_id\", name);
  594.         return BASE_PATH;
  595.     }
  597.     function addressSearch(address = null, city = null, page = 1) {
  598.         // Définition des paramètres de recherche
  599.         let BASE_PATH = \"\";
  600.         // Ajout des paramètres non nuls
  601.         if (city != null){
  602.             BASE_PATH = \"";
  603.         // line 442
  604.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("search_address_city_with_api", ["city" => "city_id"]), "js"), "html", null, true);
  605.         yield "\";
  606.             BASE_PATH = BASE_PATH.replace(\"city_id\", city);
  607.         }
  609.         if (address != null){
  610.             BASE_PATH = \"";
  611.         // line 447
  612.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("search_address_neighborhood_with_api", ["address" => "address_id"]), "js"), "html", null, true);
  613.         yield "\";
  614.             BASE_PATH = BASE_PATH.replace(\"address_id\", address);
  615.         }
  617.         return BASE_PATH;
  618.     }
  620.     formId.addEventListener(\"submit\", function(event) {
  621.         event.preventDefault(); // Empêche l'envoi du formulaire par défaut
  623.         var name = document.querySelector('input[name=\"name\"]').value;
  624.         var city = document.querySelector('input[name=\"city\"]').value;
  625.         var state = document.querySelector('input[name=\"city\"]').value;
  627.         var address = document.querySelector('input[name=\"address\"]').value;
  628.         var neighborhood = document.querySelector('input[name=\"address\"]').value;
  630.         // console.log(typeof name.length,typeof city.length,typeof address.length)
  632.         if(name !== \"\" || city !== \"\" || address !== \"\"){
  633.             // Construction de la nouvelle URL
  634.             var newUrl = \"";
  635.         // line 468
  636.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_search_page"), "js"), "html", null, true);
  637.         yield "?name=\" + encodeURIComponent(name) + \"&city=\" + encodeURIComponent(city) + \"&state=\" + encodeURIComponent(state) + \"&address=\" + encodeURIComponent(address) + \"&neighborhood=\" + encodeURIComponent(neighborhood);
  639.             // Redirection vers la nouvelle URL
  640.             window.location.replace(newUrl);
  641.             // window.location.href = newUrl;
  642.         }
  644.     });
  646.     document.addEventListener('click', function(event) {
  647.         const isClickInsideAutocomplete = autocompleteNameResults.contains(event.target)
  648.             || autocompleteCityResults.contains(event.target)
  649.             || autocompleteAddressResults.contains(event.target);
  651.         if (!isClickInsideAutocomplete) {
  652.             autocompleteNameResults.style.display = 'none';
  653.             autocompleteCityResults.style.display = 'none';
  654.             autocompleteAddressResults.style.display = 'none';
  655.         }
  656.     });
  658. </script>
  659. </body>
  660. </html>";
  661.         
  662.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  664.         
  665.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  667.         yield from [];
  668.     }
  670.     // line 15
  671.     /**
  672.      * @return iterable<null|scalar|\Stringable>
  673.      */
  674.     public function block_title(array $context, array $blocks = []): iterable
  675.     {
  676.         $macros = $this->macros;
  677.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  678.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  680.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  681.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  683.         
  684.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  686.         
  687.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  689.         yield from [];
  690.     }
  692.     // line 84
  693.     /**
  694.      * @return iterable<null|scalar|\Stringable>
  695.      */
  696.     public function block_stylesheet(array $context, array $blocks = []): iterable
  697.     {
  698.         $macros = $this->macros;
  699.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  700.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  702.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  703.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  705.         // line 85
  706.         yield "    ";
  707.         
  708.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  710.         
  711.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  713.         yield from [];
  714.     }
  716.     // line 87
  717.     /**
  718.      * @return iterable<null|scalar|\Stringable>
  719.      */
  720.     public function block_javascripts(array $context, array $blocks = []): iterable
  721.     {
  722.         $macros = $this->macros;
  723.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  724.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  726.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  727.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  729.         // line 88
  730.         yield "        ";
  731.         yield $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackScriptTags("app");
  732.         yield "
  733.     ";
  734.         
  735.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  737.         
  738.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  740.         yield from [];
  741.     }
  743.     // line 120
  744.     /**
  745.      * @return iterable<null|scalar|\Stringable>
  746.      */
  747.     public function block_header(array $context, array $blocks = []): iterable
  748.     {
  749.         $macros = $this->macros;
  750.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  751.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "header"));
  753.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  754.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "header"));
  756.         // line 121
  757.         yield "        ";
  758.         yield from         $this->loadTemplate("frontend/structure/header.html.twig", "base.html.twig", 121)->unwrap()->yield($context);
  759.         // line 122
  760.         yield "    ";
  761.         
  762.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  764.         
  765.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  767.         yield from [];
  768.     }
  770.     // line 127
  771.     /**
  772.      * @return iterable<null|scalar|\Stringable>
  773.      */
  774.     public function block_body(array $context, array $blocks = []): iterable
  775.     {
  776.         $macros = $this->macros;
  777.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  778.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  780.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  781.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  783.         
  784.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  786.         
  787.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  789.         yield from [];
  790.     }
  792.     // line 131
  793.     /**
  794.      * @return iterable<null|scalar|\Stringable>
  795.      */
  796.     public function block_footer(array $context, array $blocks = []): iterable
  797.     {
  798.         $macros = $this->macros;
  799.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  800.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  802.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  803.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  805.         // line 132
  806.         yield "        ";
  807.         yield from         $this->loadTemplate("frontend/structure/footer.html.twig", "base.html.twig", 132)->unwrap()->yield($context);
  808.         // line 133
  809.         yield "    ";
  810.         
  811.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  813.         
  814.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  816.         yield from [];
  817.     }
  819.     // line 213
  820.     /**
  821.      * @return iterable<null|scalar|\Stringable>
  822.      */
  823.     public function block_javascript(array $context, array $blocks = []): iterable
  824.     {
  825.         $macros = $this->macros;
  826.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  827.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  829.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  830.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  832.         
  833.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  835.         
  836.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  838.         yield from [];
  839.     }
  841.     // line 277
  842.     /**
  843.      * @return iterable<null|scalar|\Stringable>
  844.      */
  845.     public function block_myscript(array $context, array $blocks = []): iterable
  846.     {
  847.         $macros = $this->macros;
  848.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  849.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "myscript"));
  851.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  852.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "myscript"));
  854.         
  855.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  857.         
  858.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  860.         yield from [];
  861.     }
  863.     /**
  864.      * @codeCoverageIgnore
  865.      */
  866.     public function getTemplateName(): string
  867.     {
  868.         return "base.html.twig";
  869.     }
  871.     /**
  872.      * @codeCoverageIgnore
  873.      */
  874.     public function isTraitable(): bool
  875.     {
  876.         return false;
  877.     }
  879.     /**
  880.      * @codeCoverageIgnore
  881.      */
  882.     public function getDebugInfo(): array
  883.     {
  884.         return array (  842 => 277,  820 => 213,  809 => 133,  806 => 132,  793 => 131,  771 => 127,  760 => 122,  757 => 121,  744 => 120,  730 => 88,  717 => 87,  706 => 85,  693 => 84,  671 => 15,  636 => 468,  612 => 447,  604 => 442,  591 => 432,  580 => 424,  457 => 304,  433 => 283,  428 => 280,  426 => 277,  423 => 276,  413 => 274,  407 => 271,  404 => 270,  402 => 269,  397 => 267,  394 => 266,  391 => 265,  386 => 264,  382 => 263,  359 => 243,  353 => 240,  326 => 215,  324 => 213,  320 => 211,  316 => 210,  312 => 209,  235 => 134,  233 => 131,  228 => 128,  226 => 127,  220 => 123,  218 => 120,  191 => 95,  189 => 94,  187 => 93,  182 => 90,  180 => 87,  177 => 86,  175 => 84,  149 => 60,  144 => 56,  140 => 55,  136 => 54,  132 => 53,  128 => 52,  124 => 51,  120 => 50,  83 => 16,  79 => 15,  70 => 9,  66 => 8,  58 => 2,  56 => 1,);
  885.     }
  887.     public function getSourceContext(): Source
  888.     {
  889.         return new Source("{% set route_name = app.request.attributes.get('_route') %}
  890. <!DOCTYPE html>
  891. <html lang=\"en\">
  893. <head>
  894.     <meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\"/>
  895.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
  896.     <meta name=\"description\" content=\"{{ 'header.headerDescription'|trans([],'header_page') }}\">
  897.     <meta name=\"keywords\" content=\"{{ 'header.headerKeyword'|trans([],'header_page') }}\">
  898.     <meta name=\"author\" content=\"Nkap Sarl\">
  899.     <!-- Balise meta robots -->
  900.     <meta name=\"robots\" content=\"index\">
  901.     <!-- Balise meta revisit-after -->
  902.     <meta name=\"revisit-after\" content=\"1 day\">
  903.     <title>Ayila'a | {% block title %}{% endblock %}</title>
  904.     <link rel=\"icon\" href=\"{{ asset('build/images/logo_LogoCercle.40dd8ea1.png') }}\">
  906.         <!-- Google tag (gtag.js) -->
  907.     <script async src=\"https://www.googletagmanager.com/gtag/js?id=G-HB2H04MNE9\"></script>
  908.     <script>
  909.         window.dataLayer = window.dataLayer || [];
  911.         function gtag() {
  912.             dataLayer.push(arguments);
  913.         }
  915.         gtag('js', new Date());
  917.         gtag('config', 'G-HB2H04MNE9');
  918.     </script>
  919.     <!-- Google Tag Manager -->
  920.     <script>(function (w, d, s, l, i) {
  921.             w[l] = w[l] || [];
  922.             w[l].push({'gtm.start':new Date().getTime(), event: 'gtm.js'});
  923.             var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  924.             j.async = true;
  925.             j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  926.             f.parentNode.insertBefore(j, f);
  927.         })(window, document, 'script', 'dataLayer', 'GTM-5W58P9R6');
  928.     </script>
  929.     <!-- End Google Tag Manager -->
  931.     <!-- GOOGLE WEB FONT -->
  932.     <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\">
  933.     <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\"
  934.           rel=\"stylesheet\">
  935.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css\">
  937.     <!-- BASE CSS -->
  938.     <link href=\"{{ asset('assets/css/bootstrap.min.css') }}\" rel=\"stylesheet\">
  939.     <link href=\"{{ asset('assets/css/style.css') }}\" rel=\"stylesheet\">
  940.     <link href=\"{{ asset('assets/css/vendors.css') }}\" rel=\"stylesheet\">
  941.     <link href=\"{{ asset('assets/css/header.css') }}\" rel=\"stylesheet\">
  942.     <link href=\"{{ asset('assets/css/custom.css') }}\" rel=\"stylesheet\">
  943.     <link href=\"{{ asset('assets/css/my-style/style.css') }}\" rel=\"stylesheet\">
  944.     <link href=\"{{ asset('assets/css/autocomplete-results-search.css') }}\" rel=\"stylesheet\">
  945.     <link rel=\"stylesheet\" href=\"https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css\">
  946. {#    <link href=\"{{ asset('assets/css/all.min.css') }}\" rel=\"stylesheet\">#}
  947. {#    <link href=\"{{ asset('assets/css/font-awesome.min.css') }}\" rel=\"stylesheet\">#}
  949.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css\">
  951.     <!-- YOUR CUSTOM CSS -->
  952.     <style>
  953.         body{
  954.             width: 100%;
  955.             margin: 0 auto;
  956.             box-sizing: border-box;
  957.         }
  958.         .nav-class-elements {
  959.             color: black !important;
  960.         }
  962.         .icones-second-bar {
  963.             width: 35px;
  964.         }
  966.         @media (min-width: 1024px) {
  967.             .icones-second-bar {
  968.                 width: 25px;
  969.             }
  970.         }
  971.     </style>
  972.     {% block stylesheet %}
  973.     {% endblock %}
  975.     {% block javascripts %}
  976.         {{ encore_entry_script_tags('app') }}
  977.     {% endblock %}
  978. </head>
  980. <body>
  981. {% set user = AuthGuard() %}
  982. {% set isAuthenticated = isAuth() %}
  983. <!-- Google Tag Manager (noscript) -->
  984. <noscript>
  985.     <iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-5W58P9R6\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe>
  986. </noscript>
  987. <!-- End Google Tag Manager (noscript) -->
  988. <!-- Meta Pixel Code -->
  989. <script>
  990.     !function(f,b,e,v,n,t,s)
  991.     {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  992.         n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  993.         if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  994.         n.queue=[];t=b.createElement(e);t.async=!0;
  995.         t.src=v;s=b.getElementsByTagName(e)[0];
  996.         s.parentNode.insertBefore(t,s)}(window, document,'script',
  997.         'https://connect.facebook.net/en_US/fbevents.js');
  998.     fbq('init', '405729078674868');
  999.     fbq('track', 'PageView');
  1000. </script>
  1001. <noscript>
  1002.     <img height=\"1\" width=\"1\" style=\"display:none\" src=\"https://www.facebook.com/tr?id=405729078674868&ev=PageView&noscript=1\" />
  1003. </noscript>
  1004. <!-- End Meta Pixel Code -->
  1005. <div id=\"toast-container\" class=\"toast-top-right\"></div>
  1006. <div id=\"page\">
  1008.     {% block header %}
  1009.         {% include 'frontend/structure/header.html.twig' %}
  1010.     {% endblock %}
  1012.     <!-- /header -->
  1014.     <main>
  1015.         {% block body %}{% endblock %}
  1016.     </main>
  1017.     <!--/main-->
  1019.     {% block footer %}
  1020.         {% include 'frontend/structure/footer.html.twig' %}
  1021.     {% endblock %}
  1022.     <!--/footer-->
  1023. </div>
  1024. <!-- page -->
  1026. <!-- Sign In Popup -->
  1027. <div id=\"sign-in-dialog\" class=\"zoom-anim-dialog mfp-hide\">
  1028.     <div class=\"small-dialog-header\">
  1029.         <h3>Sign In</h3>
  1030.     </div>
  1031.     <form>
  1032.         <div class=\"sign-in-wrapper\">
  1033.             <a href=\"#0\" class=\"social_bt facebook\">Login with Facebook</a>
  1034.             <a href=\"#0\" class=\"social_bt google\">Login with Google</a>
  1035.             <div class=\"divider\"><span>Or</span></div>
  1036.             <div class=\"form-group\">
  1037.                 <label>Email</label>
  1038.                 <input type=\"email\" class=\"form-control\" name=\"email\" id=\"email\">
  1039.                 <i class=\"icon_mail_alt\"></i>
  1040.             </div>
  1041.             <div class=\"form-group\">
  1042.                 <label>Password</label>
  1043.                 <input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\" value=\"\">
  1044.                 <i class=\"icon_lock_alt\"></i>
  1045.             </div>
  1046.             <div class=\"clearfix add_bottom_15\">
  1047.                 <div class=\"checkboxes float-start\">
  1048.                     <label class=\"container_check\">Remember me
  1049.                         <input type=\"checkbox\">
  1050.                         <span class=\"checkmark\"></span>
  1051.                     </label>
  1052.                 </div>
  1053.                 <div class=\"float-end mt-1\"><a id=\"forgot\" href=\"javascript:void(0);\">Forgot Password?</a></div>
  1054.             </div>
  1055.             <div class=\"text-center\"><input type=\"submit\" value=\"Log In\" class=\"btn_1 full-width\"></div>
  1056.             <div class=\"text-center\">
  1057.                 Don’t have an account? <a href=\"register.html\">Sign up</a>
  1058.             </div>
  1059.             <div id=\"forgot_pw\">
  1060.                 <div class=\"form-group\">
  1061.                     <label>Please confirm login email below</label>
  1062.                     <input type=\"email\" class=\"form-control\" name=\"email_forgot\" id=\"email_forgot\">
  1063.                     <i class=\"icon_mail_alt\"></i>
  1064.                 </div>
  1065.                 <p>You will receive an email containing a link allowing you to reset your password to a new preferred
  1066.                     one.</p>
  1067.                 <div class=\"text-center\"><input type=\"submit\" value=\"Reset Password\" class=\"btn_1\"></div>
  1068.             </div>
  1069.         </div>
  1070.     </form>
  1071.     <!--form -->
  1072. </div>
  1073. <!-- /Sign In Popup -->
  1075. <div id=\"toTop\" onclick=\"scrollToTop()\"></div>
  1076. <script>
  1077.     window.onscroll = function () {
  1078.         scrollFunction();
  1079.     };
  1081.     function scrollFunction() {
  1082.         if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  1083.             document.getElementById(\"toTop\").style.display = \"block\";
  1084.         } else {
  1085.             document.getElementById(\"toTop\").style.display = \"none\";
  1086.         }
  1087.     }
  1089.     function scrollToTop() {
  1090.         document.body.scrollTop = 0;
  1091.         document.documentElement.scrollTop = 0;
  1092.     }
  1093. </script>
  1094. <!-- Back to top button -->
  1096. <!-- COMMON SCRIPTS -->
  1097. <script src=\"{{ asset('assets/js/common_scripts.js') }}\"></script>
  1098. <script src=\"{{ asset('assets/js/main.js') }}\"></script>
  1099. <script src=\"{{ asset('assets/js/jquery-3.6.3.min.js') }}\"></script>
  1100. {#<script src=\"{{ asset('assets/js/bootstrap.bundle.js') }}\"></script>#}
  1101. {% block javascript %}
  1102. {% endblock %}
  1104. <script>
  1105.     window.onscroll = function () {
  1106.         scrollFunction()
  1107.     };
  1109.     function scrollFunction() {
  1110.         var numero = document.getElementById(\"nav-numero\")
  1111.         var langue = document.getElementById(\"nav-langue\")
  1112.         if (numero === null || langue === null) {
  1113.             return;
  1114.         }
  1115.         // Vérifie si l'utilisateur a fait défiler vers le bas
  1116.         if (window.pageYOffset > 0) {
  1117.             // Ajoute la classe \"sticks\" à la div
  1118.             numero.classList.add(\"nav-class-elements\");
  1119.             langue.classList.add(\"nav-class-elements\");
  1120.         } else {
  1121.             // Retire la classe \"sticks\" de la div
  1122.             numero.classList.remove(\"nav-class-elements\");
  1123.             langue.classList.remove(\"nav-class-elements\");
  1124.         }
  1125.     }
  1126. </script>
  1128. <script src=\"{{ asset('assets/js/header.js') }}\"></script>
  1129. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js\"></script>
  1131. <script src=\"{{ asset('assets/js/fontawesome.min.js') }}\"></script>
  1132. <script src=\"//code.tidio.co/s9ka0c7yvmz5hlz1gh0addn7u7xo3esb.js\" async></script>
  1133. <script>
  1134.     \$(document).ready(function () {
  1135.         toastr.options = {
  1136.             // \"closeButton\": true,          // Afficher le bouton de fermeture
  1137.             \"progressBar\": true,          // Afficher une barre de progression
  1138.             \"positionClass\": \"toast-top-right\", // Position des messages flash
  1139.             \"showDuration\": \"300\",        // Durée d'affichage en millisecondes
  1140.             \"hideDuration\": \"1000\",       // Durée de disparition en millisecondes
  1141.             \"timeOut\": \"5000\",            // Temps d'affichage avant la disparition automatique en millisecondes
  1142.             \"extendedTimeOut\": \"1000\",    // Temps d'affichage supplémentaire si l'utilisateur survole le message en millisecondes
  1143.             \"showEasing\": \"swing\",        // Animation d'affichage du message
  1144.             \"hideEasing\": \"linear\",       // Animation de disparition du message
  1145.             \"showMethod\": \"fadeIn\",       // Méthode d'affichage du message
  1146.             \"hideMethod\": \"fadeOut\"       // Méthode de disparition du message
  1147.         };
  1148.     });
  1149. </script>
  1151. {% for label, messages in app.flashes %}
  1152.     {% for message in messages %}
  1153.         {% if label == \"success\" %}
  1154.             <script>
  1155.                 toastr.success('{{ message }}');
  1156.             </script>
  1157.             {% elseif label == \"danger\" %}
  1158.             <script>
  1159.                 toastr.error('{{ message }}');
  1160.             </script>
  1161.         {% endif %}
  1162.     {% endfor %}
  1163. {% endfor %}
  1165. {% block myscript %}
  1166. {% endblock %}
  1167. {#la section dedié à la recherche en utilisant autocomplete-results qui ne doit pas etre utiliser ailleur#}
  1168. <script>
  1169.     const nameInput = document.querySelector('input[name=\"name\"]');
  1170.     const autocompleteNameResults = nameInput.parentNode.querySelector('.autocomplete-results');
  1171.     const defaultImageUrl = \"{{ asset('build/images/autres/1-600.c14c1b04.jpg') }}\";
  1172.     const cityInput = document.querySelector('input[name=\"city\"]');
  1173.     const addressInput = document.querySelector('input[name=\"address\"]');
  1174.     const autocompleteCityResults = cityInput.parentNode.querySelector('.autocomplete-results');
  1175.     const autocompleteAddressResults = addressInput.parentNode.querySelector('.autocomplete-results');
  1177.     var formId =  document.getElementById(\"searchFormInput\");
  1179.     nameInput.addEventListener('input', function() {
  1180.         const searchText = this.value;
  1182.         if (searchText.length >= 3) {
  1183.             fetch(search(searchText))
  1184.                 .then(response => response.json())
  1185.                 .then(data => {
  1186.                     autocompleteNameResults.innerHTML = '';
  1187.                     if (data['hydra:member']) {
  1188.                         data['hydra:member'].forEach(item => {
  1189.                             const li = document.createElement('li');
  1190.                             const a = document.createElement('a'); // Création d'une balise a
  1192.                             var REDIRECT_URL = \"{{ path('app_services_attraction',{'id': 'attraction_id'})|escape('js') }}\";
  1193.                             REDIRECT_URL = REDIRECT_URL.replace(\"attraction_id\", item.id);
  1194.                             a.href = REDIRECT_URL; // Ajout de l'attribut href à la balise a
  1195.                             a.style.color = \"black\";
  1196.                             const imageUrl = item.url && item.url.length > 0 ? item.url : defaultImageUrl;
  1198.                             // Création d'une balise image avec l'URL dynamique
  1199.                             const image = document.createElement('img');
  1200.                             image.src = imageUrl;
  1201.                             image.alt = item.name;
  1202.                             image.style.width = 'auto';
  1203.                             image.style.borderRadius = '4px';
  1204.                             image.style.verticalAlign = 'middle';
  1205.                             image.style.maxHeight = '40px';
  1207.                             // Ajout de l'image et du texte dans le li
  1208.                             a.appendChild(image);
  1209.                             a.insertAdjacentHTML('beforeend', `<span>\${item.name}</span>`);
  1210.                             li.appendChild(a);
  1211.                             autocompleteNameResults.appendChild(li);
  1212.                         });
  1213.                         // Afficher le bloc d'autocomplétion
  1214.                         autocompleteNameResults.style.display = 'block';
  1215.                     }
  1216.                 })
  1217.                 .catch(error => console.error('Erreur lors de la récupération des résultats d\\'autocomplétion pour le nom :', error));
  1218.         } else {
  1219.             // Cacher le bloc d'autocomplétion si la longueur de la saisie est inférieure à 5
  1220.             autocompleteNameResults.style.display = 'none';
  1221.         }
  1222.     });
  1224.     // Fonction pour gérer l'autocomplétion de la ville (city)
  1225.     cityInput.addEventListener('input', function() {
  1226.         const searchText = this.value;
  1227.         let cities = []; // Réinitialise le tableau à chaque nouvelle saisie
  1229.         if (searchText.length >= 3) {
  1230.             fetch(addressSearch(null, searchText))
  1231.                 .then(response => response.json())
  1232.                 .then(data => {
  1233.                     autocompleteCityResults.innerHTML = '';
  1234.                     if (data['hydra:member']) {
  1235.                         data['hydra:member'].forEach(item => {
  1236.                             let stateInfo = item.state != null ? `\${item.state}, ` : '';
  1237.                             let city = `\${stateInfo}\${item.city}`;
  1239.                             // Vérifie si la ville existe déjà dans le tableau
  1240.                             if (!cities.includes(city)) {
  1241.                                 const li = document.createElement('li');
  1242.                                 li.textContent = city;
  1243.                                 autocompleteCityResults.appendChild(li);
  1245.                                 // Ajoute la ville au tableau
  1246.                                 cities.push(city);
  1247.                             }
  1248.                         });
  1249.                         autocompleteCityResults.style.display = 'block';
  1250.                     }
  1251.                 })
  1252.                 .catch(error => console.error('Erreur lors de la récupération des résultats d\\'autocomplétion pour la ville :', error));
  1253.         } else {
  1254.             autocompleteCityResults.style.display = 'none';
  1255.         }
  1256.     });
  1259.     // Fonction pour gérer l'autocomplétion de l'adresse
  1260.     addressInput.addEventListener('input', function() {
  1261.         const searchText = this.value;
  1263.         if (searchText.length >= 3) {
  1264.             fetch(addressSearch(searchText))
  1265.                 .then(response => response.json())
  1266.                 .then(data => {
  1267.                     autocompleteAddressResults.innerHTML = '';
  1268.                     if (data['hydra:member']) {
  1269.                         data['hydra:member'].forEach(item => {
  1270.                             const li = document.createElement('li');
  1271.                             let neighborhoodInfo = item.neighborhood != null ? `\${item.neighborhood}, ` : '';
  1272.                             li.textContent = `\${neighborhoodInfo}\${item.address}`;
  1273.                             autocompleteAddressResults.appendChild(li);
  1274.                         });
  1275.                         autocompleteAddressResults.style.display = 'block';
  1276.                     }
  1277.                 })
  1278.                 .catch(error => console.error('Erreur lors de la récupération des résultats d\\'autocomplétion pour l\\'adresse :', error));
  1279.         } else {
  1280.             autocompleteAddressResults.style.display = 'none';
  1281.         }
  1282.     });
  1284.     // Event listener pour sélectionner une ville depuis les résultats d'autocomplétion
  1285.     autocompleteCityResults.addEventListener('click', function(event) {
  1286.         const clickedElement = event.target.closest('li');
  1287.         if (clickedElement) {
  1288.             cityInput.value = clickedElement.textContent;
  1289.             autocompleteCityResults.innerHTML = '';
  1290.             autocompleteCityResults.style.display = 'none';
  1291.         }
  1292.     });
  1294.     // Event listener pour sélectionner une adresse depuis les résultats d'autocomplétion
  1295.     autocompleteAddressResults.addEventListener('click', function(event) {
  1296.         const clickedElement = event.target.closest('li');
  1297.         if (clickedElement) {
  1298.             addressInput.value = clickedElement.textContent;
  1299.             autocompleteAddressResults.innerHTML = '';
  1300.             autocompleteAddressResults.style.display = 'none';
  1301.         }
  1302.     });
  1304.     autocompleteNameResults.addEventListener('click', function(event) {
  1305.         const clickedElement = event.target.closest('li'); // Récupération de l'élément li le plus proche
  1306.         if (clickedElement) {
  1307.             const spanElement = clickedElement.querySelector('span'); // Sélection du span à l'intérieur de l'élément li
  1308.             if (spanElement) {
  1309.                 nameInput.value = spanElement.textContent; // Récupération du texte du span
  1310.                 autocompleteNameResults.innerHTML = '';
  1311.                 autocompleteNameResults.style.display = 'none';
  1312.                 var newUrl = \"{{ path('app_search_page') |escape('js') }}?name=\" + encodeURIComponent(spanElement.textContent);
  1313.                 // window.location.replace(newUrl);
  1314.             }
  1316.         }
  1317.     });
  1319.     function search(name = null) {
  1320.         var BASE_PATH = \"{{ path('search_attraction_with_api',{'name': 'name_id'})|escape('js') }}\";
  1321.         BASE_PATH = BASE_PATH.replace(\"name_id\", name);
  1322.         return BASE_PATH;
  1323.     }
  1325.     function addressSearch(address = null, city = null, page = 1) {
  1326.         // Définition des paramètres de recherche
  1327.         let BASE_PATH = \"\";
  1328.         // Ajout des paramètres non nuls
  1329.         if (city != null){
  1330.             BASE_PATH = \"{{ path('search_address_city_with_api',{'city': 'city_id'})|escape('js') }}\";
  1331.             BASE_PATH = BASE_PATH.replace(\"city_id\", city);
  1332.         }
  1334.         if (address != null){
  1335.             BASE_PATH = \"{{ path('search_address_neighborhood_with_api',{'address': 'address_id'})|escape('js') }}\";
  1336.             BASE_PATH = BASE_PATH.replace(\"address_id\", address);
  1337.         }
  1339.         return BASE_PATH;
  1340.     }
  1342.     formId.addEventListener(\"submit\", function(event) {
  1343.         event.preventDefault(); // Empêche l'envoi du formulaire par défaut
  1345.         var name = document.querySelector('input[name=\"name\"]').value;
  1346.         var city = document.querySelector('input[name=\"city\"]').value;
  1347.         var state = document.querySelector('input[name=\"city\"]').value;
  1349.         var address = document.querySelector('input[name=\"address\"]').value;
  1350.         var neighborhood = document.querySelector('input[name=\"address\"]').value;
  1352.         // console.log(typeof name.length,typeof city.length,typeof address.length)
  1354.         if(name !== \"\" || city !== \"\" || address !== \"\"){
  1355.             // Construction de la nouvelle URL
  1356.             var newUrl = \"{{ path('app_search_page') |escape('js') }}?name=\" + encodeURIComponent(name) + \"&city=\" + encodeURIComponent(city) + \"&state=\" + encodeURIComponent(state) + \"&address=\" + encodeURIComponent(address) + \"&neighborhood=\" + encodeURIComponent(neighborhood);
  1358.             // Redirection vers la nouvelle URL
  1359.             window.location.replace(newUrl);
  1360.             // window.location.href = newUrl;
  1361.         }
  1363.     });
  1365.     document.addEventListener('click', function(event) {
  1366.         const isClickInsideAutocomplete = autocompleteNameResults.contains(event.target)
  1367.             || autocompleteCityResults.contains(event.target)
  1368.             || autocompleteAddressResults.contains(event.target);
  1370.         if (!isClickInsideAutocomplete) {
  1371.             autocompleteNameResults.style.display = 'none';
  1372.             autocompleteCityResults.style.display = 'none';
  1373.             autocompleteAddressResults.style.display = 'none';
  1374.         }
  1375.     });
  1377. </script>
  1378. </body>
  1379. </html>", "base.html.twig", "/home/net/symfony/vhosts/test-ayilaa-frontend/templates/base.html.twig");
  1380.     }
  1381. }