var/cache/dev/twig/fc/fc16e0998e9febacb49ac005dc5cf7dd.php line 41

Open in your IDE?
  1. <?php
  2. use Twig\Environment;
  3. use Twig\Error\LoaderError;
  4. use Twig\Error\RuntimeError;
  5. use Twig\Extension\SandboxExtension;
  6. use Twig\Markup;
  7. use Twig\Sandbox\SecurityError;
  8. use Twig\Sandbox\SecurityNotAllowedTagError;
  9. use Twig\Sandbox\SecurityNotAllowedFilterError;
  10. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  11. use Twig\Source;
  12. use Twig\Template;
  13. /* ./recherche/recherche.html.twig */
  14. class __TwigTemplate_80c3f3b1afedeab79dc536d1a5914c18 extends Template
  15. {
  16.     private $source;
  17.     private $macros = [];
  18.     public function __construct(Environment $env)
  19.     {
  20.         parent::__construct($env);
  21.         $this->source $this->getSourceContext();
  22.         $this->blocks = [
  23.             'stylesheets' => [$this'block_stylesheets'],
  24.             'javascripts' => [$this'block_javascripts'],
  25.             'body' => [$this'block_body'],
  26.             'content' => [$this'block_content'],
  27.         ];
  28.     }
  29.     protected function doGetParent(array $context)
  30.     {
  31.         // line 1
  32.         return "base.html.twig";
  33.     }
  34.     protected function doDisplay(array $context, array $blocks = [])
  35.     {
  36.         $macros $this->macros;
  37.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  38.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""./recherche/recherche.html.twig"));
  39.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  40.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""./recherche/recherche.html.twig"));
  41.         $this->parent $this->loadTemplate("base.html.twig""./recherche/recherche.html.twig"1);
  42.         $this->parent->display($contextarray_merge($this->blocks$blocks));
  43.         
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  45.         
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  47.     }
  48.     // line 3
  49.     public function block_stylesheets($context, array $blocks = [])
  50.     {
  51.         $macros $this->macros;
  52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  53.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""stylesheets"));
  54.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""stylesheets"));
  56.         // line 4
  57.         echo "    ";
  58.         $this->displayParentBlock("stylesheets"$context$blocks);
  59.         echo "
  60.         <link rel=\"stylesheet\" href=\"./assets/lib/mark-your-calendar/mark-your-calendar.css\">
  61.      <link rel=\"stylesheet\" href=\"./assets/css/recherche.css\">
  62.     <link rel=\"stylesheet\" href=\"./assets/lib/jquery-multiselect/jquery.multiselect.css\">
  63. ";
  64.         
  65.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  66.         
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  68.     }
  69.     // line 10
  70.     public function block_javascripts($context, array $blocks = [])
  71.     {
  72.         $macros $this->macros;
  73.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  74.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascripts"));
  75.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  76.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascripts"));
  77.         // line 11
  78.         echo "    ";
  79.         $this->displayParentBlock("javascripts"$context$blocks);
  80.         echo "    
  81.     <script src=\"./assets/lib/jquery-multiselect/jquery.multiselect.js\"></script>
  82.     <script src=\"./assets/lib/mark-your-calendar/mark-your-calendar.js\"></script>
  83.     <script src=\"/assets/js/mapJson.js\"></script>
  84.     <script src=\"./assets/js/recherche.js\"></script>
  85.     <script>
  86.         var map; 
  87.         var geocoder;
  88.         var infowindow;
  89. </script>
  90. ";
  91.         
  92.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  93.         
  94.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  95.     }
  96.     // line 23
  97.     public function block_body($context, array $blocks = [])
  98.     {
  99.         $macros $this->macros;
  100.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  101.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""body"));
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  103.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""body"));
  104.         // line 24
  105.         echo "  ";
  106.         $this->displayParentBlock("body"$context$blocks);
  107.         echo "
  108.   <div class=\"backgroundheaderSearch\"></div>
  109. ";
  110.         
  111.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  112.         
  113.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  114.     }
  115.     // line 28
  116.     public function block_content($context, array $blocks = [])
  117.     {
  118.         $macros $this->macros;
  119.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  120.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""content"));
  121.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  122.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""content"));
  123.         // line 29
  124.         echo "  ";
  125.         $this->displayParentBlock("content"$context$blocks);
  126.         echo "
  127. <section>
  128.     <div class=\"container\">
  129.         <div class=\"col-md-6\">
  130.             <h2 class=\"title\">Vous recherchez un <br> audioprothésiste sur <br> <span id=\"villeTitre\"></span></h2>
  131.         </div>
  132.     </div>
  133. </section>
  134. <section class=\"recherche\">
  135. <!-- Back to top button -->
  136. <a id=\"button\"> <i class=\"fas fa-angle-up\"></i></a>
  137.     <div class=\"container-fluid\" style=\"padding:0;\">
  138.         <div class=\"row rowPrincipal\" style=\"margin-right: 0;\">
  139.             <div class=\"col-md-6 mapColumn\">
  140.                 <div id=\"filterMap\" class=\"filter-map\" style=\"display:none\"></div>
  141.                 <div class=\"btnMap\">   
  142.                         <button class=\"prendreRDV btn btn-vert-inverse\" id=\"showMap\" onclick=\"validerFiltre()\">
  143.                          <span class=\"text\">voir sur la carte</span>  
  144.                          <div class=\"wave\"></div>
  145.                         
  146.                         </button>
  147.                     </div>
  148.             </div>
  149.             <div class=\"col-md-6 \">
  150.                 <div id=\"filterSearch\">
  151.                     <div class=\"inputSearch row\">
  152.                         <div class=\"col-md-6\">
  153.                             <div class=\"input-group\">
  154.                                 <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  155.                                 <input type=\"text\" class=\"form-control\" placeholder=\"Nom de l’audioprothésiste\" id=\"nom\" name=\"nom\" aria-label=\"nom\" aria-describedby=\"nom-icon\">
  156.                             </div>
  157.                         </div>
  158.                         <div class=\"col-md-6\">
  159.                             <div class=\"input-group\">
  160.                                 <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  161.                                 <input type=\"text\" class=\"form-control\" placeholder=\"Ville\" aria-label=\"ville\" id=\"ville\" name=\"ville\" aria-describedby=\"ville-icon\">
  162.                             </div>
  163.                         </div>
  164.                     </div>
  165.                    <!-- <div class=\"row\">
  166.                         <select class=\"form-select\"  id=\"motif\" >
  167.                             <option hidden> Sélectionnez votre motif de consultation</option>  
  168.                         </select>
  169.                     </div> -->
  170.                     <div class=\"filtresContainer\" >
  171.                         <div class=\"\" style=\"padding-left:0; min-width: 120px;\">
  172.                             <select class=\"\" multiple=\"multiple\" id=\"filtre\" >
  173.                                 <optgroup label=\"Disponibilité\">
  174.                                     <option  id=\"today\" value=\"d1\" data-name=\"disponibilite\">Aujourdhui</option>  
  175.                                     <option  id=\"nextDay\" value=\"d3\" data-name=\"disponibilite\"> Dans les 3 prochain jours</option>  
  176.                                 </optgroup>
  177.                                 <optgroup label=\"Spécialités\" id=\"specialiter\">
  178.                                     ";
  179.         // line 85
  180.         $context['_parent'] = $context;
  181.         $context['_seq'] = twig_ensure_traversable((isset($context["specialites"]) || array_key_exists("specialites"$context) ? $context["specialites"] : (function () { throw new RuntimeError('Variable "specialites" does not exist.'85$this->source); })()));
  182.         foreach ($context['_seq'] as $context["_key"] => $context["specialite"]) {
  183.             // line 86
  184.             echo "                                        <option  value=\"s";
  185.             echo twig_escape_filter($this->envtwig_get_attribute($this->env$this->source$context["specialite"], "id", [], "any"falsefalsefalse86), "html"nulltrue);
  186.             echo "\" data-name=\"specialites\">";
  187.             echo twig_escape_filter($this->envtwig_get_attribute($this->env$this->source$context["specialite"], "libelle", [], "any"falsefalsefalse86), "html"nulltrue);
  188.             echo "</option>  
  189.                                     ";
  190.         }
  191.         $_parent $context['_parent'];
  192.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['specialite'], $context['_parent'], $context['loop']);
  193.         $context array_intersect_key($context$_parent) + $_parent;
  194.         // line 88
  195.         echo "                                <optgroup label=\"Prestations et prise en charge\">
  196.                                     ";
  197.         // line 89
  198.         $context['_parent'] = $context;
  199.         $context['_seq'] = twig_ensure_traversable((isset($context["prestations"]) || array_key_exists("prestations"$context) ? $context["prestations"] : (function () { throw new RuntimeError('Variable "prestations" does not exist.'89$this->source); })()));
  200.         foreach ($context['_seq'] as $context["_key"] => $context["prestation"]) {
  201.             // line 90
  202.             echo "                                        <option  value=\"p";
  203.             echo twig_escape_filter($this->envtwig_get_attribute($this->env$this->source$context["prestation"], "id", [], "any"falsefalsefalse90), "html"nulltrue);
  204.             echo "\" data-name=\"prestations\">";
  205.             echo twig_escape_filter($this->envtwig_get_attribute($this->env$this->source$context["prestation"], "libelle", [], "any"falsefalsefalse90), "html"nulltrue);
  206.             echo "</option>  
  207.                                     ";
  208.         }
  209.         $_parent $context['_parent'];
  210.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['prestation'], $context['_parent'], $context['loop']);
  211.         $context array_intersect_key($context$_parent) + $_parent;
  212.         // line 92
  213.         echo "                                </optgroup>
  214.                                 
  215.                             </select>
  216.                         </div>
  217.                         <div class=\"checkboxContainer\">
  218.                             <div class=\"\" style=\"text-align: left;\">
  219.                             </div>
  220.                             <div class=\"\" style=\"text-align:right; padding:0\">
  221.                                 <button id=\"validateFiltre\" onclick=\"validerFiltre()\"><i class=\"far fa-search\"></i></button>
  222.                             </div>
  223.                         </div>
  224.                     </div>
  225.                 </div>
  226.                 <script\tsrc=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\" defer></script>
  227.                 <div class=\"cardCentre\">
  228.                     <div class=\"containerCards\">
  229.                         ";
  230.         // line 109
  231.         $this->loadTemplate("./recherche/carteCentre.html.twig""./recherche/recherche.html.twig"109)->display($context);
  232.         // line 110
  233.         echo "                        ";
  234.         $this->loadTemplate("./recherche/centreImported.html.twig""./recherche/recherche.html.twig"110)->display($context);
  235.         // line 111
  236.         echo "                         ";
  237.         if (((twig_length_filter($this->env, (isset($context["centres"]) || array_key_exists("centres"$context) ? $context["centres"] : (function () { throw new RuntimeError('Variable "centres" does not exist.'111$this->source); })())) == 0) && (twig_length_filter($this->env, (isset($context["centresImported"]) || array_key_exists("centresImported"$context) ? $context["centresImported"] : (function () { throw new RuntimeError('Variable "centresImported" does not exist.'111$this->source); })())) == 0))) {
  238.             // line 112
  239.             echo "                           <p style=\"font-size:21px; margin-top:25px; font-weight:500;\"> Il n'y a aucun résultat pour votre recherche </p>
  240.                         ";
  241.         }
  242.         // line 114
  243.         echo "                    </div>
  244.                     <div class=\"loadingCards-container\" id=\"loadingCards\" style=\"display:none;\">
  245.                         <img class=\"loading\" src=\"./assets/img/recherche/loading.gif\" alt=\"loading\" />
  246.                     </div>
  247.                 </div>
  248.             </div>
  249.             
  250.         </div>
  251.         <div id=\"afficherMap\" class=\"buttonMapContainer\" onclick=\"afficherMap();\"> <div class=\"buttonMap\"> <span class=\"material-icons\">map</span>Voir MAP</div></div>
  252.             <div id=\"cacherMap\"  class=\"buttonMapContainer\" onclick=\"cacherMap();\"> <div class=\"buttonMap\"> <span class=\"material-icons\">map</span>Cacher MAP</div></div>
  253.     </div>
  254. </section>
  255. <script>
  256.   var btn = \$('#button');
  257. \$(window).scroll(function() {
  258.   if (\$(window).scrollTop() > 300) {
  259.     btn.addClass('show');
  260.   } else {
  261.     btn.removeClass('show');
  262.   }
  263. });
  264. btn.on('click', function(e) {
  265.  
  266.  e.preventDefault();
  267.   \$('html, body').animate({ scrollTop: \$('html, body').offset().top }, '300');
  268. });
  269. \$(document).ready(function () {
  270.   var filterSearch = \$(\"#filterSearch\");
  271.   var filterSearchOffset = filterSearch.offset().top;
  272.   function toggleStickyClass() {
  273.     var scrollPosition = \$(window).scrollTop();
  274.     
  275.     if (scrollPosition > filterSearchOffset) {
  276.       
  277.       filterSearch.addClass(\"sticky-search\");
  278.     } else {
  279.      
  280.       filterSearch.removeClass(\"sticky-search\");
  281.     }
  282.   }
  283.   toggleStickyClass();
  284.   
  285.  
  286.   \$(window).scroll(function () {
  287.     toggleStickyClass();
  288.   });
  289. });
  290. </script>
  291. ";
  292.         
  293.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  294.         
  295.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  296.     }
  297.     public function getTemplateName()
  298.     {
  299.         return "./recherche/recherche.html.twig";
  300.     }
  301.     public function isTraitable()
  302.     {
  303.         return false;
  304.     }
  305.     public function getDebugInfo()
  306.     {
  307.         return array (  277 => 114,  273 => 112,  270 => 111,  267 => 110,  265 => 109,  246 => 92,  235 => 90,  231 => 89,  228 => 88,  217 => 86,  213 => 85,  153 => 29,  143 => 28,  129 => 24,  119 => 23,  97 => 11,  87 => 10,  71 => 4,  61 => 3,  38 => 1,);
  308.     }
  309.     public function getSourceContext()
  310.     {
  311.         return new Source("{% extends \"base.html.twig\" %}
  312. {% block stylesheets %}
  313.     {{ parent() }}
  314.         <link rel=\"stylesheet\" href=\"./assets/lib/mark-your-calendar/mark-your-calendar.css\">
  315.      <link rel=\"stylesheet\" href=\"./assets/css/recherche.css\">
  316.     <link rel=\"stylesheet\" href=\"./assets/lib/jquery-multiselect/jquery.multiselect.css\">
  317. {% endblock %}
  318. {% block javascripts %}
  319.     {{ parent() }}    
  320.     <script src=\"./assets/lib/jquery-multiselect/jquery.multiselect.js\"></script>
  321.     <script src=\"./assets/lib/mark-your-calendar/mark-your-calendar.js\"></script>
  322.     <script src=\"/assets/js/mapJson.js\"></script>
  323.     <script src=\"./assets/js/recherche.js\"></script>
  324.     <script>
  325.         var map; 
  326.         var geocoder;
  327.         var infowindow;
  328. </script>
  329. {% endblock %}
  330. {% block body %}
  331.   {{ parent() }}
  332.   <div class=\"backgroundheaderSearch\"></div>
  333. {% endblock %}
  334. {% block content %}
  335.   {{ parent() }}
  336. <section>
  337.     <div class=\"container\">
  338.         <div class=\"col-md-6\">
  339.             <h2 class=\"title\">Vous recherchez un <br> audioprothésiste sur <br> <span id=\"villeTitre\"></span></h2>
  340.         </div>
  341.     </div>
  342. </section>
  343. <section class=\"recherche\">
  344. <!-- Back to top button -->
  345. <a id=\"button\"> <i class=\"fas fa-angle-up\"></i></a>
  346.     <div class=\"container-fluid\" style=\"padding:0;\">
  347.         <div class=\"row rowPrincipal\" style=\"margin-right: 0;\">
  348.             <div class=\"col-md-6 mapColumn\">
  349.                 <div id=\"filterMap\" class=\"filter-map\" style=\"display:none\"></div>
  350.                 <div class=\"btnMap\">   
  351.                         <button class=\"prendreRDV btn btn-vert-inverse\" id=\"showMap\" onclick=\"validerFiltre()\">
  352.                          <span class=\"text\">voir sur la carte</span>  
  353.                          <div class=\"wave\"></div>
  354.                         
  355.                         </button>
  356.                     </div>
  357.             </div>
  358.             <div class=\"col-md-6 \">
  359.                 <div id=\"filterSearch\">
  360.                     <div class=\"inputSearch row\">
  361.                         <div class=\"col-md-6\">
  362.                             <div class=\"input-group\">
  363.                                 <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  364.                                 <input type=\"text\" class=\"form-control\" placeholder=\"Nom de l’audioprothésiste\" id=\"nom\" name=\"nom\" aria-label=\"nom\" aria-describedby=\"nom-icon\">
  365.                             </div>
  366.                         </div>
  367.                         <div class=\"col-md-6\">
  368.                             <div class=\"input-group\">
  369.                                 <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  370.                                 <input type=\"text\" class=\"form-control\" placeholder=\"Ville\" aria-label=\"ville\" id=\"ville\" name=\"ville\" aria-describedby=\"ville-icon\">
  371.                             </div>
  372.                         </div>
  373.                     </div>
  374.                    <!-- <div class=\"row\">
  375.                         <select class=\"form-select\"  id=\"motif\" >
  376.                             <option hidden> Sélectionnez votre motif de consultation</option>  
  377.                         </select>
  378.                     </div> -->
  379.                     <div class=\"filtresContainer\" >
  380.                         <div class=\"\" style=\"padding-left:0; min-width: 120px;\">
  381.                             <select class=\"\" multiple=\"multiple\" id=\"filtre\" >
  382.                                 <optgroup label=\"Disponibilité\">
  383.                                     <option  id=\"today\" value=\"d1\" data-name=\"disponibilite\">Aujourdhui</option>  
  384.                                     <option  id=\"nextDay\" value=\"d3\" data-name=\"disponibilite\"> Dans les 3 prochain jours</option>  
  385.                                 </optgroup>
  386.                                 <optgroup label=\"Spécialités\" id=\"specialiter\">
  387.                                     {% for specialite in specialites %}
  388.                                         <option  value=\"s{{specialite.id}}\" data-name=\"specialites\">{{specialite.libelle}}</option>  
  389.                                     {% endfor %}
  390.                                 <optgroup label=\"Prestations et prise en charge\">
  391.                                     {% for prestation in prestations %}
  392.                                         <option  value=\"p{{prestation.id}}\" data-name=\"prestations\">{{prestation.libelle}}</option>  
  393.                                     {% endfor %}
  394.                                 </optgroup>
  395.                                 
  396.                             </select>
  397.                         </div>
  398.                         <div class=\"checkboxContainer\">
  399.                             <div class=\"\" style=\"text-align: left;\">
  400.                             </div>
  401.                             <div class=\"\" style=\"text-align:right; padding:0\">
  402.                                 <button id=\"validateFiltre\" onclick=\"validerFiltre()\"><i class=\"far fa-search\"></i></button>
  403.                             </div>
  404.                         </div>
  405.                     </div>
  406.                 </div>
  407.                 <script\tsrc=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\" defer></script>
  408.                 <div class=\"cardCentre\">
  409.                     <div class=\"containerCards\">
  410.                         {% include \"./recherche/carteCentre.html.twig\" %}
  411.                         {% include \"./recherche/centreImported.html.twig\" %}
  412.                          {% if centres | length == 0  and centresImported | length == 0 %}
  413.                            <p style=\"font-size:21px; margin-top:25px; font-weight:500;\"> Il n'y a aucun résultat pour votre recherche </p>
  414.                         {% endif %}
  415.                     </div>
  416.                     <div class=\"loadingCards-container\" id=\"loadingCards\" style=\"display:none;\">
  417.                         <img class=\"loading\" src=\"./assets/img/recherche/loading.gif\" alt=\"loading\" />
  418.                     </div>
  419.                 </div>
  420.             </div>
  421.             
  422.         </div>
  423.         <div id=\"afficherMap\" class=\"buttonMapContainer\" onclick=\"afficherMap();\"> <div class=\"buttonMap\"> <span class=\"material-icons\">map</span>Voir MAP</div></div>
  424.             <div id=\"cacherMap\"  class=\"buttonMapContainer\" onclick=\"cacherMap();\"> <div class=\"buttonMap\"> <span class=\"material-icons\">map</span>Cacher MAP</div></div>
  425.     </div>
  426. </section>
  427. <script>
  428.   var btn = \$('#button');
  429. \$(window).scroll(function() {
  430.   if (\$(window).scrollTop() > 300) {
  431.     btn.addClass('show');
  432.   } else {
  433.     btn.removeClass('show');
  434.   }
  435. });
  436. btn.on('click', function(e) {
  437.  
  438.  e.preventDefault();
  439.   \$('html, body').animate({ scrollTop: \$('html, body').offset().top }, '300');
  440. });
  441. \$(document).ready(function () {
  442.   var filterSearch = \$(\"#filterSearch\");
  443.   var filterSearchOffset = filterSearch.offset().top;
  444.   function toggleStickyClass() {
  445.     var scrollPosition = \$(window).scrollTop();
  446.     
  447.     if (scrollPosition > filterSearchOffset) {
  448.       
  449.       filterSearch.addClass(\"sticky-search\");
  450.     } else {
  451.      
  452.       filterSearch.removeClass(\"sticky-search\");
  453.     }
  454.   }
  455.   toggleStickyClass();
  456.   
  457.  
  458.   \$(window).scroll(function () {
  459.     toggleStickyClass();
  460.   });
  461. });
  462. </script>
  463. {% endblock %}""./recherche/recherche.html.twig""/var/www/my-audio-site/templates/recherche/recherche.html.twig");
  464.     }
  465. }