var/cache/dev/twig/9b/9b4e9ac27b70e272a3fb34c3065a6ad9fb7b2d2f2f38300c91a9ae3af75cabda.php line 37

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* base.html.twig */
  16. class __TwigTemplate_a7d6e127625fb6faa9f7c785f78df01a31436338fdf910cc9a5c8057710fcf30 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.             'title' => [$this, 'block_title'],
  31.             'stylesheets' => [$this, 'block_stylesheets'],
  32.             'javascripts' => [$this, 'block_javascripts'],
  33.             'body' => [$this, 'block_body'],
  34.         ];
  35.     }
  37.     protected function doDisplay(array $context, array $blocks = [])
  38.     {
  39.         $macros = $this->macros;
  40.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  41.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  43.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  44.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  46.         // line 1
  47.         echo "<!DOCTYPE html>
  48. <html>
  49. <head>
  50.     <meta charset=\"UTF-8\">
  51.     <title>";
  52.         // line 5
  53.         $this->displayBlock('title', $context, $blocks);
  54.         echo "</title>
  55.     <meta name=\"viewport\" content= \"width=device-width, initial-scale=1.0\">
  56.     ";
  57.         // line 7
  58.         $this->displayBlock('stylesheets', $context, $blocks);
  59.         // line 13
  60.         echo "
  61.     ";
  62.         // line 14
  63.         $this->displayBlock('javascripts', $context, $blocks);
  64.         // line 29
  65.         echo "</head>
  67. <body>
  68. ";
  69.         // line 33
  70.         $context['_parent'] = $context;
  71.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 33, $this->source); })()), "flashes", [0 => "success"], "method", false, false, false, 33));
  72.         foreach ($context['_seq'] as $context["_key"] => $context["success"]) {
  73.             // line 34
  74.             echo "    <div class=\"alert alert-success\" role=\"alert\">
  75.         <p class=\"alert-link\">";
  76.             // line 35
  77.             echo twig_escape_filter($this->env, $context["success"], "html", null, true);
  78.             echo "</p>
  79.     </div>
  80. ";
  81.         }
  82.         $_parent = $context['_parent'];
  83.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['success'], $context['_parent'], $context['loop']);
  84.         $context = array_intersect_key($context, $_parent) + $_parent;
  85.         // line 38
  86.         $context['_parent'] = $context;
  87.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 38, $this->source); })()), "flashes", [0 => "error"], "method", false, false, false, 38));
  88.         foreach ($context['_seq'] as $context["_key"] => $context["error"]) {
  89.             // line 39
  90.             echo "    <div class=\"col-lg-8 mx-auto alert alert-danger\" role=\"alert\">
  91.         <p class=\"alert-link\">";
  92.             // line 40
  93.             echo twig_escape_filter($this->env, $context["error"], "html", null, true);
  94.             echo "</p>
  95.     </div>
  96. ";
  97.         }
  98.         $_parent = $context['_parent'];
  99.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['error'], $context['_parent'], $context['loop']);
  100.         $context = array_intersect_key($context, $_parent) + $_parent;
  101.         // line 43
  102.         echo "
  104. ";
  105.         // line 64
  106.         echo "
  109. <nav class=\"navbar navbar-expand-xl fixed-top homepage\">
  110.     <div id=\"center-nav\" class=\"container-fluid\">
  111.         <button class=\"navbar-toggler\"
  112.                 type=\"button\"
  113.                 data-bs-toggle=\"collapse\"
  114.                 data-bs-target=\"#navbarNav\"
  115.                 aria-controls=\"navbarNav\"
  116.                 aria-expanded=\"false\"
  117.                 aria-label=\"Toggle navigation\">
  118.             <span class=\"navbar-toggler-icon\">
  119.                 <i class=\"fas fa-bars\"></i>
  120.             </span>
  121.         </button>
  122.         <a href=\"";
  123.         // line 80
  124.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("index");
  125.         echo "\" class=\"tracol-logo\">
  126.             <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"136.339\" height=\"51.127\" viewBox=\"0 0 136.339 51.127\">
  127.                 <g id=\"Groupe_4469\" data-name=\"Groupe 4469\" transform=\"translate(11823.999 14639)\">
  128.                     <path id=\"Tracé_59\" data-name=\"Tracé 59\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-12370.418 -14871.441)\" fill=\"#f6a400\"/>
  129.                     <path id=\"Tracé_60\" data-name=\"Tracé 60\" d=\"M635.6,255.7c0,7.088,3.8,9.434,9.069,9.434a16.669,16.669,0,0,0,6.359-1.2l-.73-4.379a14.765,14.765,0,0,1-5.629,1.147c-2.658,0-4.378-1.2-4.378-5V232.5H635.6Z\" transform=\"translate(-12347.273 -14871.48)\"/>
  130.                     <path id=\"Tracé_61\" data-name=\"Tracé 61\" d=\"M402.171,274.441h4.691V253.593a10.905,10.905,0,0,1,3.962-.573,14.562,14.562,0,0,1,4.117.573l.782-4.378a17.993,17.993,0,0,0-5.108-.626,21.859,21.859,0,0,0-8.444,1.512Zm40.968-12.477c0,8.652,4.639,13.031,12.3,13.031a19.832,19.832,0,0,0,6.984-1.2l-.73-4.378a15.649,15.649,0,0,1-5.942,1.147c-5.525,0-7.922-2.814-7.922-8.912,0-5.264,1.824-8.6,7.557-8.6a12.827,12.827,0,0,1,5.838,1.355l.729-4.482a17.148,17.148,0,0,0-6.672-1.3c-8.339,0-12.144,5.473-12.144,13.343m40.6-.156c0,5.369-1.3,8.756-6.724,8.756-5.473,0-6.828-3.388-6.828-8.756,0-5.316,1.355-8.756,6.828-8.756,5.42,0,6.724,3.44,6.724,8.756m-6.724,13.187c7.975,0,11.467-5.264,11.467-13.187,0-8.131-3.232-13.187-11.467-13.187-8.027,0-11.519,5.316-11.519,13.187,0,8.131,3.284,13.187,11.519,13.187\" transform=\"translate(-12205.374 -14881.258)\"/>
  131.                     <path id=\"Tracé_62\" data-name=\"Tracé 62\" d=\"M349.134,255.7c0,7.088,3.8,9.434,9.069,9.434a16.669,16.669,0,0,0,6.359-1.2l-.73-4.379A14.766,14.766,0,0,1,358.2,260.7c-2.658,0-4.378-1.2-4.378-5V244.778h9.695v-4.43h-9.695V232.5h-4.691Z\" transform=\"translate(-12173.133 -14871.48)\"/>
  132.                     <path id=\"Tracé_63\" data-name=\"Tracé 63\" d=\"M452.277,271.03c-4.851,0-4.851-3.294-4.851-4.165,0-.807.04-3.966,5.213-3.966H463.01v-5.42c0-6.567-4.431-8.809-10.425-8.809a29.621,29.621,0,0,0-7.87,1.146l.678,4.326a20.958,20.958,0,0,1,7.036-1.2c3.7,0,5.942,1.043,5.942,4.066v2.241h-4.9c-6.567,0-10.685,2.137-10.685,7.871,0,5.681,3.8,7.922,10.32,7.922a32.7,32.7,0,0,0,9.9-1.511v-4.091a43.889,43.889,0,0,1-10.733,1.589\" transform=\"translate(-12230.064 -14881.307)\"/>
  133.                     <rect id=\"Rectangle_73\" data-name=\"Rectangle 73\" width=\"1.585\" height=\"8.956\" transform=\"translate(-11803.191 -14596.829)\"/>
  134.                     <path id=\"Tracé_64\" data-name=\"Tracé 64\" d=\"M415.929,339.993h1.5l2.643,4.172,2.628-4.172h1.5v8.956h-1.585v-6.105l-2.448,3.88h-.194l-2.476-3.866v6.092h-1.572Z\" transform=\"translate(-12213.737 -14936.822)\"/>
  135.                     <path id=\"Tracé_65\" data-name=\"Tracé 65\" d=\"M446.472,339.993h1.5l2.643,4.172,2.628-4.172h1.5v8.956h-1.585v-6.105l-2.448,3.88h-.194l-2.476-3.866v6.092h-1.572Z\" transform=\"translate(-12232.305 -14936.822)\"/>
  136.                     <path id=\"Tracé_66\" data-name=\"Tracé 66\" d=\"M480,341.292c-1.808,0-2.113,1.112-2.113,3.058s.334,3.018,2.142,3.018,2.142-1.085,2.142-3.018-.349-3.058-2.171-3.058m-3.7,3.058c0-2.67.736-4.533,3.7-4.533s3.77,1.848,3.77,4.533-.779,4.492-3.741,4.492-3.727-1.822-3.727-4.492\" transform=\"translate(-12250.44 -14936.716)\"/>
  137.                     <path id=\"Tracé_67\" data-name=\"Tracé 67\" d=\"M505.617,345.055v2.42h1.877c1.266,0,1.7-.473,1.7-1.2s-.417-1.224-1.7-1.224Zm0-3.588v2.225h1.711c1.182,0,1.585-.5,1.585-1.126s-.4-1.1-1.585-1.1Zm1.711-1.474c2.309,0,3.185.988,3.185,2.42a1.93,1.93,0,0,1-1.182,1.892,2.046,2.046,0,0,1,1.461,2c0,1.4-1.029,2.642-3.3,2.642h-3.449v-8.956Z\" transform=\"translate(-12267.304 -14936.822)\"/>
  138.                     <rect id=\"Rectangle_74\" data-name=\"Rectangle 74\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11753.034 -14596.829)\"/>
  139.                     <path id=\"Tracé_68\" data-name=\"Tracé 68\" d=\"M543.847,339.993h1.572v7.482h4.117v1.474h-5.689Z\" transform=\"translate(-12291.499 -14936.822)\"/>
  140.                     <rect id=\"Rectangle_75\" data-name=\"Rectangle 75\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11738.931 -14596.829)\"/>
  141.                     <path id=\"Tracé_69\" data-name=\"Tracé 69\" d=\"M581.389,347.475h4.673v1.474h-6.245v-8.957h6.245v1.474h-4.673v2.142h4.117v1.474h-4.117Z\" transform=\"translate(-12313.365 -14936.822)\"/>
  142.                     <path id=\"Tracé_70\" data-name=\"Tracé 70\" d=\"M605.9,341.467V344.1h1.85c1.377,0,1.794-.529,1.794-1.308,0-.834-.417-1.321-1.794-1.321Zm3.255,3.908,2.337,3.574h-1.808l-2.2-3.379H605.9v3.379h-1.572v-8.956h3.421c2.448,0,3.38,1.126,3.38,2.8a2.537,2.537,0,0,1-1.975,2.587\" transform=\"translate(-12328.266 -14936.822)\"/>
  143.                 </g>
  144.             </svg>
  146.         </a>
  147.         <button style=\"background-color: transparent;border-color: transparent; display: none\" id=\"submit-search-mobile\" type=\"submit\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal1\">
  148.             <svg style=\"height: 55px;\" class=\"search-button\" xmlns=\"http://www.w3.org/2000/svg\" width=\"55.982\" height=\"90.97\" viewBox=\"0 0 55.982 90.97\">
  149.                 <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  150.                     <path id=\"Tracé_95\" data-name=\"Tracé 95\" d=\"M729.651,232.441H673.669v90.97l55.982-11.894Z\" transform=\"translate(855.192 -127.441)\" fill=\"#f6a400\"/>
  151.                     <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  152.                         <g id=\"np_search_1868241_000000\">
  153.                             <path id=\"Tracé_92\" data-name=\"Tracé 92\" d=\"M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z\" transform=\"translate(0.441 -0.012)\" fill=\"#fff\"/>
  154.                             <path id=\"Tracé_93\" data-name=\"Tracé 93\" d=\"M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z\" transform=\"translate(-44.591 -44.782)\" fill=\"#fff\"/>
  155.                         </g>
  156.                     </g>
  157.                 </g>
  158.             </svg>
  159.         </button>
  162.         <!-- Modal -->
  165.         <div class=\"modal fade bd-example-modal-lg\" id=\"exampleModal1\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myLargeModalLabel\" aria-hidden=\"true\">
  166.             <div class=\"modal-dialog modal-lg\">
  168.                 <div class=\"modal-content\">
  169.                     <div class=\"col-lg-12\">
  170.                         <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" style=\"font-size:2em;position: absolute;right: 15px;\"></button>
  171.                         <div name=\"form-search-normal-mobile\" id=\"form-search-normal-mobile\" class=\"div-svg-header\">
  172.                             <form action=\"";
  173.         // line 127
  174.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("results");
  175.         echo "\"  style=\"display: flex; align-items: center; width: 100%\">
  176.                                 <div class=\"container-form-mobile\" style=\"display: flex;flex-direction: column;justify-content: center; \">
  177.                                     <div class=\"selectors mobile\" style=\"display: flex; align-items: center; width: auto;\">
  179.                                         <div id=\"transaction-drop\" class=\"dropdown\">
  180.                                             <div class=\"undroped\">
  181.                                                 <p class=\"undroped-header\">Type de transaction</p>
  182.                                                 <p name=\"transaction-type\" class=\"undroped-subheader\">Achat ou Location</p>
  183.                                                 <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"transaction-type\">
  184.                                             </div>
  186.                                             <div class=\"droped\">
  187.                                                 <div class=\"dropdown-header\">Type de transaction</div>
  188.                                                 <ul id=\"transaction-li\" class=\"items\">
  189.                                                     <li class=\"item\" data-value =\"Vente\">Achat</li>
  190.                                                     <li class=\"item\" data-value =\"Location\">Location</li>
  191.                                                     <li class=\"item\" data-value =\"Programme\">Projet</li>
  192.                                                     ";
  193.         // line 148
  194.         echo "                                                </ul>
  195.                                             </div>
  196.                                         </div>
  198.                                         <div id=\"property-drop\" class=\"dropdown\">
  199.                                             <div class=\"undroped\">
  200.                                                 <p class=\"undroped-header\">Type de biens</p>
  201.                                                 <p name=\"property-type\" class=\"undroped-subheader\">Appartement, Bureau, ...</p>
  202.                                                 <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"property-type\">
  203.                                             </div>
  205.                                             <div class=\"droped\">
  206.                                                 <div class=\"dropdown-header\">Type de biens</div>
  208.                                                 <ul id=\"property-li\" class=\"items\">
  209.                                                     <li class=\"item ";
  210.         // line 163
  211.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 163, $this->source); })()), "session", [], "any", false, false, false, 163), "get", [0 => "filter"], "method", false, false, false, 163) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 163, $this->source); })()), "session", [], "any", false, false, false, 163), "get", [0 => "filter"], "method", false, false, false, 163), "property-type", [], "array", false, false, false, 163), "Appartement")))) {
  212.             echo "selected";
  213.         }
  214.         echo "\" data-value =\"Appartement\">Appartements</li>
  215.                                                     <li class=\"item ";
  216.         // line 164
  217.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 164, $this->source); })()), "session", [], "any", false, false, false, 164), "get", [0 => "filter"], "method", false, false, false, 164) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 164, $this->source); })()), "session", [], "any", false, false, false, 164), "get", [0 => "filter"], "method", false, false, false, 164), "property-type", [], "array", false, false, false, 164), "Bureaux")))) {
  218.             echo "selected";
  219.         }
  220.         echo "\" data-value =\"Bureaux\">Bureaux</li>
  221.                                                     <li class=\"item ";
  222.         // line 165
  223.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 165, $this->source); })()), "session", [], "any", false, false, false, 165), "get", [0 => "filter"], "method", false, false, false, 165) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 165, $this->source); })()), "session", [], "any", false, false, false, 165), "get", [0 => "filter"], "method", false, false, false, 165), "property-type", [], "array", false, false, false, 165), "Maison")))) {
  224.             echo "selected";
  225.         }
  226.         echo "\" data-value =\"Maison\">Maisons</li>
  227.                                                     <li class=\"item ";
  228.         // line 166
  229.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 166, $this->source); })()), "session", [], "any", false, false, false, 166), "get", [0 => "filter"], "method", false, false, false, 166) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 166, $this->source); })()), "session", [], "any", false, false, false, 166), "get", [0 => "filter"], "method", false, false, false, 166), "property-type", [], "array", false, false, false, 166), "Commerce")))) {
  230.             echo "selected";
  231.         }
  232.         echo "\" data-value =\"Commerce\">Commerces</li>
  233.                                                     <li class=\"item ";
  234.         // line 167
  235.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 167, $this->source); })()), "session", [], "any", false, false, false, 167), "get", [0 => "filter"], "method", false, false, false, 167) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 167, $this->source); })()), "session", [], "any", false, false, false, 167), "get", [0 => "filter"], "method", false, false, false, 167), "property-type", [], "array", false, false, false, 167), "Garage / Parking")))) {
  236.             echo "selected";
  237.         }
  238.         echo "\" data-value =\"Garage / Parking\">Garages / Parkings</li>
  239.                                                     <li class=\"item ";
  240.         // line 168
  241.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 168, $this->source); })()), "session", [], "any", false, false, false, 168), "get", [0 => "filter"], "method", false, false, false, 168) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 168, $this->source); })()), "session", [], "any", false, false, false, 168), "get", [0 => "filter"], "method", false, false, false, 168), "property-type", [], "array", false, false, false, 168), "Immeuble")))) {
  242.             echo "selected";
  243.         }
  244.         echo "\" data-value =\"Immeuble\">Immeubles</li>
  245.                                                 </ul>
  246.                                             </div>
  247.                                         </div>
  249.                                         <div id=\"location-drop-mobile\" class=\"dropdown\">
  250.                                             <div class=\"undroped\">
  251.                                                 <p class=\"undroped-header\">Localisation</p>
  252.                                                 <p class=\"undroped-subheader\">Choissisez une ville</p>
  253.                                                 <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"location\">
  254.                                             </div>
  256.                                             <div class=\"droped\">
  257.                                                 <div  class=\"dropdown-header\">Localisation</div>
  259.                                                 <ul id=\"location-li-mobile\" class=\"items\">
  260.                                                     <li class=\"item\" data-value =\"Appartement\">Luxembourg-Ville</li>
  261.                                                     <li class=\"item\" data-value =\"Bureaux\">Leudelange</li>
  262.                                                     <li class=\"item\" data-value =\"Maison\">Esch-Sur-Alzette</li>
  263.                                                 </ul>
  264.                                             </div>
  265.                                         </div>
  266.                                     </div>
  267.                                     <div id=\"sub-search-div-mobile\" class=\"sub-search-div-mobile\">
  268.                                         <div class=\"col-lg-3 div-form\">
  269.                                             <input class=\"sub-search-input\" name=\"budget\"  id=\"budget\" type=\"text\" placeholder=\"Budget max.\">
  270.                                         </div>
  272.                                         <div id=\"rooms-drop\" class=\"dropdown\">
  273.                                             <div class=\"undroped\">
  274.                                                 <p class=\"undroped-header transparent-font\">Nombre de chambres</p>
  275.                                                 <p class=\"undroped-subheader good-place\"></p>
  276.                                                 <input type=\"hidden\" class=\"input-subheader\" name=\"rooms\">
  277.                                             </div>
  279.                                             <div class=\"droped\">
  280.                                                 <div class=\"dropdown-header\">Nombre de chambres</div>
  281.                                                 <ul id=\"rooms-li\" class=\"items\">
  282.                                                     <li class=\"item\" data-value =\"1\">1</li>
  283.                                                     <li class=\"item\" data-value =\"2\">2</li>
  284.                                                     <li class=\"item\" data-value =\"3\">3</li>
  285.                                                     <li class=\"item\" data-value =\"4\">4</li>
  286.                                                     <li class=\"item\" data-value =\"5\">5</li>
  287.                                                     <li class=\"item\" data-value =\"6\">6</li>
  288.                                                 </ul>
  289.                                             </div>
  290.                                         </div>
  292.                                         <div class=\"col-lg-3 div-form\">
  293.                                             <input class=\"sub-search-input\" id=\"area-minimumm\" name=\"area-minimumm\" type=\"text\" placeholder=\"Surface min.\">
  294.                                         </div>
  295.                                     </div>
  296.                                     <div>
  297.                                         <button style=\"background-color: transparent;border-color: transparent;\" id=\"submit-search\" type=\"submit\">
  298.                                             <svg class=\"search-button\" xmlns=\"http://www.w3.org/2000/svg\" width=\"55.982\" height=\"90.97\" viewBox=\"0 0 55.982 90.97\">
  299.                                                 <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  300.                                                     <path id=\"Tracé_95\" data-name=\"Tracé 95\" d=\"M729.651,232.441H673.669v90.97l55.982-11.894Z\" transform=\"translate(855.192 -127.441)\" fill=\"#f6a400\"/>
  301.                                                     <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  302.                                                         <g id=\"np_search_1868241_000000\">
  303.                                                             <path id=\"Tracé_92\" data-name=\"Tracé 92\" d=\"M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z\" transform=\"translate(0.441 -0.012)\" fill=\"#fff\"/>
  304.                                                             <path id=\"Tracé_93\" data-name=\"Tracé 93\" d=\"M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z\" transform=\"translate(-44.591 -44.782)\" fill=\"#fff\"/>
  305.                                                         </g>
  306.                                                     </g>
  307.                                                 </g>
  308.                                             </svg></button>
  309.                                         <button class=\"btn btn-primary\" id=\"send\" type=\"submit\" style=\"display: none\">Envoyer</button>
  310.                                     </div>
  311.                                 </div>
  312.                             </form>
  313.                         </div>
  314.                     </div>
  315.                 </div>
  316.             </div>
  317.         </div>
  319.         <div class=\"nav-elements collapse navbar-collapse\" id=\"navbarNav\">
  320.             <ul class=\"navbar-nav\">
  321.                 ";
  322.         // line 250
  323.         echo "
  324.                 <li class=\"nav-item\">
  325.                     <a class=\"nav-link\" href=\"";
  326.         // line 252
  327.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("properties", ["keyword" => "vente"]);
  328.         echo "\">Acheter</a>
  329.                 </li>
  330.                 <li class=\"nav-item\">
  331.                     <a class=\"nav-link\" href=\"";
  332.         // line 255
  333.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("properties", ["keyword" => "location"]);
  334.         echo "\">Louer</a>
  335.                 </li>
  336.                 <li class=\"nav-item\">
  337.                     <a class=\"nav-link\" href=\"";
  338.         // line 258
  339.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("vendre", ["keyword" => "location"]);
  340.         echo "\">Vendre</a>
  341.                 </li>
  342.                 <li class=\"nav-item\">
  343.                     <a class=\"nav-link\" href=\"";
  344.         // line 261
  345.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("projects", ["keyword" => "location"]);
  346.         echo "\">Nos Projets</a>
  347.                 </li>
  348.                 <li class=\"nav-item\">
  349.                     <a class=\"nav-link\" href=\"";
  350.         // line 264
  351.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reference");
  352.         echo "\">Nos Références</a>
  353.                 </li>
  354.                 <li class=\"nav-item\">
  355.                     <a class=\"nav-link\" href=\"";
  356.         // line 267
  357.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("team");
  358.         echo "\">Notre equipe</a>
  359.                 </li>
  361. ";
  362.         // line 273
  363.         echo "                ";
  364.         // line 278
  365.         echo "
  366.                 <li id=\"enveloppe-mobile\" class=\"nav-item\">
  367.                     <a class=\"nav-link\" href=\"";
  368.         // line 280
  369.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
  370.         echo "\">
  371.                         ";
  372.         // line 284
  373.         echo "                        Nous contacter
  374.                     </a>
  375.                 </li>
  376.             </ul>
  377.         </div>
  378.         <div class=\"phone-contact\">
  379.             <div>
  380.                 <svg class=\"svg-phone\" xmlns=\"http://www.w3.org/2000/svg\" width=\"31.059\" height=\"27.732\" viewBox=\"0 0 31.059 27.732\">
  381.                     <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  382.                         <path id=\"Tracé_116\" data-name=\"Tracé 116\" d=\"M32.871,43.356H33.98V41.138h3.328V38.919H33.98V34.793l-7.931-2.64-2.973,1.986a19.764,19.764,0,0,1-7.488-7.421l1.9-1.9-2.64-9.2h-8.6v1.109A26.511,26.511,0,0,0,32.871,43.357ZM13.182,17.844l1.808,6.334L12.9,26.307l.377.721a22,22,0,0,0,9.406,9.384l.588.3,3.161-2.119,5.324,1.8v4.748A24.461,24.461,0,0,1,8.467,17.844Z\" fill=\"#f6a400\"/>
  383.                     </g>
  384.                 </svg>
  385.             </div>
  386.             <div>
  387.                 <p class=\"phone\">
  388.                     Besoin d'informations ? <br>
  389.                     <a href=\"tel:+3522658601\">(+352) 26 58 60-1</a>
  390.                 </p>
  391.             </div>
  392.         </div>
  394.         <div id=\"footer-nav-mobile\" class=\"col-lg-2\" style=\"display: none\">
  395.             <div class=\"col-lg-12 opacity-mobile\" style=\"display: flex; flex-direction: row\">
  396.                 <div id=\"svg-phone\" class=\"col-lg-4\">
  397.                     <svg style=\"margin: auto;\" class=\"svg-phone\" xmlns=\"http://www.w3.org/2000/svg\" width=\"31.059\" height=\"27.732\" viewBox=\"0 0 31.059 27.732\">
  398.                         <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  399.                             <path id=\"Tracé_116\" data-name=\"Tracé 116\" d=\"M32.871,43.356H33.98V41.138h3.328V38.919H33.98V34.793l-7.931-2.64-2.973,1.986a19.764,19.764,0,0,1-7.488-7.421l1.9-1.9-2.64-9.2h-8.6v1.109A26.511,26.511,0,0,0,32.871,43.357ZM13.182,17.844l1.808,6.334L12.9,26.307l.377.721a22,22,0,0,0,9.406,9.384l.588.3,3.161-2.119,5.324,1.8v4.748A24.461,24.461,0,0,1,8.467,17.844Z\" fill=\"black\"/>
  400.                         </g>
  401.                     </svg>
  402.                 </div>
  403.                 <div class=\"col-lg-6 opacity-mobile\">
  404.                     <a class=\"nav-link\" style=\"height: 42px;\" href=\"";
  405.         // line 315
  406.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
  407.         echo "\"><i style=\"margin-bottom: 5px; margin-left: -4px;color:black\" class=\"far fa-envelope\"></i></a>
  408.                 </div>
  409.             </div>
  410.             <div class=\"col-lg-12 opacity-mobile\" style=\"display: flex; opacity: 0\">
  411.                 <div class=\"col-lg-4\">
  412.                     <a  href=\"https://www.facebook.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;margin-right: 15px;\" class=\"fab fa-facebook-f\"></i></a>
  413.                 </div>
  414.                 <div class=\"col-lg-4\">
  415.                     <a href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i style=\"color: #5f5f5f;margin-right: 15px;margin-left: 2px\" class=\"fab fa-linkedin\"></i></a>
  416.                 </div>
  417.                 <div class=\"col-lg-4\">
  418.                     <a href=\"https://www.instagram.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;margin-left: 5px;\" class=\"fab fa-instagram\"></i></a>
  419.                 </div>
  420.             </div>
  421.         </div>
  422.     </div>
  423. </nav>
  424. <div id=\"formResearchNav\" class=\"d-flex justify-content-center\">
  425.     <form action=\"";
  426.         // line 333
  427.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("results");
  428.         echo "\" class=\"col-lg-8 form-search-filter\" style=\"display: flex; align-items: center;\">
  429.         <div class=\"container-form-search\" style=\"display: flex;flex-direction: column;justify-content: center; width: 71.666vw;position:relative\">
  430.             <div class=\"selectors\" style=\"display: flex; align-items: center; width: auto;justify-content: space-between;\">
  432.                 <div id=\"transaction-drop\" class=\"dropdown\">
  433.                     <div class=\"undroped\">
  434.                         <p class=\"undroped-header\">Type de transaction</p>
  435.                         <p name=\"transaction-type\" class=\"undroped-subheader ";
  436.         // line 340
  437.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 340), "attributes", [], "any", false, true, false, 340), "get", [0 => "_route_params"], "method", false, true, false, 340), "keyword", [], "array", true, true, false, 340)) {
  438.             echo "selected";
  439.         }
  440.         echo "\">
  441.                             ";
  442.         // line 341
  443.         if (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 341, $this->source); })()), "session", [], "any", false, false, false, 341), "get", [0 => "filter"], "method", false, false, false, 341) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 341, $this->source); })()), "session", [], "any", false, false, false, 341), "get", [0 => "filter"], "method", false, false, false, 341), "transaction-type", [], "array", false, false, false, 341), "Vente"))) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 341), "attributes", [], "any", false, true, false, 341), "get", [0 => "_route_params"], "method", false, true, false, 341), "keyword", [], "array", true, true, false, 341) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 341, $this->source); })()), "request", [], "any", false, false, false, 341), "attributes", [], "any", false, false, false, 341), "get", [0 => "_route_params"], "method", false, false, false, 341), "keyword", [], "array", false, false, false, 341), "vente"))))) {
  444.             // line 342
  445.             echo "                                Achat
  446.                             ";
  447.         } elseif (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 343
  448. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 343, $this->source); })()), "session", [], "any", false, false, false, 343), "get", [0 => "filter"], "method", false, false, false, 343) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 343, $this->source); })()), "session", [], "any", false, false, false, 343), "get", [0 => "filter"], "method", false, false, false, 343), "transaction-type", [], "array", false, false, false, 343), "Location"))) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 343), "attributes", [], "any", false, true, false, 343), "get", [0 => "_route_params"], "method", false, true, false, 343), "keyword", [], "array", true, true, false, 343) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 343, $this->source); })()), "request", [], "any", false, false, false, 343), "attributes", [], "any", false, false, false, 343), "get", [0 => "_route_params"], "method", false, false, false, 343), "keyword", [], "array", false, false, false, 343), "location"))))) {
  449.             // line 344
  450.             echo "                                Location
  451.                             ";
  452.         } else {
  453.             // line 346
  454.             echo "                                Achat ou Location
  455.                             ";
  456.         }
  457.         // line 348
  458.         echo "                        </p>
  459.                         <input type=\"hidden\"
  460.                                ";
  461.         // line 350
  462.         if (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 350, $this->source); })()), "session", [], "any", false, false, false, 350), "get", [0 => "filter"], "method", false, false, false, 350) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 350, $this->source); })()), "session", [], "any", false, false, false, 350), "get", [0 => "filter"], "method", false, false, false, 350), "transaction-type", [], "array", false, false, false, 350), "Vente"))) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 350), "attributes", [], "any", false, true, false, 350), "get", [0 => "_route_params"], "method", false, true, false, 350), "keyword", [], "array", true, true, false, 350) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 350, $this->source); })()), "request", [], "any", false, false, false, 350), "attributes", [], "any", false, false, false, 350), "get", [0 => "_route_params"], "method", false, false, false, 350), "keyword", [], "array", false, false, false, 350), "vente"))))) {
  463.             // line 351
  464.             echo "                                   value=\"Achat\"
  465.                                 ";
  466.         } elseif (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 352
  467. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 352, $this->source); })()), "session", [], "any", false, false, false, 352), "get", [0 => "filter"], "method", false, false, false, 352) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 352, $this->source); })()), "session", [], "any", false, false, false, 352), "get", [0 => "filter"], "method", false, false, false, 352), "transaction-type", [], "array", false, false, false, 352), "Location"))) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 352), "attributes", [], "any", false, true, false, 352), "get", [0 => "_route_params"], "method", false, true, false, 352), "keyword", [], "array", true, true, false, 352) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 352, $this->source); })()), "request", [], "any", false, false, false, 352), "attributes", [], "any", false, false, false, 352), "get", [0 => "_route_params"], "method", false, false, false, 352), "keyword", [], "array", false, false, false, 352), "location"))))) {
  468.             // line 353
  469.             echo "                                    value=\"Location\"
  470.                                ";
  471.         }
  472.         // line 355
  473.         echo "                               value=\"\"
  474.                                class=\"input-subheader\" name=\"transaction-type\">
  475.                     </div>
  477.                     <div class=\"droped\">
  478.                         <div class=\"dropdown-header\">Type de transaction</div>
  479.                         <ul id=\"transaction-li\" class=\"items\">
  480.                             <li class=\"item ";
  481.         // line 362
  482.         if (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 362, $this->source); })()), "session", [], "any", false, false, false, 362), "get", [0 => "filter"], "method", false, false, false, 362) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 362, $this->source); })()), "session", [], "any", false, false, false, 362), "get", [0 => "filter"], "method", false, false, false, 362), "transaction-type", [], "array", false, false, false, 362), "Vente"))) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 362), "attributes", [], "any", false, true, false, 362), "get", [0 => "_route_params"], "method", false, true, false, 362), "keyword", [], "array", true, true, false, 362) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 362, $this->source); })()), "request", [], "any", false, false, false, 362), "attributes", [], "any", false, false, false, 362), "get", [0 => "_route_params"], "method", false, false, false, 362), "keyword", [], "array", false, false, false, 362), "vente"))))) {
  483.             echo "selected";
  484.         }
  485.         echo "\" data-value =\"Vente\">Achat</li>
  486.                             <li class=\"item ";
  487.         // line 363
  488.         if (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 363, $this->source); })()), "session", [], "any", false, false, false, 363), "get", [0 => "filter"], "method", false, false, false, 363) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 363, $this->source); })()), "session", [], "any", false, false, false, 363), "get", [0 => "filter"], "method", false, false, false, 363), "transaction-type", [], "array", false, false, false, 363), "Location"))) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 363), "attributes", [], "any", false, true, false, 363), "get", [0 => "_route_params"], "method", false, true, false, 363), "keyword", [], "array", true, true, false, 363) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 363, $this->source); })()), "request", [], "any", false, false, false, 363), "attributes", [], "any", false, false, false, 363), "get", [0 => "_route_params"], "method", false, false, false, 363), "keyword", [], "array", false, false, false, 363), "location"))))) {
  489.             echo "selected";
  490.         }
  491.         echo "\" data-value =\"Location\">Location</li>
  492.                             <li class=\"item\" data-value =\"Location saisonnière\">Location saisonniere</li>
  493.                             <li class=\"item\" data-value =\"Programme\">Programme</li>
  494.                             ";
  495.         // line 367
  496.         echo "                            ";
  497.         // line 368
  498.         echo "                        </ul>
  499.                     </div>
  500.                 </div>
  502.                 <div id=\"property-drop\" class=\"dropdown\">
  503.                     <div class=\"undroped\">
  504.                         <p class=\"undroped-header\">Type de biens</p>
  505.                         <p name=\"property-type\" class=\"undroped-subheader\">
  506.                             ";
  507.         // line 376
  508.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 376, $this->source); })()), "session", [], "any", false, false, false, 376), "get", [0 => "filter"], "method", false, false, false, 376) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 376, $this->source); })()), "session", [], "any", false, false, false, 376), "get", [0 => "filter"], "method", false, false, false, 376), "property-type", [], "array", false, false, false, 376), "Appartement")))) {
  509.             // line 377
  510.             echo "                                Appartements
  511.                             ";
  512.         } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 378
  513. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 378, $this->source); })()), "session", [], "any", false, false, false, 378), "get", [0 => "filter"], "method", false, false, false, 378) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 378, $this->source); })()), "session", [], "any", false, false, false, 378), "get", [0 => "filter"], "method", false, false, false, 378), "property-type", [], "array", false, false, false, 378), "Bureaux")))) {
  514.             // line 379
  515.             echo "                                Bureaux
  516.                             ";
  517.         } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 380
  518. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 380, $this->source); })()), "session", [], "any", false, false, false, 380), "get", [0 => "filter"], "method", false, false, false, 380) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 380, $this->source); })()), "session", [], "any", false, false, false, 380), "get", [0 => "filter"], "method", false, false, false, 380), "property-type", [], "array", false, false, false, 380), "Maison")))) {
  519.             // line 381
  520.             echo "                                Maisons
  521.                             ";
  522.         } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 382
  523. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 382, $this->source); })()), "session", [], "any", false, false, false, 382), "get", [0 => "filter"], "method", false, false, false, 382) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 382, $this->source); })()), "session", [], "any", false, false, false, 382), "get", [0 => "filter"], "method", false, false, false, 382), "property-type", [], "array", false, false, false, 382), "Commerce")))) {
  524.             // line 383
  525.             echo "                                Commerces
  526.                             ";
  527.         } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 384
  528. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 384, $this->source); })()), "session", [], "any", false, false, false, 384), "get", [0 => "filter"], "method", false, false, false, 384) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 384, $this->source); })()), "session", [], "any", false, false, false, 384), "get", [0 => "filter"], "method", false, false, false, 384), "property-type", [], "array", false, false, false, 384), "Garage / Parking")))) {
  529.             // line 385
  530.             echo "                                Garages / Parkings
  531.                             ";
  532.         } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 386
  533. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 386, $this->source); })()), "session", [], "any", false, false, false, 386), "get", [0 => "filter"], "method", false, false, false, 386) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 386, $this->source); })()), "session", [], "any", false, false, false, 386), "get", [0 => "filter"], "method", false, false, false, 386), "property-type", [], "array", false, false, false, 386), "Immeuble")))) {
  534.             // line 387
  535.             echo "                                Immeubles
  536.                             ";
  537.         } else {
  538.             // line 389
  539.             echo "                                Appartement, Bureau, ...
  540.                             ";
  541.         }
  542.         // line 391
  543.         echo "                        </p>
  544.                         <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"property-type\">
  545.                     </div>
  547.                     <div class=\"droped\">
  548.                         <div class=\"dropdown-header\">Type de biens</div>
  550.                         <ul id=\"property-li\" class=\"items\">
  551.                             <li class=\"item ";
  552.         // line 399
  553.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 399, $this->source); })()), "session", [], "any", false, false, false, 399), "get", [0 => "filter"], "method", false, false, false, 399) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 399, $this->source); })()), "session", [], "any", false, false, false, 399), "get", [0 => "filter"], "method", false, false, false, 399), "property-type", [], "array", false, false, false, 399), "Appartement")))) {
  554.             echo "selected";
  555.         }
  556.         echo "\" data-value =\"Appartement\">Appartements</li>
  557.                             <li class=\"item ";
  558.         // line 400
  559.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 400, $this->source); })()), "session", [], "any", false, false, false, 400), "get", [0 => "filter"], "method", false, false, false, 400) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 400, $this->source); })()), "session", [], "any", false, false, false, 400), "get", [0 => "filter"], "method", false, false, false, 400), "property-type", [], "array", false, false, false, 400), "Bureaux")))) {
  560.             echo "selected";
  561.         }
  562.         echo "\" data-value =\"Bureaux\">Bureaux</li>
  563.                             <li class=\"item ";
  564.         // line 401
  565.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 401, $this->source); })()), "session", [], "any", false, false, false, 401), "get", [0 => "filter"], "method", false, false, false, 401) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 401, $this->source); })()), "session", [], "any", false, false, false, 401), "get", [0 => "filter"], "method", false, false, false, 401), "property-type", [], "array", false, false, false, 401), "Maison")))) {
  566.             echo "selected";
  567.         }
  568.         echo "\" data-value =\"Maison\">Maisons</li>
  569.                             <li class=\"item ";
  570.         // line 402
  571.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 402, $this->source); })()), "session", [], "any", false, false, false, 402), "get", [0 => "filter"], "method", false, false, false, 402) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 402, $this->source); })()), "session", [], "any", false, false, false, 402), "get", [0 => "filter"], "method", false, false, false, 402), "property-type", [], "array", false, false, false, 402), "Commerce")))) {
  572.             echo "selected";
  573.         }
  574.         echo "\" data-value =\"Commerce\">Commerces</li>
  575.                             <li class=\"item ";
  576.         // line 403
  577.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 403, $this->source); })()), "session", [], "any", false, false, false, 403), "get", [0 => "filter"], "method", false, false, false, 403) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 403, $this->source); })()), "session", [], "any", false, false, false, 403), "get", [0 => "filter"], "method", false, false, false, 403), "property-type", [], "array", false, false, false, 403), "Garage / Parking")))) {
  578.             echo "selected";
  579.         }
  580.         echo "\" data-value =\"Garage / Parking\">Garages / Parkings</li>
  581.                             <li class=\"item ";
  582.         // line 404
  583.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 404, $this->source); })()), "session", [], "any", false, false, false, 404), "get", [0 => "filter"], "method", false, false, false, 404) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 404, $this->source); })()), "session", [], "any", false, false, false, 404), "get", [0 => "filter"], "method", false, false, false, 404), "property-type", [], "array", false, false, false, 404), "Immeuble")))) {
  584.             echo "selected";
  585.         }
  586.         echo "\" data-value =\"Immeuble\">Immeubles</li>
  587.                         </ul>
  588.                     </div>
  589.                 </div>
  591.                 <div id=\"location-drop\" class=\"dropdown\">
  592.                     <div class=\"undroped\">
  593.                         <p class=\"undroped-header\">Localisation</p>
  594.                         <p class=\"undroped-subheader\">
  595.                             ";
  596.         // line 413
  597.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 413, $this->source); })()), "session", [], "any", false, false, false, 413), "get", [0 => "filter"], "method", false, false, false, 413) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 413, $this->source); })()), "session", [], "any", false, false, false, 413), "get", [0 => "filter"], "method", false, false, false, 413), "location", [], "array", false, false, false, 413))) {
  598.             // line 414
  599.             echo "                                ";
  600.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 414, $this->source); })()), "session", [], "any", false, false, false, 414), "get", [0 => "filter"], "method", false, false, false, 414), "location", [], "array", false, false, false, 414), "html", null, true);
  601.             echo "
  602.                             ";
  603.         } else {
  604.             // line 416
  605.             echo "                                Choissisez une ville
  606.                             ";
  607.         }
  608.         // line 418
  609.         echo "                        </p>
  610.                         <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"location\">
  611.                     </div>
  613.                     <div class=\"droped\">
  614.                         <div  class=\"dropdown-header\">Localisation</div>
  616.                         <ul id=\"location-li\" class=\"items\">
  617.                             ";
  618.         // line 427
  619.         echo "                            ";
  620.         // line 428
  621.         echo "                            ";
  622.         // line 429
  623.         echo "                        </ul>
  624.                     </div>
  625.                 </div>
  627.                 <div class=\"div-form\">
  628.                     <button  id=\"search-detail\" class=\"btn btn-primary child search\">RECHERCHE AVANCEE</button>
  629.                 </div>
  630.                 <div>
  631.                     <button style=\"background-color: transparent;border-color: transparent;\" id=\"submit-search\" type=\"submit\">
  632.                         <svg class=\"search-button\" xmlns=\"http://www.w3.org/2000/svg\" width=\"55.982\" height=\"90.97\" viewBox=\"0 0 55.982 90.97\">
  633.                             <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  634.                                 <path id=\"Tracé_95\" data-name=\"Tracé 95\" d=\"M729.651,232.441H673.669v90.97l55.982-11.894Z\" transform=\"translate(855.192 -127.441)\" fill=\"#f6a400\"/>
  635.                                 <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  636.                                     <g id=\"np_search_1868241_000000\">
  637.                                         <path id=\"Tracé_92\" data-name=\"Tracé 92\" d=\"M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z\" transform=\"translate(0.441 -0.012)\" fill=\"#fff\"/>
  638.                                         <path id=\"Tracé_93\" data-name=\"Tracé 93\" d=\"M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z\" transform=\"translate(-44.591 -44.782)\" fill=\"#fff\"/>
  639.                                     </g>
  640.                                 </g>
  641.                             </g>
  642.                         </svg>
  643.                     </button>
  644.                     <button class=\"btn btn-primary\" id=\"send\" type=\"submit\" style=\"display: none\">Envoyer</button>
  645.                 </div>
  646.             </div>
  647.             <div id=\"sub-search-div\" class=\"sub-search-div\" style=\"display: none\">
  648.                 <div class=\"col-lg-3 div-form\">
  649.                     <input class=\"sub-search-input\" name=\"budget\" value=\"";
  650.         // line 455
  651.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 455, $this->source); })()), "session", [], "any", false, false, false, 455), "get", [0 => "filter"], "method", false, false, false, 455)) {
  652.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 455, $this->source); })()), "session", [], "any", false, false, false, 455), "get", [0 => "filter"], "method", false, false, false, 455), "budget", [], "array", false, false, false, 455), "html", null, true);
  653.         }
  654.         echo "\" id=\"budget\" type=\"text\" placeholder=\"Budget max.\">
  655.                 </div>
  657.                 <div id=\"rooms-drop\" class=\"dropdown\">
  658.                     <div class=\"undroped\">
  659.                         <p class=\"undroped-header transparent-font\">";
  660.         // line 460
  661.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 460, $this->source); })()), "session", [], "any", false, false, false, 460), "get", [0 => "filter"], "method", false, false, false, 460) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 460, $this->source); })()), "session", [], "any", false, false, false, 460), "get", [0 => "filter"], "method", false, false, false, 460), "rooms", [], "array", false, false, false, 460))) {
  662.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 460, $this->source); })()), "session", [], "any", false, false, false, 460), "get", [0 => "filter"], "method", false, false, false, 460), "rooms", [], "array", false, false, false, 460), "html", null, true);
  663.         } else {
  664.             echo "Nombre de chambres";
  665.         }
  666.         echo "</p>
  667.                         <p class=\"undroped-subheader good-place\"></p>
  668.                         <input type=\"hidden\" class=\"input-subheader\" name=\"rooms\">
  669.                     </div>
  671.                     <div class=\"droped\">
  672.                         <div class=\"dropdown-header\">Nombre de chambres</div>
  674.                         <ul id=\"rooms-li\" class=\"items\">
  675.                             <li class=\"item ";
  676.         // line 469
  677.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 469, $this->source); })()), "session", [], "any", false, false, false, 469), "get", [0 => "filter"], "method", false, false, false, 469) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 469, $this->source); })()), "session", [], "any", false, false, false, 469), "get", [0 => "filter"], "method", false, false, false, 469), "rooms", [], "array", false, false, false, 469), 1)))) {
  678.             echo "selected";
  679.         }
  680.         echo "\" data-value =\"1\">1</li>
  681.                             <li class=\"item ";
  682.         // line 470
  683.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 470, $this->source); })()), "session", [], "any", false, false, false, 470), "get", [0 => "filter"], "method", false, false, false, 470) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 470, $this->source); })()), "session", [], "any", false, false, false, 470), "get", [0 => "filter"], "method", false, false, false, 470), "rooms", [], "array", false, false, false, 470), 2)))) {
  684.             echo "selected";
  685.         }
  686.         echo "\" data-value =\"2\">2</li>
  687.                             <li class=\"item ";
  688.         // line 471
  689.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 471, $this->source); })()), "session", [], "any", false, false, false, 471), "get", [0 => "filter"], "method", false, false, false, 471) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 471, $this->source); })()), "session", [], "any", false, false, false, 471), "get", [0 => "filter"], "method", false, false, false, 471), "rooms", [], "array", false, false, false, 471), 3)))) {
  690.             echo "selected";
  691.         }
  692.         echo "\" data-value =\"3\">3</li>
  693.                             <li class=\"item ";
  694.         // line 472
  695.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 472, $this->source); })()), "session", [], "any", false, false, false, 472), "get", [0 => "filter"], "method", false, false, false, 472) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 472, $this->source); })()), "session", [], "any", false, false, false, 472), "get", [0 => "filter"], "method", false, false, false, 472), "rooms", [], "array", false, false, false, 472), 4)))) {
  696.             echo "selected";
  697.         }
  698.         echo "\" data-value =\"4\">4</li>
  699.                             <li class=\"item ";
  700.         // line 473
  701.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 473, $this->source); })()), "session", [], "any", false, false, false, 473), "get", [0 => "filter"], "method", false, false, false, 473) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 473, $this->source); })()), "session", [], "any", false, false, false, 473), "get", [0 => "filter"], "method", false, false, false, 473), "rooms", [], "array", false, false, false, 473), 5)))) {
  702.             echo "selected";
  703.         }
  704.         echo "\" data-value =\"5\">5</li>
  705.                             <li class=\"item ";
  706.         // line 474
  707.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 474, $this->source); })()), "session", [], "any", false, false, false, 474), "get", [0 => "filter"], "method", false, false, false, 474) && (0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 474, $this->source); })()), "session", [], "any", false, false, false, 474), "get", [0 => "filter"], "method", false, false, false, 474), "rooms", [], "array", false, false, false, 474), 6)))) {
  708.             echo "selected";
  709.         }
  710.         echo "\" data-value =\"6\">6</li>
  711.                         </ul>
  712.                     </div>
  713.                 </div>
  715.                 <div class=\"col-lg-3 div-form\">
  716.                     <input class=\"sub-search-input\" id=\"area-minimumm\" value=\"";
  717.         // line 480
  718.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 480, $this->source); })()), "session", [], "any", false, false, false, 480), "get", [0 => "filter"], "method", false, false, false, 480)) {
  719.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 480, $this->source); })()), "session", [], "any", false, false, false, 480), "get", [0 => "filter"], "method", false, false, false, 480), "area-minimumm", [], "array", false, false, false, 480), "html", null, true);
  720.         }
  721.         echo "\" name=\"area-minimumm\" type=\"text\" placeholder=\"Surface minimum.\">
  722.                 </div>
  723.             </div>
  724.         </div>
  725.     </form>
  726. </div>
  729. ";
  730.         // line 488
  731.         $this->displayBlock('body', $context, $blocks);
  732.         // line 490
  733.         echo "
  734. ";
  735.         // line 491
  736.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 491, $this->source); })()), "request", [], "any", false, false, false, 491), "attributes", [], "any", false, false, false, 491), "get", [0 => "_route"], "method", false, false, false, 491), "home"))) {
  737.             // line 492
  738.             echo "    <div id=\"div-newsletter-mobile\" class=\"\" style=\"display: none\">
  739.         <div class=\"col-lg-12\" style=\"display: flex; justify-content:center; margin-top: 20px;\">
  740.            <div class=\"col-lg-12\">
  741.                <p class=\"newsletter-title\">NEWSLETTER</p>
  742.            </div>
  743.         </div>
  744.         <div class=\"col-lg-12\" id=\"div-form-newsletter\" style=\"display: flex; justify-content: space-around;\">
  745.             <form method=\"post\" action=\"";
  746.             // line 499
  747.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("mailchimp");
  748.             echo "\" id=\"form-newsletter\">
  749.                 <div class=\"input-group\">
  750.                     <input class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
  751.                     <button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
  752.                 </div>
  753.             </form>
  754.         </div>
  755.     </div>
  756. ";
  757.         }
  758.         // line 508
  759.         echo "<footer class=\"footer\">
  760.     <div class=\"container-fluid\">
  761.         <ul id=\"footer-menu\" class=\"footer-menu\" style=\"margin-bottom: -15px;margin-top: -15px;\">
  762.             <li>
  763.                 © 2021 TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"color:#fff;font-weight:bold\">ID+P</a>
  764.             </li>
  765.             <li style=\"height: 160px\">
  766.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  767.                 <svg id=\"SVGDoc\" width=\"201\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 201 232\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Ligne 38</title><path d=\"M100.5,100v32\" fill-opacity=\"0\" fill=\"#ffffff\" stroke-dashoffset=\"0\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-opacity=\"1\" stroke=\"#5f5f5f\" stroke-miterlimit=\"20\" stroke-width=\"10\"></path></g></g></svg>
  768.             </li>
  769.             <li class=\"row col-md-3\">
  770.                 <div class=\"col-md-6\">
  771.                     Bureaux commerciaux :<br>
  772.                     <span style=\"font-weight: 600;\">5 rue Jules Ferry</span><br>
  773.                     <span> L-4368 Belvaux</span>
  774.                 </div>
  775.                 <div class=\"col-md-6\">
  776.                     Siège social :<br>
  777.                     <span style=\"font-weight: 600;\">Z.I. Rohlach</span><br>
  778.                     <span>L-5280 Sandweiller</span>
  779.                 </div>
  780.             </li>
  781.             <li style=\"height: 130px\">
  782.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  783.                 <svg id=\"SVGDoc\" width=\"201\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 201 232\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Ligne 38</title><path d=\"M100.5,100v32\" fill-opacity=\"0\" fill=\"#ffffff\" stroke-dashoffset=\"0\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-opacity=\"1\" stroke=\"#5f5f5f\" stroke-miterlimit=\"20\" stroke-width=\"10\"></path></g></g></svg>
  784.             </li>
  785.             <li class=\"col-md-2 d-flex justify-content-around\">
  786.                 <a  href=\"https://www.facebook.com/tracolimmobilier/\"><i class=\"fab fa-facebook-f fa-2x\" style=\"color:#fff\"></i></a>
  787.                 <a href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i class=\"fab fa-linkedin fa-2x\" style=\"color:#fff\"></i></a>
  788.                 <a href=\"https://www.instagram.com/tracolimmobilier/\"><i class=\"fab fa-instagram fa-2x\" style=\"color:#fff\"></i></a>
  789.             </li>
  790.             <li style=\"height: 130px\">
  791.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  792.                 <svg id=\"SVGDoc\" width=\"201\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 201 232\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Ligne 38</title><path d=\"M100.5,100v32\" fill-opacity=\"0\" fill=\"#ffffff\" stroke-dashoffset=\"0\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-opacity=\"1\" stroke=\"#5f5f5f\" stroke-miterlimit=\"20\" stroke-width=\"10\"></path></g></g></svg>
  793.             </li>
  794.             <li class=\"grey legal\">
  795.                 <a href=\"";
  796.         // line 544
  797.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
  798.         echo "\" class=\"contact-link\"><i class=\"fa fa-envelope fa-2x\" style=\"color:#fff\"></i></a>
  799.                 <a href=\"https://www.tracol.lu/mentions_legales.pdf\" target=\"_blank\">Mentions légales</a>
  800.             </li>
  801.         </ul>
  803.         <ul id=\"footer-menu-mobile\" class=\"footer-menu\" style=\"display:none; margin-bottom: -15px;margin-top: -15px;\">
  804.             <li>
  805.                 <div style=\"display: flex\">
  806.                     <span style=\"font-weight: 600;\">Z.I. Rohlach</span><br>
  807.                     <span>L-5280 Sandweiller</span>
  808.                 </div>
  809.             </li>
  810.             <li>
  811.                 © 2021 TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"color:#fff;font-weight:bold\">ID+P</a>
  812.             </li>
  813.         </ul>
  814.     </div>
  815. </footer>
  819. <script>
  820.     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  821.         /* the viewport is less than 768 pixels wide */
  822.     //      \$('#projects').slick({
  823.     //     dots: false,
  824.     //     infinite: true,
  825.     //     speed: 300,
  826.     //     slidesToShow: 1,
  827.     //     slidesToScroll: 1,
  828.     //     autoplay: true,
  829.     //     responsive: [
  830.     //         {
  831.     //             breakpoint: 576,
  832.     //             settings: {
  833.     //                 slidesToShow: 1,
  834.     //                 slidesToScroll: 1
  835.     //             }
  836.     //         }
  837.     //         // You can unslick at a given breakpoint now by adding:
  838.     //         // settings: \"unslick\"
  839.     //         // instead of a settings object
  840.     //     ]
  841.     // });
  842.     }
  843.     //
  844.     // const searchMobile = document.getElementById('search-detail-mobile')
  845.     // const searchSubDivMobile = document.getElementById('sub-search-div-mobile')
  846.     //
  847.     // searchMobile.addEventListener('click', function (e) {
  848.     //     e.preventDefault()
  849.     //     searchSubDivMobile.style.display = 'flex'
  850.     //     searchMobile.style.display = 'none'
  851.     // })
  852. </script>
  854. <script>
  857.     // let searchglobal = document.getElementById('submit-searchglobal');
  858.         // searchglobal.addEventListener('click', function() {
  859.         //     const formSearch = document.getElementById('form-searchglobal-normal')
  860.         //     const subSearch = document.getElementById('sub-searchglobal-div')
  861.         //     const send = document.getElementById('sendGlobal')
  862.         //             formSearch.classList.toggle('stickyYForm')
  863.         //             send.classList.toggle('send-display')
  864.         //             subSearch.classList.toggle('sub-searchglobal-div-height')
  865.         // })
  866. </script>
  868. <script>
  869.     const swiper = new Swiper('.swiper', {
  871.         loop: false,
  872.     });
  874.     if (window.location.pathname === '/') {
  875.         const navbar = document.getElementsByClassName('navbar navbar-expand-xl fixed-top')
  876.         const header = document.getElementsByClassName('header-home')
  877.         navbar[0].style.backgroundColor = \"#fff\"
  878.         navbar[0].style.position = \"fixed\"
  879.         header[0].style.marginTop = \"0px\"
  880.         header[0].style.height = \"100vw\"
  881.     }
  883.     const searchLocation = document.getElementById('location-drop');
  885.     const searchLocationLi = document.getElementById('location-li');
  886.     const url = '/form/search';
  888.     searchLocation.addEventListener(\"click\", function (){
  890.         fetch(url, {
  891.             method: 'GET',
  892.             // body: JSON.stringify({
  893.             //     searchLocation: this.value
  894.             // })
  895.         }).then(function(response) {
  896.             return response.json()
  897.         }).then(function (data) {
  898.             console.log(data)
  899.             searchLocationLi.innerHTML = '';
  900.             for (const datum in data) {
  901.                 const li = document.createElement('li')
  902.                 li.classList.add('item')
  904.                 li.dataset.value = data[datum]
  905.                 li.addEventListener('click', function () {
  906.                     searchLocation.value = this.dataset.itemName
  907.                 })
  908.                 li.innerHTML += data[datum]
  909.                 searchLocationLi.appendChild(li)
  911.                 li.addEventListener('click', event => {
  912.                     li.classList.add('selected');
  913.                 });
  914.             }
  915.             searchLocationLi.addEventListener('click', function (e) {
  916.                 let target = e.target;
  917.                 const dropId = document.getElementById('location-drop')
  918.                 dropId.querySelector('.undroped-subheader').innerHTML = target.innerHTML
  919.                 dropId.querySelector('.input-subheader').value = target.dataset.value
  920.                 dropId.classList.remove('open')
  921.                 dropId.querySelector('.undroped').style.display = 'block'
  922.                 dropId.querySelector('.droped').style.display = 'none'
  923.                 dropId.querySelector('.undroped-subheader').classList.add('selected')
  924.             })
  925.         });
  926.     })
  928.     const searchTransactionLi = document.getElementById('transaction-li');
  929.     console.log(searchTransactionLi);
  930.     const searchPropertyLi = document.getElementById('property-li');
  931.     const searchRoomLi = document.getElementById('rooms-li');
  933.     searchTransactionLi.addEventListener('click', function (e) {
  934.         let target = e.target;
  935.         const dropId = document.getElementById('transaction-drop')
  936.         console.log(dropId);
  937.         dropId.querySelector('.input-subheader').value = target.dataset.value
  939.     })
  941.     searchPropertyLi.addEventListener('click', function (e) {
  942.         let target = e.target;
  943.         const dropId = document.getElementById('property-drop')
  944.         dropId.querySelector('.input-subheader').value = target.dataset.value
  945.     })
  947.     searchRoomLi.addEventListener('click', function (e) {
  948.         let target = e.target;
  949.         const dropId = document.getElementById('rooms-drop')
  950.         dropId.querySelector('.input-subheader').value = target.dataset.value
  951.     })
  953.     for (const eElement of document.getElementsByClassName('projectButton')) {
  954.         eElement.addEventListener('click', function (e) {
  955.             e.preventDefault()
  957.             for (let button of document.getElementsByClassName('projectButton')) {
  958.                 if (button.classList.contains('all')){
  959.                     button.classList.remove('all')
  960.                     button.classList.add('come')
  961.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  962.                 }
  963.             }
  965.             eElement.classList.remove('come')
  966.             eElement.classList.add('all')
  967.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  969.             fetch('projects/home/display/'+this.dataset.id, {
  970.                 method: 'GET',
  971.             })
  972.                 .then(response => response.json())
  973.                 .then(data => {
  974.                     document.getElementById('projects').innerHTML = ''
  975.                     document.getElementById('projects').innerHTML = data.data
  977.                     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  978.                         // if (document.getElementById('projects').classList.contains('slick-initialized')) {
  979.                         //     document.getElementById('projects').classList.remove('slick-initialized')
  980.                         //     document.getElementById('projects').classList.remove('slick-slider')
  981.                         // }
  982.                         // \$('#projects').slick({
  983.                         //     dots: false,
  984.                         //     infinite: true,
  985.                         //     speed: 300,
  986.                         //     slidesToShow: 1,
  987.                         //     slidesToScroll: 1,
  988.                         //     autoplay: true,
  989.                         //     responsive: [
  990.                         //         {
  991.                         //             breakpoint: 576,
  992.                         //             settings: {
  993.                         //                 slidesToShow: 1,
  994.                         //                 slidesToScroll: 1
  995.                         //             }
  996.                         //         }
  997.                         //     ]
  998.                         // })
  999.                     }
  1001.                     _ww = \$(window).width();
  1002.                     if (_ww > 768){
  1003.                         \$('.div-img-hover-2').hover(function (e) {
  1005.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1006.                             var htext = \$(this).find('.project-content').height();
  1007.                             if (htext == undefined){htext = 0};
  1008.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1009.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  1010.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  1011.                             //console.log('h : '+htext);
  1013.                         }, function() {
  1014.                             console.log('down');
  1015.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1016.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1018.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1019.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  1020.                             });
  1021.                         });
  1022.                     } else {
  1023.                         \$('.div-img-hover-2').on( \"click\", function( event ) {
  1024.                             console.log('tap tap');
  1025.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1026.                                 ht = opened ? 85 : '100%',
  1027.                                 vis = opened ? 0 : 1;
  1028.                             \$(this).find('.div-hover-2').toggleClass('open');
  1029.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1030.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1031.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  1033.                         });
  1034.                     }
  1035.                     \$('.div-hover').hover(function (e) {
  1036.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1037.                     }, function() {
  1038.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1039.                     });
  1041.                     \$('.div-hover').hover(function (e) {
  1042.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1043.                         var htext = \$(this).find('.project-content').height();
  1044.                         if (htext == undefined){htext = 0};
  1045.                         \$(this).animate({height : htext+180}, 150);
  1046.                         \$(this).find('.project-content').css({'visibility': 'visible'});
  1047.                         \$(this).find('.project-content').animate({opacity: 1}, 150);
  1048.                         console.log('h : '+htext);
  1049.                     }, function() {
  1050.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1051.                         \$(this).animate({height : 70}, 150);
  1052.                         \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1053.                             \$(this).find('.project-content').css({'visibility': 'hidden'});
  1054.                         });
  1055.                     });
  1056.                 })
  1058.                 .catch((error) => {
  1059.                     console.error('Error:', error);
  1060.                 });
  1061.         })
  1062.     }
  1064.     for (const eElement of document.getElementsByClassName('projectButtonref')) {
  1065.         eElement.addEventListener('click', function (e) {
  1066.             e.preventDefault()
  1068.             for (let button of document.getElementsByClassName('projectButtonref')) {
  1069.                 if (button.classList.contains('all')){
  1070.                     button.classList.remove('all')
  1071.                     button.classList.add('come')
  1072.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  1073.                 }
  1074.             }
  1076.             eElement.classList.remove('come')
  1077.             eElement.classList.add('all')
  1078.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  1080.             fetch('reference/home/display/'+this.dataset.id, {
  1081.                 method: 'GET',
  1082.             })
  1083.                 .then(response => response.json())
  1084.                 .then(data => {
  1085.                     document.getElementById('references-home').innerHTML = ''
  1086.                     document.getElementById('references-home').innerHTML = data.data
  1088.                     _ww = \$(window).width();
  1089.                     var lightbox = \$('.lightbox'),
  1090.                         item = 0;
  1092.                     \$('.lightbox-on').click(function(e){
  1093.                         e.stopPropagation();
  1094.                         item = 0;
  1095.                         console.log('click btn');
  1097.                         var id = \$(this).attr('data-id'),
  1098.                             max = 0;
  1099.                         \$('#'+id).toggle();
  1100.                         \$('#'+id).animate({opacity: 1}, 300);
  1101.                         \$('#'+id).find('img').each(function( i ) {
  1102.                             //console.log('h : '+\$(this).height());
  1103.                             //console.log('w : '+\$(this).width());
  1104.                             max = i;
  1105.                             item = 1;
  1106.                             counter(item, max+1);
  1107.                             itemWidth(\$(this));
  1108.                         });
  1109.                     });
  1111.                     lightbox.click(function(e) {
  1112.                         e.stopPropagation();
  1113.                         \$(this).animate({opacity: 0}, 300, function(){
  1114.                             \$(this).toggle();
  1115.                         });
  1116.                     });
  1118.                     \$('.closer').on('click', function (e) {
  1119.                         e.stopPropagation();
  1120.                         \$(this).parent().animate(
  1121.                             {opacity: 0},
  1122.                             300,
  1123.                             function(){
  1124.                                 \$(this).toggle();
  1125.                             }
  1126.                         );
  1127.                     });
  1129.                     function itemWidth(img){
  1130.                         img.closest('.items').width(img.width());
  1131.                     }
  1133.                     function counter(item, max){
  1134.                         \$('.counter').text(item + ' / ' + max);
  1135.                     }
  1137.                     \$('.item', lightbox).on('click, swipeleft', function (e) {
  1138.                         var wd = \$(this).width(),
  1139.                             last = \$(this).parent().find('.item').last(),
  1140.                             img = \$(this).find('.img');
  1141.                         itemWidth(img);
  1143.                         \$(this).animate(
  1144.                             {marginLeft: -wd, opacity: 0},
  1145.                             500,
  1146.                             'swing',
  1147.                             function(){
  1148.                                 \$(this).insertAfter(last);
  1149.                                 \$(this).css({marginLeft: 0, opacity: 1});
  1150.                             }
  1151.                         );
  1152.                     });
  1154.                     \$('.item', lightbox).on('swiperight', function (e) {
  1155.                         var wd = \$(this).width(),
  1156.                             first = \$(this).parent().find('.item').first(),
  1157.                             last = \$(this).parent().find('.item').last(),
  1158.                             img = \$(this).find('.img');
  1159.                         itemWidth(img);
  1161.                         \$(last).insertBefore(\$(this));
  1162.                         \$(last).css({marginLeft: -wd, opacity: 0});
  1163.                         \$(this).parent().find('.item').eq(0).animate(
  1164.                             {marginLeft: 0, opacity: 1},
  1165.                             500,
  1166.                             'swing'
  1167.                         );
  1168.                     });
  1170.                     \$('.arrows', lightbox).on('click', function (e) {
  1171.                         e.stopPropagation();
  1173.                         var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1174.                             max = \$(this).siblings('.items').find('.item').length,
  1175.                             first = \$(this).siblings('.items').find('.item').first(),
  1176.                             last = \$(this).siblings('.items').find('.item').last(),
  1177.                             isRight = \$(this).hasClass('right'),
  1178.                             marginL = isRight ? -wd : 0,
  1179.                             marginL0 = isRight ? 0: -wd,
  1180.                             opacOn = isRight ? 1 : 0,
  1181.                             opacOff = isRight ? 0 : 1;
  1183.                         if (!isRight){
  1184.                             \$(last).insertBefore(first);
  1185.                             \$(last).css({marginLeft: -wd, opacity: 0});
  1186.                             item++;
  1187.                             if (item == max+1) {item = 1};
  1188.                         } else {
  1189.                             item--;
  1190.                             if (item == 0) {item = max};
  1191.                         };
  1193.                         counter(item, max);
  1195.                         var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1196.                         itemWidth(img);
  1198.                         \$(this).siblings('.items').find('.item').eq(1).animate(
  1199.                             {opacity: opacOn},
  1200.                             500,
  1201.                             'swing');
  1203.                         \$(this).siblings('.items').find('.item').eq(0).animate(
  1204.                             {marginLeft: marginL, opacity: 1},
  1205.                             500,
  1206.                             'swing',
  1207.                             function(){
  1208.                                 if (isRight){
  1209.                                     \$(this).insertAfter(last);
  1210.                                     \$(this).css({ marginLeft: 0, opacity: 1});
  1211.                                 }
  1212.                             }
  1213.                         );
  1214.                     });
  1216.                     if (_ww > 768){
  1217.                         \$('.div-img-hover-2').hover(function (e) {
  1218.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1219.                             var htext = \$(this).find('.project-content').height();
  1220.                             if (htext == undefined){htext = 0};
  1221.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1222.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  1223.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  1225. //console.log('h : '+htext);
  1227.                         }, function() {
  1228.                             console.log('down');
  1229.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1230.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1232.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1233.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  1234.                             });
  1235.                         });
  1237.                     } else {
  1238.                         \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1239.                             console.log('tap tap');
  1240.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1241.                                 ht = opened ? 85 : '100%',
  1242.                                 vis = opened ? 0 : 1;
  1243.                             \$(this).find('.div-hover-2').toggleClass('open');
  1244.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1245.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1246.                         });
  1247.                     }
  1248.                 })
  1249.                 .catch((error) => {
  1250.                     console.error('Error:', error);
  1251.                 });
  1252.         })
  1253.     }
  1255.     /*
  1256.     window.addEventListener('scroll', function(){
  1257.         let search = document.getElementById('submit-search');
  1258.         const formSearch = document.getElementById('form-search-normal')
  1259.         const subSearch = document.getElementById('sub-search-div')
  1260.         const send = document.getElementById('send')
  1261.         if (search) {
  1262.             search.classList.toggle(\"stickyY\", window.scrollY > 730);
  1263.             if (search.classList.contains(\"stickyY\")) {
  1264.                 search.setAttribute('type', 'button')
  1265.                 search.addEventListener('click', function (e) {
  1266.                     e.preventDefault()
  1267.                     formSearch.classList.toggle('stickyYForm')
  1268.                     send.classList.toggle('send-display')
  1269.                     subSearch.classList.toggle('sub-search-div-height')
  1270.                 })
  1271.             } else  search.setAttribute('type', 'submit')
  1272.         }
  1273.     })
  1274. */
  1275. </script>
  1277. ";
  1278.         // line 1142
  1279.         echo "
  1281. </body>
  1282. </html>
  1283. ";
  1284.         
  1285.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1287.         
  1288.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1290.     }
  1292.     // line 5
  1293.     public function block_title($context, array $blocks = [])
  1294.     {
  1295.         $macros = $this->macros;
  1296.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1297.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1299.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1300.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1302.         echo "Tracol";
  1303.         
  1304.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1306.         
  1307.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1309.     }
  1311.     // line 7
  1312.     public function block_stylesheets($context, array $blocks = [])
  1313.     {
  1314.         $macros = $this->macros;
  1315.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1316.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  1318.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1319.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  1321.         // line 8
  1322.         echo "        ";
  1323.         echo $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackLinkTags("app");
  1324.         echo "
  1325.         <link rel=\"stylesheet\" href=\"https://unpkg.com/@egjs/flicking/dist/flicking.css\" crossorigin=\"anonymous\" />
  1326.         <link rel=\"stylesheet\" type=\"text/css\" href=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css\"/>
  1327.         <!--link rel=\"stylesheet\" href=\"https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css\" /-->
  1328.     ";
  1329.         
  1330.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1332.         
  1333.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1335.     }
  1337.     // line 14
  1338.     public function block_javascripts($context, array $blocks = [])
  1339.     {
  1340.         $macros = $this->macros;
  1341.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1342.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1344.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1345.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1347.         // line 15
  1348.         echo "        ";
  1349.         echo $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackScriptTags("app");
  1350.         echo "
  1351. ";
  1352.         // line 17
  1353.         echo "        <script
  1354.                 src=\"https://code.jquery.com/jquery-3.6.0.min.js\"
  1355.                 integrity=\"sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=\"
  1356.                 crossorigin=\"anonymous\">
  1357.         </script>
  1358.         
  1359.         <script src=\"https://unpkg.com/@egjs/flicking/dist/flicking.pkgd.min.js\" crossorigin=\"anonymous\"></script>
  1360.         <script type=\"text/javascript\" src=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js\"></script>
  1361.         <script src=\"https://unpkg.com/swiper/swiper-bundle.min.js\"></script>
  1362.         <!--script src=\"https://code.jquery.com/mobile/1.5.0-rc1/jquery.mobile-1.5.0-rc1.min.js\" integrity=\"sha256-c3VbCrdCtTHmXYAuxRT4D0Cy5VC/0zBnXVRIvJiV9xo=\" crossorigin=\"anonymous\"></script-->
  1363.         
  1364.     ";
  1365.         
  1366.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1368.         
  1369.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1371.     }
  1373.     // line 488
  1374.     public function block_body($context, array $blocks = [])
  1375.     {
  1376.         $macros = $this->macros;
  1377.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1378.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1380.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1381.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1383.         
  1384.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1386.         
  1387.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1389.     }
  1391.     public function getTemplateName()
  1392.     {
  1393.         return "base.html.twig";
  1394.     }
  1396.     public function isTraitable()
  1397.     {
  1398.         return false;
  1399.     }
  1401.     public function getDebugInfo()
  1402.     {
  1403.         return array (  1374 => 488,  1353 => 17,  1348 => 15,  1338 => 14,  1322 => 8,  1312 => 7,  1293 => 5,  1279 => 1142,  797 => 544,  759 => 508,  747 => 499,  738 => 492,  736 => 491,  733 => 490,  731 => 488,  718 => 480,  707 => 474,  701 => 473,  695 => 472,  689 => 471,  683 => 470,  677 => 469,  661 => 460,  651 => 455,  623 => 429,  621 => 428,  619 => 427,  609 => 418,  605 => 416,  599 => 414,  597 => 413,  583 => 404,  577 => 403,  571 => 402,  565 => 401,  559 => 400,  553 => 399,  543 => 391,  539 => 389,  535 => 387,  533 => 386,  530 => 385,  528 => 384,  525 => 383,  523 => 382,  520 => 381,  518 => 380,  515 => 379,  513 => 378,  510 => 377,  508 => 376,  498 => 368,  496 => 367,  488 => 363,  482 => 362,  473 => 355,  469 => 353,  467 => 352,  464 => 351,  462 => 350,  458 => 348,  454 => 346,  450 => 344,  448 => 343,  445 => 342,  443 => 341,  437 => 340,  427 => 333,  406 => 315,  373 => 284,  369 => 280,  365 => 278,  363 => 273,  357 => 267,  351 => 264,  345 => 261,  339 => 258,  333 => 255,  327 => 252,  323 => 250,  241 => 168,  235 => 167,  229 => 166,  223 => 165,  217 => 164,  211 => 163,  194 => 148,  174 => 127,  124 => 80,  106 => 64,  102 => 43,  93 => 40,  90 => 39,  86 => 38,  77 => 35,  74 => 34,  70 => 33,  65 => 29,  63 => 14,  60 => 13,  58 => 7,  53 => 5,  47 => 1,);
  1404.     }
  1406.     public function getSourceContext()
  1407.     {
  1408.         return new Source("<!DOCTYPE html>
  1409. <html>
  1410. <head>
  1411.     <meta charset=\"UTF-8\">
  1412.     <title>{% block title %}Tracol{% endblock %}</title>
  1413.     <meta name=\"viewport\" content= \"width=device-width, initial-scale=1.0\">
  1414.     {% block stylesheets %}
  1415.         {{ encore_entry_link_tags('app') }}
  1416.         <link rel=\"stylesheet\" href=\"https://unpkg.com/@egjs/flicking/dist/flicking.css\" crossorigin=\"anonymous\" />
  1417.         <link rel=\"stylesheet\" type=\"text/css\" href=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css\"/>
  1418.         <!--link rel=\"stylesheet\" href=\"https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css\" /-->
  1419.     {% endblock %}
  1421.     {% block javascripts %}
  1422.         {{ encore_entry_script_tags('app') }}
  1423. {#        <script id=\"Cookiebot\" src=\"https://consent.cookiebot.com/uc.js\" data-cbid=\"d4dd1335-1dc0-4d3c-b4c3-49e9043d2e0e\" data-blockingmode=\"auto\" type=\"text/javascript\"></script>#}
  1424.         <script
  1425.                 src=\"https://code.jquery.com/jquery-3.6.0.min.js\"
  1426.                 integrity=\"sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=\"
  1427.                 crossorigin=\"anonymous\">
  1428.         </script>
  1429.         
  1430.         <script src=\"https://unpkg.com/@egjs/flicking/dist/flicking.pkgd.min.js\" crossorigin=\"anonymous\"></script>
  1431.         <script type=\"text/javascript\" src=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js\"></script>
  1432.         <script src=\"https://unpkg.com/swiper/swiper-bundle.min.js\"></script>
  1433.         <!--script src=\"https://code.jquery.com/mobile/1.5.0-rc1/jquery.mobile-1.5.0-rc1.min.js\" integrity=\"sha256-c3VbCrdCtTHmXYAuxRT4D0Cy5VC/0zBnXVRIvJiV9xo=\" crossorigin=\"anonymous\"></script-->
  1434.         
  1435.     {% endblock %}
  1436. </head>
  1438. <body>
  1439. {#<script id=\"CookieDeclaration\" src=\"https://consent.cookiebot.com/d4dd1335-1dc0-4d3c-b4c3-49e9043d2e0e/cd.js\" type=\"text/javascript\" async></script>#}
  1440. {% for success in app.flashes('success') %}
  1441.     <div class=\"alert alert-success\" role=\"alert\">
  1442.         <p class=\"alert-link\">{{ success }}</p>
  1443.     </div>
  1444. {% endfor %}
  1445. {% for error in app.flashes('error') %}
  1446.     <div class=\"col-lg-8 mx-auto alert alert-danger\" role=\"alert\">
  1447.         <p class=\"alert-link\">{{ error }}</p>
  1448.     </div>
  1449. {% endfor %}
  1452. {#
  1453. <div class=\"d-flex flex-column flex-shrink-0 bg-light black\" style=\"width: 4rem;\">
  1454.     <a  href=\"https://www.facebook.com/tracolimmobilier/\"><i class=\"fab fa-facebook-f\"></i></a>
  1455.     <a href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i class=\"fab fa-linkedin\"></i></a>
  1456.     <a href=\"https://www.instagram.com/tracolimmobilier/\"><i class=\"fab fa-instagram\"></i></a>
  1457. </div>
  1458. <div id=\"div-newsletter\" class=\"d-flex flex-column flex-shrink-0 bg-light orange\">
  1459.     <a id=\"text-vertical\" class=\"text-vertical\" href=\"#\">NEWSLETTER</a>
  1460.     <div id=\"div-form-newsletter\" style=\"opacity: 0\">
  1461.         <span id=\"span-newsletter\" style=\"opacity: 0\">Restez informé ! Abonnez-vous à notre newsletter.</span>
  1462.         <form action=\"{{ path('mailchimp') }}\" id=\"form-newsletter\" style=\"display: none\">
  1463.             <div class=\"input-group\">
  1464.                 <input id=\"input-email\" class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
  1465.                 <button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
  1466.             </div>
  1467.         </form>
  1468.     </div>
  1469. </div>
  1470. #}
  1474. <nav class=\"navbar navbar-expand-xl fixed-top homepage\">
  1475.     <div id=\"center-nav\" class=\"container-fluid\">
  1476.         <button class=\"navbar-toggler\"
  1477.                 type=\"button\"
  1478.                 data-bs-toggle=\"collapse\"
  1479.                 data-bs-target=\"#navbarNav\"
  1480.                 aria-controls=\"navbarNav\"
  1481.                 aria-expanded=\"false\"
  1482.                 aria-label=\"Toggle navigation\">
  1483.             <span class=\"navbar-toggler-icon\">
  1484.                 <i class=\"fas fa-bars\"></i>
  1485.             </span>
  1486.         </button>
  1487.         <a href=\"{{ path('index') }}\" class=\"tracol-logo\">
  1488.             <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"136.339\" height=\"51.127\" viewBox=\"0 0 136.339 51.127\">
  1489.                 <g id=\"Groupe_4469\" data-name=\"Groupe 4469\" transform=\"translate(11823.999 14639)\">
  1490.                     <path id=\"Tracé_59\" data-name=\"Tracé 59\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-12370.418 -14871.441)\" fill=\"#f6a400\"/>
  1491.                     <path id=\"Tracé_60\" data-name=\"Tracé 60\" d=\"M635.6,255.7c0,7.088,3.8,9.434,9.069,9.434a16.669,16.669,0,0,0,6.359-1.2l-.73-4.379a14.765,14.765,0,0,1-5.629,1.147c-2.658,0-4.378-1.2-4.378-5V232.5H635.6Z\" transform=\"translate(-12347.273 -14871.48)\"/>
  1492.                     <path id=\"Tracé_61\" data-name=\"Tracé 61\" d=\"M402.171,274.441h4.691V253.593a10.905,10.905,0,0,1,3.962-.573,14.562,14.562,0,0,1,4.117.573l.782-4.378a17.993,17.993,0,0,0-5.108-.626,21.859,21.859,0,0,0-8.444,1.512Zm40.968-12.477c0,8.652,4.639,13.031,12.3,13.031a19.832,19.832,0,0,0,6.984-1.2l-.73-4.378a15.649,15.649,0,0,1-5.942,1.147c-5.525,0-7.922-2.814-7.922-8.912,0-5.264,1.824-8.6,7.557-8.6a12.827,12.827,0,0,1,5.838,1.355l.729-4.482a17.148,17.148,0,0,0-6.672-1.3c-8.339,0-12.144,5.473-12.144,13.343m40.6-.156c0,5.369-1.3,8.756-6.724,8.756-5.473,0-6.828-3.388-6.828-8.756,0-5.316,1.355-8.756,6.828-8.756,5.42,0,6.724,3.44,6.724,8.756m-6.724,13.187c7.975,0,11.467-5.264,11.467-13.187,0-8.131-3.232-13.187-11.467-13.187-8.027,0-11.519,5.316-11.519,13.187,0,8.131,3.284,13.187,11.519,13.187\" transform=\"translate(-12205.374 -14881.258)\"/>
  1493.                     <path id=\"Tracé_62\" data-name=\"Tracé 62\" d=\"M349.134,255.7c0,7.088,3.8,9.434,9.069,9.434a16.669,16.669,0,0,0,6.359-1.2l-.73-4.379A14.766,14.766,0,0,1,358.2,260.7c-2.658,0-4.378-1.2-4.378-5V244.778h9.695v-4.43h-9.695V232.5h-4.691Z\" transform=\"translate(-12173.133 -14871.48)\"/>
  1494.                     <path id=\"Tracé_63\" data-name=\"Tracé 63\" d=\"M452.277,271.03c-4.851,0-4.851-3.294-4.851-4.165,0-.807.04-3.966,5.213-3.966H463.01v-5.42c0-6.567-4.431-8.809-10.425-8.809a29.621,29.621,0,0,0-7.87,1.146l.678,4.326a20.958,20.958,0,0,1,7.036-1.2c3.7,0,5.942,1.043,5.942,4.066v2.241h-4.9c-6.567,0-10.685,2.137-10.685,7.871,0,5.681,3.8,7.922,10.32,7.922a32.7,32.7,0,0,0,9.9-1.511v-4.091a43.889,43.889,0,0,1-10.733,1.589\" transform=\"translate(-12230.064 -14881.307)\"/>
  1495.                     <rect id=\"Rectangle_73\" data-name=\"Rectangle 73\" width=\"1.585\" height=\"8.956\" transform=\"translate(-11803.191 -14596.829)\"/>
  1496.                     <path id=\"Tracé_64\" data-name=\"Tracé 64\" d=\"M415.929,339.993h1.5l2.643,4.172,2.628-4.172h1.5v8.956h-1.585v-6.105l-2.448,3.88h-.194l-2.476-3.866v6.092h-1.572Z\" transform=\"translate(-12213.737 -14936.822)\"/>
  1497.                     <path id=\"Tracé_65\" data-name=\"Tracé 65\" d=\"M446.472,339.993h1.5l2.643,4.172,2.628-4.172h1.5v8.956h-1.585v-6.105l-2.448,3.88h-.194l-2.476-3.866v6.092h-1.572Z\" transform=\"translate(-12232.305 -14936.822)\"/>
  1498.                     <path id=\"Tracé_66\" data-name=\"Tracé 66\" d=\"M480,341.292c-1.808,0-2.113,1.112-2.113,3.058s.334,3.018,2.142,3.018,2.142-1.085,2.142-3.018-.349-3.058-2.171-3.058m-3.7,3.058c0-2.67.736-4.533,3.7-4.533s3.77,1.848,3.77,4.533-.779,4.492-3.741,4.492-3.727-1.822-3.727-4.492\" transform=\"translate(-12250.44 -14936.716)\"/>
  1499.                     <path id=\"Tracé_67\" data-name=\"Tracé 67\" d=\"M505.617,345.055v2.42h1.877c1.266,0,1.7-.473,1.7-1.2s-.417-1.224-1.7-1.224Zm0-3.588v2.225h1.711c1.182,0,1.585-.5,1.585-1.126s-.4-1.1-1.585-1.1Zm1.711-1.474c2.309,0,3.185.988,3.185,2.42a1.93,1.93,0,0,1-1.182,1.892,2.046,2.046,0,0,1,1.461,2c0,1.4-1.029,2.642-3.3,2.642h-3.449v-8.956Z\" transform=\"translate(-12267.304 -14936.822)\"/>
  1500.                     <rect id=\"Rectangle_74\" data-name=\"Rectangle 74\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11753.034 -14596.829)\"/>
  1501.                     <path id=\"Tracé_68\" data-name=\"Tracé 68\" d=\"M543.847,339.993h1.572v7.482h4.117v1.474h-5.689Z\" transform=\"translate(-12291.499 -14936.822)\"/>
  1502.                     <rect id=\"Rectangle_75\" data-name=\"Rectangle 75\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11738.931 -14596.829)\"/>
  1503.                     <path id=\"Tracé_69\" data-name=\"Tracé 69\" d=\"M581.389,347.475h4.673v1.474h-6.245v-8.957h6.245v1.474h-4.673v2.142h4.117v1.474h-4.117Z\" transform=\"translate(-12313.365 -14936.822)\"/>
  1504.                     <path id=\"Tracé_70\" data-name=\"Tracé 70\" d=\"M605.9,341.467V344.1h1.85c1.377,0,1.794-.529,1.794-1.308,0-.834-.417-1.321-1.794-1.321Zm3.255,3.908,2.337,3.574h-1.808l-2.2-3.379H605.9v3.379h-1.572v-8.956h3.421c2.448,0,3.38,1.126,3.38,2.8a2.537,2.537,0,0,1-1.975,2.587\" transform=\"translate(-12328.266 -14936.822)\"/>
  1505.                 </g>
  1506.             </svg>
  1508.         </a>
  1509.         <button style=\"background-color: transparent;border-color: transparent; display: none\" id=\"submit-search-mobile\" type=\"submit\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal1\">
  1510.             <svg style=\"height: 55px;\" class=\"search-button\" xmlns=\"http://www.w3.org/2000/svg\" width=\"55.982\" height=\"90.97\" viewBox=\"0 0 55.982 90.97\">
  1511.                 <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  1512.                     <path id=\"Tracé_95\" data-name=\"Tracé 95\" d=\"M729.651,232.441H673.669v90.97l55.982-11.894Z\" transform=\"translate(855.192 -127.441)\" fill=\"#f6a400\"/>
  1513.                     <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  1514.                         <g id=\"np_search_1868241_000000\">
  1515.                             <path id=\"Tracé_92\" data-name=\"Tracé 92\" d=\"M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z\" transform=\"translate(0.441 -0.012)\" fill=\"#fff\"/>
  1516.                             <path id=\"Tracé_93\" data-name=\"Tracé 93\" d=\"M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z\" transform=\"translate(-44.591 -44.782)\" fill=\"#fff\"/>
  1517.                         </g>
  1518.                     </g>
  1519.                 </g>
  1520.             </svg>
  1521.         </button>
  1524.         <!-- Modal -->
  1527.         <div class=\"modal fade bd-example-modal-lg\" id=\"exampleModal1\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myLargeModalLabel\" aria-hidden=\"true\">
  1528.             <div class=\"modal-dialog modal-lg\">
  1530.                 <div class=\"modal-content\">
  1531.                     <div class=\"col-lg-12\">
  1532.                         <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" style=\"font-size:2em;position: absolute;right: 15px;\"></button>
  1533.                         <div name=\"form-search-normal-mobile\" id=\"form-search-normal-mobile\" class=\"div-svg-header\">
  1534.                             <form action=\"{{ path('results') }}\"  style=\"display: flex; align-items: center; width: 100%\">
  1535.                                 <div class=\"container-form-mobile\" style=\"display: flex;flex-direction: column;justify-content: center; \">
  1536.                                     <div class=\"selectors mobile\" style=\"display: flex; align-items: center; width: auto;\">
  1538.                                         <div id=\"transaction-drop\" class=\"dropdown\">
  1539.                                             <div class=\"undroped\">
  1540.                                                 <p class=\"undroped-header\">Type de transaction</p>
  1541.                                                 <p name=\"transaction-type\" class=\"undroped-subheader\">Achat ou Location</p>
  1542.                                                 <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"transaction-type\">
  1543.                                             </div>
  1545.                                             <div class=\"droped\">
  1546.                                                 <div class=\"dropdown-header\">Type de transaction</div>
  1547.                                                 <ul id=\"transaction-li\" class=\"items\">
  1548.                                                     <li class=\"item\" data-value =\"Vente\">Achat</li>
  1549.                                                     <li class=\"item\" data-value =\"Location\">Location</li>
  1550.                                                     <li class=\"item\" data-value =\"Programme\">Projet</li>
  1551.                                                     {#
  1552.                                                     <li class=\"item\" data-value =\"Viager\">Viager</li>
  1553.                                                     <li class=\"item\" data-value =\"Enchere\">Enchère</li>
  1554.                                                     #}
  1555.                                                 </ul>
  1556.                                             </div>
  1557.                                         </div>
  1559.                                         <div id=\"property-drop\" class=\"dropdown\">
  1560.                                             <div class=\"undroped\">
  1561.                                                 <p class=\"undroped-header\">Type de biens</p>
  1562.                                                 <p name=\"property-type\" class=\"undroped-subheader\">Appartement, Bureau, ...</p>
  1563.                                                 <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"property-type\">
  1564.                                             </div>
  1566.                                             <div class=\"droped\">
  1567.                                                 <div class=\"dropdown-header\">Type de biens</div>
  1569.                                                 <ul id=\"property-li\" class=\"items\">
  1570.                                                     <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Appartement' %}selected{% endif %}\" data-value =\"Appartement\">Appartements</li>
  1571.                                                     <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Bureaux' %}selected{% endif %}\" data-value =\"Bureaux\">Bureaux</li>
  1572.                                                     <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Maison' %}selected{% endif %}\" data-value =\"Maison\">Maisons</li>
  1573.                                                     <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Commerce' %}selected{% endif %}\" data-value =\"Commerce\">Commerces</li>
  1574.                                                     <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Garage / Parking' %}selected{% endif %}\" data-value =\"Garage / Parking\">Garages / Parkings</li>
  1575.                                                     <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Immeuble' %}selected{% endif %}\" data-value =\"Immeuble\">Immeubles</li>
  1576.                                                 </ul>
  1577.                                             </div>
  1578.                                         </div>
  1580.                                         <div id=\"location-drop-mobile\" class=\"dropdown\">
  1581.                                             <div class=\"undroped\">
  1582.                                                 <p class=\"undroped-header\">Localisation</p>
  1583.                                                 <p class=\"undroped-subheader\">Choissisez une ville</p>
  1584.                                                 <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"location\">
  1585.                                             </div>
  1587.                                             <div class=\"droped\">
  1588.                                                 <div  class=\"dropdown-header\">Localisation</div>
  1590.                                                 <ul id=\"location-li-mobile\" class=\"items\">
  1591.                                                     <li class=\"item\" data-value =\"Appartement\">Luxembourg-Ville</li>
  1592.                                                     <li class=\"item\" data-value =\"Bureaux\">Leudelange</li>
  1593.                                                     <li class=\"item\" data-value =\"Maison\">Esch-Sur-Alzette</li>
  1594.                                                 </ul>
  1595.                                             </div>
  1596.                                         </div>
  1597.                                     </div>
  1598.                                     <div id=\"sub-search-div-mobile\" class=\"sub-search-div-mobile\">
  1599.                                         <div class=\"col-lg-3 div-form\">
  1600.                                             <input class=\"sub-search-input\" name=\"budget\"  id=\"budget\" type=\"text\" placeholder=\"Budget max.\">
  1601.                                         </div>
  1603.                                         <div id=\"rooms-drop\" class=\"dropdown\">
  1604.                                             <div class=\"undroped\">
  1605.                                                 <p class=\"undroped-header transparent-font\">Nombre de chambres</p>
  1606.                                                 <p class=\"undroped-subheader good-place\"></p>
  1607.                                                 <input type=\"hidden\" class=\"input-subheader\" name=\"rooms\">
  1608.                                             </div>
  1610.                                             <div class=\"droped\">
  1611.                                                 <div class=\"dropdown-header\">Nombre de chambres</div>
  1612.                                                 <ul id=\"rooms-li\" class=\"items\">
  1613.                                                     <li class=\"item\" data-value =\"1\">1</li>
  1614.                                                     <li class=\"item\" data-value =\"2\">2</li>
  1615.                                                     <li class=\"item\" data-value =\"3\">3</li>
  1616.                                                     <li class=\"item\" data-value =\"4\">4</li>
  1617.                                                     <li class=\"item\" data-value =\"5\">5</li>
  1618.                                                     <li class=\"item\" data-value =\"6\">6</li>
  1619.                                                 </ul>
  1620.                                             </div>
  1621.                                         </div>
  1623.                                         <div class=\"col-lg-3 div-form\">
  1624.                                             <input class=\"sub-search-input\" id=\"area-minimumm\" name=\"area-minimumm\" type=\"text\" placeholder=\"Surface min.\">
  1625.                                         </div>
  1626.                                     </div>
  1627.                                     <div>
  1628.                                         <button style=\"background-color: transparent;border-color: transparent;\" id=\"submit-search\" type=\"submit\">
  1629.                                             <svg class=\"search-button\" xmlns=\"http://www.w3.org/2000/svg\" width=\"55.982\" height=\"90.97\" viewBox=\"0 0 55.982 90.97\">
  1630.                                                 <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  1631.                                                     <path id=\"Tracé_95\" data-name=\"Tracé 95\" d=\"M729.651,232.441H673.669v90.97l55.982-11.894Z\" transform=\"translate(855.192 -127.441)\" fill=\"#f6a400\"/>
  1632.                                                     <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  1633.                                                         <g id=\"np_search_1868241_000000\">
  1634.                                                             <path id=\"Tracé_92\" data-name=\"Tracé 92\" d=\"M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z\" transform=\"translate(0.441 -0.012)\" fill=\"#fff\"/>
  1635.                                                             <path id=\"Tracé_93\" data-name=\"Tracé 93\" d=\"M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z\" transform=\"translate(-44.591 -44.782)\" fill=\"#fff\"/>
  1636.                                                         </g>
  1637.                                                     </g>
  1638.                                                 </g>
  1639.                                             </svg></button>
  1640.                                         <button class=\"btn btn-primary\" id=\"send\" type=\"submit\" style=\"display: none\">Envoyer</button>
  1641.                                     </div>
  1642.                                 </div>
  1643.                             </form>
  1644.                         </div>
  1645.                     </div>
  1646.                 </div>
  1647.             </div>
  1648.         </div>
  1650.         <div class=\"nav-elements collapse navbar-collapse\" id=\"navbarNav\">
  1651.             <ul class=\"navbar-nav\">
  1652.                 {#
  1653.                 <li class=\"nav-item\">
  1654.                     <a class=\"nav-link active\" aria-current=\"page\" href=\"{{ path('tracol') }}\">Tracol</a>
  1655.                 </li>
  1656.                 #}
  1658.                 <li class=\"nav-item\">
  1659.                     <a class=\"nav-link\" href=\"{{ path('properties', {'keyword': 'vente'}) }}\">Acheter</a>
  1660.                 </li>
  1661.                 <li class=\"nav-item\">
  1662.                     <a class=\"nav-link\" href=\"{{ path('properties', {'keyword': 'location'}) }}\">Louer</a>
  1663.                 </li>
  1664.                 <li class=\"nav-item\">
  1665.                     <a class=\"nav-link\" href=\"{{ path('vendre', {'keyword': 'location'}) }}\">Vendre</a>
  1666.                 </li>
  1667.                 <li class=\"nav-item\">
  1668.                     <a class=\"nav-link\" href=\"{{ path('projects', {'keyword': 'location'}) }}\">Nos Projets</a>
  1669.                 </li>
  1670.                 <li class=\"nav-item\">
  1671.                     <a class=\"nav-link\" href=\"{{ path('reference') }}\">Nos Références</a>
  1672.                 </li>
  1673.                 <li class=\"nav-item\">
  1674.                     <a class=\"nav-link\" href=\"{{ path('team') }}\">Notre equipe</a>
  1675.                 </li>
  1677. {#                <li class=\"nav-item\">#}
  1678. {#                    <a class=\"nav-link\" href=\"#\">Actualités</a>#}
  1679. {#                </li>#}
  1680.                 {#
  1681.                 <li class=\"nav-item\">
  1682.                     <a class=\"nav-link\" href=\"{{ path('carrieres') }}\">Carrières</a>
  1683.                 </li>
  1684.                 #}
  1686.                 <li id=\"enveloppe-mobile\" class=\"nav-item\">
  1687.                     <a class=\"nav-link\" href=\"{{ path('contact') }}\">
  1688.                         {#
  1689.                         <i class=\"far fa-envelope\"></i>
  1690.                         #}
  1691.                         Nous contacter
  1692.                     </a>
  1693.                 </li>
  1694.             </ul>
  1695.         </div>
  1696.         <div class=\"phone-contact\">
  1697.             <div>
  1698.                 <svg class=\"svg-phone\" xmlns=\"http://www.w3.org/2000/svg\" width=\"31.059\" height=\"27.732\" viewBox=\"0 0 31.059 27.732\">
  1699.                     <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  1700.                         <path id=\"Tracé_116\" data-name=\"Tracé 116\" d=\"M32.871,43.356H33.98V41.138h3.328V38.919H33.98V34.793l-7.931-2.64-2.973,1.986a19.764,19.764,0,0,1-7.488-7.421l1.9-1.9-2.64-9.2h-8.6v1.109A26.511,26.511,0,0,0,32.871,43.357ZM13.182,17.844l1.808,6.334L12.9,26.307l.377.721a22,22,0,0,0,9.406,9.384l.588.3,3.161-2.119,5.324,1.8v4.748A24.461,24.461,0,0,1,8.467,17.844Z\" fill=\"#f6a400\"/>
  1701.                     </g>
  1702.                 </svg>
  1703.             </div>
  1704.             <div>
  1705.                 <p class=\"phone\">
  1706.                     Besoin d'informations ? <br>
  1707.                     <a href=\"tel:+3522658601\">(+352) 26 58 60-1</a>
  1708.                 </p>
  1709.             </div>
  1710.         </div>
  1712.         <div id=\"footer-nav-mobile\" class=\"col-lg-2\" style=\"display: none\">
  1713.             <div class=\"col-lg-12 opacity-mobile\" style=\"display: flex; flex-direction: row\">
  1714.                 <div id=\"svg-phone\" class=\"col-lg-4\">
  1715.                     <svg style=\"margin: auto;\" class=\"svg-phone\" xmlns=\"http://www.w3.org/2000/svg\" width=\"31.059\" height=\"27.732\" viewBox=\"0 0 31.059 27.732\">
  1716.                         <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  1717.                             <path id=\"Tracé_116\" data-name=\"Tracé 116\" d=\"M32.871,43.356H33.98V41.138h3.328V38.919H33.98V34.793l-7.931-2.64-2.973,1.986a19.764,19.764,0,0,1-7.488-7.421l1.9-1.9-2.64-9.2h-8.6v1.109A26.511,26.511,0,0,0,32.871,43.357ZM13.182,17.844l1.808,6.334L12.9,26.307l.377.721a22,22,0,0,0,9.406,9.384l.588.3,3.161-2.119,5.324,1.8v4.748A24.461,24.461,0,0,1,8.467,17.844Z\" fill=\"black\"/>
  1718.                         </g>
  1719.                     </svg>
  1720.                 </div>
  1721.                 <div class=\"col-lg-6 opacity-mobile\">
  1722.                     <a class=\"nav-link\" style=\"height: 42px;\" href=\"{{ path('contact') }}\"><i style=\"margin-bottom: 5px; margin-left: -4px;color:black\" class=\"far fa-envelope\"></i></a>
  1723.                 </div>
  1724.             </div>
  1725.             <div class=\"col-lg-12 opacity-mobile\" style=\"display: flex; opacity: 0\">
  1726.                 <div class=\"col-lg-4\">
  1727.                     <a  href=\"https://www.facebook.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;margin-right: 15px;\" class=\"fab fa-facebook-f\"></i></a>
  1728.                 </div>
  1729.                 <div class=\"col-lg-4\">
  1730.                     <a href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i style=\"color: #5f5f5f;margin-right: 15px;margin-left: 2px\" class=\"fab fa-linkedin\"></i></a>
  1731.                 </div>
  1732.                 <div class=\"col-lg-4\">
  1733.                     <a href=\"https://www.instagram.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;margin-left: 5px;\" class=\"fab fa-instagram\"></i></a>
  1734.                 </div>
  1735.             </div>
  1736.         </div>
  1737.     </div>
  1738. </nav>
  1739. <div id=\"formResearchNav\" class=\"d-flex justify-content-center\">
  1740.     <form action=\"{{ path('results') }}\" class=\"col-lg-8 form-search-filter\" style=\"display: flex; align-items: center;\">
  1741.         <div class=\"container-form-search\" style=\"display: flex;flex-direction: column;justify-content: center; width: 71.666vw;position:relative\">
  1742.             <div class=\"selectors\" style=\"display: flex; align-items: center; width: auto;justify-content: space-between;\">
  1744.                 <div id=\"transaction-drop\" class=\"dropdown\">
  1745.                     <div class=\"undroped\">
  1746.                         <p class=\"undroped-header\">Type de transaction</p>
  1747.                         <p name=\"transaction-type\" class=\"undroped-subheader {% if app.request.attributes.get('_route_params')['keyword'] is defined %}selected{% endif %}\">
  1748.                             {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Vente' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'vente') %}
  1749.                                 Achat
  1750.                             {% elseif app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Location' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'location') %}
  1751.                                 Location
  1752.                             {% else %}
  1753.                                 Achat ou Location
  1754.                             {% endif %}
  1755.                         </p>
  1756.                         <input type=\"hidden\"
  1757.                                {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Vente' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'vente') %}
  1758.                                    value=\"Achat\"
  1759.                                 {% elseif app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Location' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'location') %}
  1760.                                     value=\"Location\"
  1761.                                {% endif %}
  1762.                                value=\"\"
  1763.                                class=\"input-subheader\" name=\"transaction-type\">
  1764.                     </div>
  1766.                     <div class=\"droped\">
  1767.                         <div class=\"dropdown-header\">Type de transaction</div>
  1768.                         <ul id=\"transaction-li\" class=\"items\">
  1769.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Vente' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'vente') %}selected{% endif %}\" data-value =\"Vente\">Achat</li>
  1770.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Location' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'location') %}selected{% endif %}\" data-value =\"Location\">Location</li>
  1771.                             <li class=\"item\" data-value =\"Location saisonnière\">Location saisonniere</li>
  1772.                             <li class=\"item\" data-value =\"Programme\">Programme</li>
  1773.                             {#                                                <li class=\"item\" data-value =\"Viager\">Viager</li>#}
  1774.                             {#                                                <li class=\"item\" data-value =\"Enchere\">Enchère</li>#}
  1775.                         </ul>
  1776.                     </div>
  1777.                 </div>
  1779.                 <div id=\"property-drop\" class=\"dropdown\">
  1780.                     <div class=\"undroped\">
  1781.                         <p class=\"undroped-header\">Type de biens</p>
  1782.                         <p name=\"property-type\" class=\"undroped-subheader\">
  1783.                             {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Appartement' %}
  1784.                                 Appartements
  1785.                             {% elseif app.session.get('filter') and app.session.get('filter')['property-type'] == 'Bureaux' %}
  1786.                                 Bureaux
  1787.                             {% elseif app.session.get('filter') and app.session.get('filter')['property-type'] == 'Maison' %}
  1788.                                 Maisons
  1789.                             {% elseif app.session.get('filter') and app.session.get('filter')['property-type'] == 'Commerce' %}
  1790.                                 Commerces
  1791.                             {% elseif app.session.get('filter') and app.session.get('filter')['property-type'] == 'Garage / Parking' %}
  1792.                                 Garages / Parkings
  1793.                             {% elseif app.session.get('filter') and app.session.get('filter')['property-type'] == 'Immeuble' %}
  1794.                                 Immeubles
  1795.                             {% else %}
  1796.                                 Appartement, Bureau, ...
  1797.                             {% endif %}
  1798.                         </p>
  1799.                         <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"property-type\">
  1800.                     </div>
  1802.                     <div class=\"droped\">
  1803.                         <div class=\"dropdown-header\">Type de biens</div>
  1805.                         <ul id=\"property-li\" class=\"items\">
  1806.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Appartement' %}selected{% endif %}\" data-value =\"Appartement\">Appartements</li>
  1807.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Bureaux' %}selected{% endif %}\" data-value =\"Bureaux\">Bureaux</li>
  1808.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Maison' %}selected{% endif %}\" data-value =\"Maison\">Maisons</li>
  1809.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Commerce' %}selected{% endif %}\" data-value =\"Commerce\">Commerces</li>
  1810.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Garage / Parking' %}selected{% endif %}\" data-value =\"Garage / Parking\">Garages / Parkings</li>
  1811.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Immeuble' %}selected{% endif %}\" data-value =\"Immeuble\">Immeubles</li>
  1812.                         </ul>
  1813.                     </div>
  1814.                 </div>
  1816.                 <div id=\"location-drop\" class=\"dropdown\">
  1817.                     <div class=\"undroped\">
  1818.                         <p class=\"undroped-header\">Localisation</p>
  1819.                         <p class=\"undroped-subheader\">
  1820.                             {% if app.session.get('filter') and app.session.get('filter')['location'] %}
  1821.                                 {{ app.session.get('filter')['location'] }}
  1822.                             {% else %}
  1823.                                 Choissisez une ville
  1824.                             {% endif %}
  1825.                         </p>
  1826.                         <input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"location\">
  1827.                     </div>
  1829.                     <div class=\"droped\">
  1830.                         <div  class=\"dropdown-header\">Localisation</div>
  1832.                         <ul id=\"location-li\" class=\"items\">
  1833.                             {#                                                <li class=\"item\" data-value =\"Appartement\">Luxembourg-Ville</li>#}
  1834.                             {#                                                <li class=\"item\" data-value =\"Bureaux\">Leudelange</li>#}
  1835.                             {#                                                <li class=\"item\" data-value =\"Maison\">Esch-Sur-Alzette</li>#}
  1836.                         </ul>
  1837.                     </div>
  1838.                 </div>
  1840.                 <div class=\"div-form\">
  1841.                     <button  id=\"search-detail\" class=\"btn btn-primary child search\">RECHERCHE AVANCEE</button>
  1842.                 </div>
  1843.                 <div>
  1844.                     <button style=\"background-color: transparent;border-color: transparent;\" id=\"submit-search\" type=\"submit\">
  1845.                         <svg class=\"search-button\" xmlns=\"http://www.w3.org/2000/svg\" width=\"55.982\" height=\"90.97\" viewBox=\"0 0 55.982 90.97\">
  1846.                             <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  1847.                                 <path id=\"Tracé_95\" data-name=\"Tracé 95\" d=\"M729.651,232.441H673.669v90.97l55.982-11.894Z\" transform=\"translate(855.192 -127.441)\" fill=\"#f6a400\"/>
  1848.                                 <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  1849.                                     <g id=\"np_search_1868241_000000\">
  1850.                                         <path id=\"Tracé_92\" data-name=\"Tracé 92\" d=\"M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z\" transform=\"translate(0.441 -0.012)\" fill=\"#fff\"/>
  1851.                                         <path id=\"Tracé_93\" data-name=\"Tracé 93\" d=\"M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z\" transform=\"translate(-44.591 -44.782)\" fill=\"#fff\"/>
  1852.                                     </g>
  1853.                                 </g>
  1854.                             </g>
  1855.                         </svg>
  1856.                     </button>
  1857.                     <button class=\"btn btn-primary\" id=\"send\" type=\"submit\" style=\"display: none\">Envoyer</button>
  1858.                 </div>
  1859.             </div>
  1860.             <div id=\"sub-search-div\" class=\"sub-search-div\" style=\"display: none\">
  1861.                 <div class=\"col-lg-3 div-form\">
  1862.                     <input class=\"sub-search-input\" name=\"budget\" value=\"{% if app.session.get('filter') %}{{ app.session.get('filter')['budget'] }}{% endif %}\" id=\"budget\" type=\"text\" placeholder=\"Budget max.\">
  1863.                 </div>
  1865.                 <div id=\"rooms-drop\" class=\"dropdown\">
  1866.                     <div class=\"undroped\">
  1867.                         <p class=\"undroped-header transparent-font\">{% if app.session.get('filter') and app.session.get('filter')['rooms'] %}{{ app.session.get('filter')['rooms'] }}{% else %}Nombre de chambres{% endif %}</p>
  1868.                         <p class=\"undroped-subheader good-place\"></p>
  1869.                         <input type=\"hidden\" class=\"input-subheader\" name=\"rooms\">
  1870.                     </div>
  1872.                     <div class=\"droped\">
  1873.                         <div class=\"dropdown-header\">Nombre de chambres</div>
  1875.                         <ul id=\"rooms-li\" class=\"items\">
  1876.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 1 %}selected{% endif %}\" data-value =\"1\">1</li>
  1877.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 2 %}selected{% endif %}\" data-value =\"2\">2</li>
  1878.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 3 %}selected{% endif %}\" data-value =\"3\">3</li>
  1879.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 4 %}selected{% endif %}\" data-value =\"4\">4</li>
  1880.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 5 %}selected{% endif %}\" data-value =\"5\">5</li>
  1881.                             <li class=\"item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 6 %}selected{% endif %}\" data-value =\"6\">6</li>
  1882.                         </ul>
  1883.                     </div>
  1884.                 </div>
  1886.                 <div class=\"col-lg-3 div-form\">
  1887.                     <input class=\"sub-search-input\" id=\"area-minimumm\" value=\"{% if app.session.get('filter') %}{{ app.session.get('filter')['area-minimumm'] }}{% endif %}\" name=\"area-minimumm\" type=\"text\" placeholder=\"Surface minimum.\">
  1888.                 </div>
  1889.             </div>
  1890.         </div>
  1891.     </form>
  1892. </div>
  1895. {% block body %}
  1896. {% endblock %}
  1898. {% if app.request.attributes.get('_route') == 'home' %}
  1899.     <div id=\"div-newsletter-mobile\" class=\"\" style=\"display: none\">
  1900.         <div class=\"col-lg-12\" style=\"display: flex; justify-content:center; margin-top: 20px;\">
  1901.            <div class=\"col-lg-12\">
  1902.                <p class=\"newsletter-title\">NEWSLETTER</p>
  1903.            </div>
  1904.         </div>
  1905.         <div class=\"col-lg-12\" id=\"div-form-newsletter\" style=\"display: flex; justify-content: space-around;\">
  1906.             <form method=\"post\" action=\"{{ path('mailchimp') }}\" id=\"form-newsletter\">
  1907.                 <div class=\"input-group\">
  1908.                     <input class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
  1909.                     <button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
  1910.                 </div>
  1911.             </form>
  1912.         </div>
  1913.     </div>
  1914. {% endif %}
  1915. <footer class=\"footer\">
  1916.     <div class=\"container-fluid\">
  1917.         <ul id=\"footer-menu\" class=\"footer-menu\" style=\"margin-bottom: -15px;margin-top: -15px;\">
  1918.             <li>
  1919.                 © 2021 TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"color:#fff;font-weight:bold\">ID+P</a>
  1920.             </li>
  1921.             <li style=\"height: 160px\">
  1922.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  1923.                 <svg id=\"SVGDoc\" width=\"201\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 201 232\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Ligne 38</title><path d=\"M100.5,100v32\" fill-opacity=\"0\" fill=\"#ffffff\" stroke-dashoffset=\"0\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-opacity=\"1\" stroke=\"#5f5f5f\" stroke-miterlimit=\"20\" stroke-width=\"10\"></path></g></g></svg>
  1924.             </li>
  1925.             <li class=\"row col-md-3\">
  1926.                 <div class=\"col-md-6\">
  1927.                     Bureaux commerciaux :<br>
  1928.                     <span style=\"font-weight: 600;\">5 rue Jules Ferry</span><br>
  1929.                     <span> L-4368 Belvaux</span>
  1930.                 </div>
  1931.                 <div class=\"col-md-6\">
  1932.                     Siège social :<br>
  1933.                     <span style=\"font-weight: 600;\">Z.I. Rohlach</span><br>
  1934.                     <span>L-5280 Sandweiller</span>
  1935.                 </div>
  1936.             </li>
  1937.             <li style=\"height: 130px\">
  1938.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  1939.                 <svg id=\"SVGDoc\" width=\"201\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 201 232\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Ligne 38</title><path d=\"M100.5,100v32\" fill-opacity=\"0\" fill=\"#ffffff\" stroke-dashoffset=\"0\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-opacity=\"1\" stroke=\"#5f5f5f\" stroke-miterlimit=\"20\" stroke-width=\"10\"></path></g></g></svg>
  1940.             </li>
  1941.             <li class=\"col-md-2 d-flex justify-content-around\">
  1942.                 <a  href=\"https://www.facebook.com/tracolimmobilier/\"><i class=\"fab fa-facebook-f fa-2x\" style=\"color:#fff\"></i></a>
  1943.                 <a href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i class=\"fab fa-linkedin fa-2x\" style=\"color:#fff\"></i></a>
  1944.                 <a href=\"https://www.instagram.com/tracolimmobilier/\"><i class=\"fab fa-instagram fa-2x\" style=\"color:#fff\"></i></a>
  1945.             </li>
  1946.             <li style=\"height: 130px\">
  1947.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  1948.                 <svg id=\"SVGDoc\" width=\"201\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 201 232\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Ligne 38</title><path d=\"M100.5,100v32\" fill-opacity=\"0\" fill=\"#ffffff\" stroke-dashoffset=\"0\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-opacity=\"1\" stroke=\"#5f5f5f\" stroke-miterlimit=\"20\" stroke-width=\"10\"></path></g></g></svg>
  1949.             </li>
  1950.             <li class=\"grey legal\">
  1951.                 <a href=\"{{ path('contact') }}\" class=\"contact-link\"><i class=\"fa fa-envelope fa-2x\" style=\"color:#fff\"></i></a>
  1952.                 <a href=\"https://www.tracol.lu/mentions_legales.pdf\" target=\"_blank\">Mentions légales</a>
  1953.             </li>
  1954.         </ul>
  1956.         <ul id=\"footer-menu-mobile\" class=\"footer-menu\" style=\"display:none; margin-bottom: -15px;margin-top: -15px;\">
  1957.             <li>
  1958.                 <div style=\"display: flex\">
  1959.                     <span style=\"font-weight: 600;\">Z.I. Rohlach</span><br>
  1960.                     <span>L-5280 Sandweiller</span>
  1961.                 </div>
  1962.             </li>
  1963.             <li>
  1964.                 © 2021 TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"color:#fff;font-weight:bold\">ID+P</a>
  1965.             </li>
  1966.         </ul>
  1967.     </div>
  1968. </footer>
  1972. <script>
  1973.     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  1974.         /* the viewport is less than 768 pixels wide */
  1975.     //      \$('#projects').slick({
  1976.     //     dots: false,
  1977.     //     infinite: true,
  1978.     //     speed: 300,
  1979.     //     slidesToShow: 1,
  1980.     //     slidesToScroll: 1,
  1981.     //     autoplay: true,
  1982.     //     responsive: [
  1983.     //         {
  1984.     //             breakpoint: 576,
  1985.     //             settings: {
  1986.     //                 slidesToShow: 1,
  1987.     //                 slidesToScroll: 1
  1988.     //             }
  1989.     //         }
  1990.     //         // You can unslick at a given breakpoint now by adding:
  1991.     //         // settings: \"unslick\"
  1992.     //         // instead of a settings object
  1993.     //     ]
  1994.     // });
  1995.     }
  1996.     //
  1997.     // const searchMobile = document.getElementById('search-detail-mobile')
  1998.     // const searchSubDivMobile = document.getElementById('sub-search-div-mobile')
  1999.     //
  2000.     // searchMobile.addEventListener('click', function (e) {
  2001.     //     e.preventDefault()
  2002.     //     searchSubDivMobile.style.display = 'flex'
  2003.     //     searchMobile.style.display = 'none'
  2004.     // })
  2005. </script>
  2007. <script>
  2010.     // let searchglobal = document.getElementById('submit-searchglobal');
  2011.         // searchglobal.addEventListener('click', function() {
  2012.         //     const formSearch = document.getElementById('form-searchglobal-normal')
  2013.         //     const subSearch = document.getElementById('sub-searchglobal-div')
  2014.         //     const send = document.getElementById('sendGlobal')
  2015.         //             formSearch.classList.toggle('stickyYForm')
  2016.         //             send.classList.toggle('send-display')
  2017.         //             subSearch.classList.toggle('sub-searchglobal-div-height')
  2018.         // })
  2019. </script>
  2021. <script>
  2022.     const swiper = new Swiper('.swiper', {
  2024.         loop: false,
  2025.     });
  2027.     if (window.location.pathname === '/') {
  2028.         const navbar = document.getElementsByClassName('navbar navbar-expand-xl fixed-top')
  2029.         const header = document.getElementsByClassName('header-home')
  2030.         navbar[0].style.backgroundColor = \"#fff\"
  2031.         navbar[0].style.position = \"fixed\"
  2032.         header[0].style.marginTop = \"0px\"
  2033.         header[0].style.height = \"100vw\"
  2034.     }
  2036.     const searchLocation = document.getElementById('location-drop');
  2038.     const searchLocationLi = document.getElementById('location-li');
  2039.     const url = '/form/search';
  2041.     searchLocation.addEventListener(\"click\", function (){
  2043.         fetch(url, {
  2044.             method: 'GET',
  2045.             // body: JSON.stringify({
  2046.             //     searchLocation: this.value
  2047.             // })
  2048.         }).then(function(response) {
  2049.             return response.json()
  2050.         }).then(function (data) {
  2051.             console.log(data)
  2052.             searchLocationLi.innerHTML = '';
  2053.             for (const datum in data) {
  2054.                 const li = document.createElement('li')
  2055.                 li.classList.add('item')
  2057.                 li.dataset.value = data[datum]
  2058.                 li.addEventListener('click', function () {
  2059.                     searchLocation.value = this.dataset.itemName
  2060.                 })
  2061.                 li.innerHTML += data[datum]
  2062.                 searchLocationLi.appendChild(li)
  2064.                 li.addEventListener('click', event => {
  2065.                     li.classList.add('selected');
  2066.                 });
  2067.             }
  2068.             searchLocationLi.addEventListener('click', function (e) {
  2069.                 let target = e.target;
  2070.                 const dropId = document.getElementById('location-drop')
  2071.                 dropId.querySelector('.undroped-subheader').innerHTML = target.innerHTML
  2072.                 dropId.querySelector('.input-subheader').value = target.dataset.value
  2073.                 dropId.classList.remove('open')
  2074.                 dropId.querySelector('.undroped').style.display = 'block'
  2075.                 dropId.querySelector('.droped').style.display = 'none'
  2076.                 dropId.querySelector('.undroped-subheader').classList.add('selected')
  2077.             })
  2078.         });
  2079.     })
  2081.     const searchTransactionLi = document.getElementById('transaction-li');
  2082.     console.log(searchTransactionLi);
  2083.     const searchPropertyLi = document.getElementById('property-li');
  2084.     const searchRoomLi = document.getElementById('rooms-li');
  2086.     searchTransactionLi.addEventListener('click', function (e) {
  2087.         let target = e.target;
  2088.         const dropId = document.getElementById('transaction-drop')
  2089.         console.log(dropId);
  2090.         dropId.querySelector('.input-subheader').value = target.dataset.value
  2092.     })
  2094.     searchPropertyLi.addEventListener('click', function (e) {
  2095.         let target = e.target;
  2096.         const dropId = document.getElementById('property-drop')
  2097.         dropId.querySelector('.input-subheader').value = target.dataset.value
  2098.     })
  2100.     searchRoomLi.addEventListener('click', function (e) {
  2101.         let target = e.target;
  2102.         const dropId = document.getElementById('rooms-drop')
  2103.         dropId.querySelector('.input-subheader').value = target.dataset.value
  2104.     })
  2106.     for (const eElement of document.getElementsByClassName('projectButton')) {
  2107.         eElement.addEventListener('click', function (e) {
  2108.             e.preventDefault()
  2110.             for (let button of document.getElementsByClassName('projectButton')) {
  2111.                 if (button.classList.contains('all')){
  2112.                     button.classList.remove('all')
  2113.                     button.classList.add('come')
  2114.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  2115.                 }
  2116.             }
  2118.             eElement.classList.remove('come')
  2119.             eElement.classList.add('all')
  2120.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  2122.             fetch('projects/home/display/'+this.dataset.id, {
  2123.                 method: 'GET',
  2124.             })
  2125.                 .then(response => response.json())
  2126.                 .then(data => {
  2127.                     document.getElementById('projects').innerHTML = ''
  2128.                     document.getElementById('projects').innerHTML = data.data
  2130.                     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  2131.                         // if (document.getElementById('projects').classList.contains('slick-initialized')) {
  2132.                         //     document.getElementById('projects').classList.remove('slick-initialized')
  2133.                         //     document.getElementById('projects').classList.remove('slick-slider')
  2134.                         // }
  2135.                         // \$('#projects').slick({
  2136.                         //     dots: false,
  2137.                         //     infinite: true,
  2138.                         //     speed: 300,
  2139.                         //     slidesToShow: 1,
  2140.                         //     slidesToScroll: 1,
  2141.                         //     autoplay: true,
  2142.                         //     responsive: [
  2143.                         //         {
  2144.                         //             breakpoint: 576,
  2145.                         //             settings: {
  2146.                         //                 slidesToShow: 1,
  2147.                         //                 slidesToScroll: 1
  2148.                         //             }
  2149.                         //         }
  2150.                         //     ]
  2151.                         // })
  2152.                     }
  2154.                     _ww = \$(window).width();
  2155.                     if (_ww > 768){
  2156.                         \$('.div-img-hover-2').hover(function (e) {
  2158.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  2159.                             var htext = \$(this).find('.project-content').height();
  2160.                             if (htext == undefined){htext = 0};
  2161.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  2162.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  2163.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  2164.                             //console.log('h : '+htext);
  2166.                         }, function() {
  2167.                             console.log('down');
  2168.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  2169.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  2171.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  2172.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  2173.                             });
  2174.                         });
  2175.                     } else {
  2176.                         \$('.div-img-hover-2').on( \"click\", function( event ) {
  2177.                             console.log('tap tap');
  2178.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  2179.                                 ht = opened ? 85 : '100%',
  2180.                                 vis = opened ? 0 : 1;
  2181.                             \$(this).find('.div-hover-2').toggleClass('open');
  2182.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  2183.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  2184.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  2186.                         });
  2187.                     }
  2188.                     \$('.div-hover').hover(function (e) {
  2189.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  2190.                     }, function() {
  2191.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  2192.                     });
  2194.                     \$('.div-hover').hover(function (e) {
  2195.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  2196.                         var htext = \$(this).find('.project-content').height();
  2197.                         if (htext == undefined){htext = 0};
  2198.                         \$(this).animate({height : htext+180}, 150);
  2199.                         \$(this).find('.project-content').css({'visibility': 'visible'});
  2200.                         \$(this).find('.project-content').animate({opacity: 1}, 150);
  2201.                         console.log('h : '+htext);
  2202.                     }, function() {
  2203.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  2204.                         \$(this).animate({height : 70}, 150);
  2205.                         \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  2206.                             \$(this).find('.project-content').css({'visibility': 'hidden'});
  2207.                         });
  2208.                     });
  2209.                 })
  2211.                 .catch((error) => {
  2212.                     console.error('Error:', error);
  2213.                 });
  2214.         })
  2215.     }
  2217.     for (const eElement of document.getElementsByClassName('projectButtonref')) {
  2218.         eElement.addEventListener('click', function (e) {
  2219.             e.preventDefault()
  2221.             for (let button of document.getElementsByClassName('projectButtonref')) {
  2222.                 if (button.classList.contains('all')){
  2223.                     button.classList.remove('all')
  2224.                     button.classList.add('come')
  2225.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  2226.                 }
  2227.             }
  2229.             eElement.classList.remove('come')
  2230.             eElement.classList.add('all')
  2231.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  2233.             fetch('reference/home/display/'+this.dataset.id, {
  2234.                 method: 'GET',
  2235.             })
  2236.                 .then(response => response.json())
  2237.                 .then(data => {
  2238.                     document.getElementById('references-home').innerHTML = ''
  2239.                     document.getElementById('references-home').innerHTML = data.data
  2241.                     _ww = \$(window).width();
  2242.                     var lightbox = \$('.lightbox'),
  2243.                         item = 0;
  2245.                     \$('.lightbox-on').click(function(e){
  2246.                         e.stopPropagation();
  2247.                         item = 0;
  2248.                         console.log('click btn');
  2250.                         var id = \$(this).attr('data-id'),
  2251.                             max = 0;
  2252.                         \$('#'+id).toggle();
  2253.                         \$('#'+id).animate({opacity: 1}, 300);
  2254.                         \$('#'+id).find('img').each(function( i ) {
  2255.                             //console.log('h : '+\$(this).height());
  2256.                             //console.log('w : '+\$(this).width());
  2257.                             max = i;
  2258.                             item = 1;
  2259.                             counter(item, max+1);
  2260.                             itemWidth(\$(this));
  2261.                         });
  2262.                     });
  2264.                     lightbox.click(function(e) {
  2265.                         e.stopPropagation();
  2266.                         \$(this).animate({opacity: 0}, 300, function(){
  2267.                             \$(this).toggle();
  2268.                         });
  2269.                     });
  2271.                     \$('.closer').on('click', function (e) {
  2272.                         e.stopPropagation();
  2273.                         \$(this).parent().animate(
  2274.                             {opacity: 0},
  2275.                             300,
  2276.                             function(){
  2277.                                 \$(this).toggle();
  2278.                             }
  2279.                         );
  2280.                     });
  2282.                     function itemWidth(img){
  2283.                         img.closest('.items').width(img.width());
  2284.                     }
  2286.                     function counter(item, max){
  2287.                         \$('.counter').text(item + ' / ' + max);
  2288.                     }
  2290.                     \$('.item', lightbox).on('click, swipeleft', function (e) {
  2291.                         var wd = \$(this).width(),
  2292.                             last = \$(this).parent().find('.item').last(),
  2293.                             img = \$(this).find('.img');
  2294.                         itemWidth(img);
  2296.                         \$(this).animate(
  2297.                             {marginLeft: -wd, opacity: 0},
  2298.                             500,
  2299.                             'swing',
  2300.                             function(){
  2301.                                 \$(this).insertAfter(last);
  2302.                                 \$(this).css({marginLeft: 0, opacity: 1});
  2303.                             }
  2304.                         );
  2305.                     });
  2307.                     \$('.item', lightbox).on('swiperight', function (e) {
  2308.                         var wd = \$(this).width(),
  2309.                             first = \$(this).parent().find('.item').first(),
  2310.                             last = \$(this).parent().find('.item').last(),
  2311.                             img = \$(this).find('.img');
  2312.                         itemWidth(img);
  2314.                         \$(last).insertBefore(\$(this));
  2315.                         \$(last).css({marginLeft: -wd, opacity: 0});
  2316.                         \$(this).parent().find('.item').eq(0).animate(
  2317.                             {marginLeft: 0, opacity: 1},
  2318.                             500,
  2319.                             'swing'
  2320.                         );
  2321.                     });
  2323.                     \$('.arrows', lightbox).on('click', function (e) {
  2324.                         e.stopPropagation();
  2326.                         var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  2327.                             max = \$(this).siblings('.items').find('.item').length,
  2328.                             first = \$(this).siblings('.items').find('.item').first(),
  2329.                             last = \$(this).siblings('.items').find('.item').last(),
  2330.                             isRight = \$(this).hasClass('right'),
  2331.                             marginL = isRight ? -wd : 0,
  2332.                             marginL0 = isRight ? 0: -wd,
  2333.                             opacOn = isRight ? 1 : 0,
  2334.                             opacOff = isRight ? 0 : 1;
  2336.                         if (!isRight){
  2337.                             \$(last).insertBefore(first);
  2338.                             \$(last).css({marginLeft: -wd, opacity: 0});
  2339.                             item++;
  2340.                             if (item == max+1) {item = 1};
  2341.                         } else {
  2342.                             item--;
  2343.                             if (item == 0) {item = max};
  2344.                         };
  2346.                         counter(item, max);
  2348.                         var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  2349.                         itemWidth(img);
  2351.                         \$(this).siblings('.items').find('.item').eq(1).animate(
  2352.                             {opacity: opacOn},
  2353.                             500,
  2354.                             'swing');
  2356.                         \$(this).siblings('.items').find('.item').eq(0).animate(
  2357.                             {marginLeft: marginL, opacity: 1},
  2358.                             500,
  2359.                             'swing',
  2360.                             function(){
  2361.                                 if (isRight){
  2362.                                     \$(this).insertAfter(last);
  2363.                                     \$(this).css({ marginLeft: 0, opacity: 1});
  2364.                                 }
  2365.                             }
  2366.                         );
  2367.                     });
  2369.                     if (_ww > 768){
  2370.                         \$('.div-img-hover-2').hover(function (e) {
  2371.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  2372.                             var htext = \$(this).find('.project-content').height();
  2373.                             if (htext == undefined){htext = 0};
  2374.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  2375.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  2376.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  2378. //console.log('h : '+htext);
  2380.                         }, function() {
  2381.                             console.log('down');
  2382.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  2383.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  2385.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  2386.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  2387.                             });
  2388.                         });
  2390.                     } else {
  2391.                         \$('.div-img-hover-2').on( \"tap\", function( event ) {
  2392.                             console.log('tap tap');
  2393.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  2394.                                 ht = opened ? 85 : '100%',
  2395.                                 vis = opened ? 0 : 1;
  2396.                             \$(this).find('.div-hover-2').toggleClass('open');
  2397.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  2398.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  2399.                         });
  2400.                     }
  2401.                 })
  2402.                 .catch((error) => {
  2403.                     console.error('Error:', error);
  2404.                 });
  2405.         })
  2406.     }
  2408.     /*
  2409.     window.addEventListener('scroll', function(){
  2410.         let search = document.getElementById('submit-search');
  2411.         const formSearch = document.getElementById('form-search-normal')
  2412.         const subSearch = document.getElementById('sub-search-div')
  2413.         const send = document.getElementById('send')
  2414.         if (search) {
  2415.             search.classList.toggle(\"stickyY\", window.scrollY > 730);
  2416.             if (search.classList.contains(\"stickyY\")) {
  2417.                 search.setAttribute('type', 'button')
  2418.                 search.addEventListener('click', function (e) {
  2419.                     e.preventDefault()
  2420.                     formSearch.classList.toggle('stickyYForm')
  2421.                     send.classList.toggle('send-display')
  2422.                     subSearch.classList.toggle('sub-search-div-height')
  2423.                 })
  2424.             } else  search.setAttribute('type', 'submit')
  2425.         }
  2426.     })
  2427. */
  2428. </script>
  2430. {#
  2431. <script>
  2432.     var _dropin = \$('.dropdown'),
  2433.         _delay = 150,
  2434.         _ww = \$(window).width();
  2436.     \$('.undroped', _dropin).on('click', function (e) {
  2437.         console.log('CLICKKKK 1')
  2438.         \$('.dropdown-header').closest('.droped').removeClass('open');
  2439.         \$('.dropdown-header').closest('.dropdown').find('.undroped').show();
  2440.         \$('.dropdown-header').closest('.droped').hide();
  2441.         \$('.dropdown-header').closest('.droped').find('.items').animate({height: 0});
  2444.         \$(this).hide();
  2445.         \$(this).siblings('.droped').find('.items').height('auto');
  2446.         \$(this).siblings('.droped').show();
  2448.         var ht = \$(this).siblings('.droped').find('.items').height();
  2449.         \$(this).attr('data-ht', ht);
  2450.         \$(this).siblings('.droped').find('.items').height(0);
  2451.         \$(this).siblings('.droped').addClass('open');
  2452.         \$(this).siblings('.droped').find('.items').animate({height: ht + 40}, _delay);
  2453.     });
  2455.     \$('.dropdown-header', _dropin).on('click', function (e) {
  2456.         var ht = \$(this).closest('.dropdown').find('.undroped').attr('data-ht');
  2458.         \$(this).closest('.droped').removeClass('open');
  2459.         \$(this).closest('.droped').find('.items').animate({height: 0}, _delay, function () {
  2460.             \$(this).closest('.dropdown').find('.undroped').show();
  2461.             \$(this).closest('.droped').hide();
  2463.         });
  2464.     });
  2466.     const searchLocationm = document.getElementById('location-drop-mobile');
  2467.     const searchLocationLim = document.getElementById('location-li-mobile');
  2468.     const urlm = '/form/search';
  2470.     searchLocationm.addEventListener(\"click\", function (){
  2471.         fetch(urlm, {
  2472.             method: 'GET',
  2473.             // body: JSON.stringify({
  2474.             //     searchLocation: this.value
  2475.             // })
  2476.         }).then(function(response) {
  2477.             return response.json()
  2478.         }).then(function (data) {
  2479.             searchLocationLim.innerHTML = '';
  2480.             for (const datum in data) {
  2481.                 const li = document.createElement('li')
  2482.                 li.classList.add('item')
  2484.                 li.dataset.value = data[datum]
  2485.                 li.addEventListener('click', function () {
  2486.                     searchLocationm.value = this.dataset.itemName
  2487.                 })
  2488.                 li.innerHTML += data[datum]
  2489.                 searchLocationLim.appendChild(li)
  2491.                 li.addEventListener('click', event => {
  2492.                     li.classList.add('selected');
  2493.                 });
  2494.             }
  2495.             searchLocationLim.addEventListener('click', function (e) {
  2496.                 searchLocationLim.req
  2497.                 let target = e.target;
  2498.                 const dropId = document.getElementById('location-drop-mobile')
  2499.                 dropId.querySelector('.undroped-subheader').innerHTML = target.innerHTML
  2500.                 dropId.querySelector('.input-subheader').value = target.dataset.value
  2501.                 dropId.classList.remove('open')
  2502.                 dropId.querySelector('.undroped').style.display = 'block'
  2503.                 dropId.querySelector('.droped').style.display = 'none'
  2504.                 dropId.querySelector('.undroped-subheader').classList.add('selected')
  2505.             })
  2506.         });
  2507.     })
  2509.     if (window.location.href.includes('action=postule')) {
  2510.         let select = document.getElementById('contact_form_object');
  2511.         let options = select.childNodes;
  2512.         let optionPostule = options[1];
  2513.         optionPostule.setAttribute('selected', '')
  2514.         console.log(optionPostule)
  2515.     }
  2516.     /* the viewport is less than 768 pixels wide */
  2517.     //      \$('#projects').slick({
  2518.     //     dots: false,
  2519.     //     infinite: true,
  2520.     //     speed: 300,
  2521.     //     slidesToShow: 1,
  2522.     //     slidesToScroll: 1,
  2523.     //     autoplay: true,
  2524.     //     responsive: [
  2525.     //         {
  2526.     //             breakpoint: 576,
  2527.     //             settings: {
  2528.     //                 slidesToShow: 1,
  2529.     //                 slidesToScroll: 1
  2530.     //             }
  2531.     //         }
  2532.     //         // You can unslick at a given breakpoint now by adding:
  2533.     //         // settings: \"unslick\"
  2534.     //         // instead of a settings object
  2535.     //     ]
  2536.     // });
  2538.     //
  2539.     // const searchMobile = document.getElementById('search-detail-mobile')
  2540.     // const searchSubDivMobile = document.getElementById('sub-search-div-mobile')
  2541.     //
  2542.     // searchMobile.addEventListener('click', function (e) {
  2543.     //     e.preventDefault()
  2544.     //     searchSubDivMobile.style.display = 'flex'
  2545.     //     searchMobile.style.display = 'none'
  2546.     // })
  2547. </script>
  2548. #}
  2551. </body>
  2552. </html>
  2553. ", "base.html.twig", "/home/juca-stage/sites/sym/tracol/templates/base.html.twig");
  2554.     }
  2555. }