var/cache/dev/twig/e2/e261b310bad0ed693178baf533f2c9a37fe842c68da426aa05f11f9b1a49a6d4.php line 101

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* base.html.twig */
  17. class __TwigTemplate_e059c4ee07ad755a5264103ab0317cef31f2d1da6aecdb054369c9a7ff9c2627 extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->parent = false;
  30.         $this->blocks = [
  31.             'title' => [$this, 'block_title'],
  32.             'metaDescription' => [$this, 'block_metaDescription'],
  33.             'stylesheets' => [$this, 'block_stylesheets'],
  34.             'javascripts' => [$this, 'block_javascripts'],
  35.             'body' => [$this, 'block_body'],
  36.         ];
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  48.         // line 1
  49.         yield "<!DOCTYPE html>
  50. <html>
  51. <head>
  52.     <meta charset=\"UTF-8\">
  53.     <title>Tracol | ";
  54.         // line 5
  55.         yield from $this->unwrap()->yieldBlock('title', $context, $blocks);
  56.         yield "</title>
  57.     <link rel=\"icon\" type=\"image/x-icon\" href=\"";
  58.         // line 6
  59.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/favicon-white.ico"), "html", null, true);
  60.         yield "\">
  61.     ";
  62.         // line 7
  63.         yield from $this->unwrap()->yieldBlock('metaDescription', $context, $blocks);
  64.         // line 8
  65.         yield "    <meta name=\"viewport\" content= \"width=device-width, initial-scale=1.0\">
  66.     ";
  67.         // line 9
  68.         yield from $this->unwrap()->yieldBlock('stylesheets', $context, $blocks);
  69.         // line 15
  70.         yield "
  71.     <script id=\"Cookiebot\" src=\"
  72.     https://consent.cookiebot.com/uc.js\"
  73.     data-cbid=\"d4dd1335-1dc0-4d3c-b4c3-49e9043d2e0e\" data-blockingmode=\"auto\" type=\"text/javascript\"></script>
  74.         ";
  75.         // line 19
  76.         yield from $this->unwrap()->yieldBlock('javascripts', $context, $blocks);
  77.         // line 35
  78.         yield "    <style>
  79.         @media (min-width: 1200px) and (max-width:1498px) {
  80.             .navbar-expand-xl .navbar-collapse {
  81.                 display: flex !important;
  82.                 /* flex-basis: auto; */
  83.                 justify-content: center;
  84.             }
  85.         }
  86.     </style>
  87. </head>
  89. <body>
  90.     ";
  91.         // line 47
  92.         if ((array_key_exists("popup2024", $context) && (isset($context["popup2024"]) || array_key_exists("popup2024", $context) ? $context["popup2024"] : (function () { throw new RuntimeError('Variable "popup2024" does not exist.', 47, $this->source); })()))) {
  93.             // line 48
  94.             yield "        ";
  95.             yield from             $this->loadTemplate("_popup2024.html.twig", "base.html.twig", 48)->unwrap()->yield($context);
  96.             // line 49
  97.             yield "    ";
  98.         }
  99.         // line 51
  100.         $context['_parent'] = $context;
  101.         $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 51, $this->source); })()), "flashes", ["success"], "method", false, false, false, 51));
  102.         foreach ($context['_seq'] as $context["_key"] => $context["success"]) {
  103.             // line 52
  104.             yield "    <div class=\"alert alert-success\" role=\"alert\">
  105.         <p class=\"alert-link\">";
  106.             // line 53
  107.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["success"], "html", null, true);
  108.             yield "</p>
  109.     </div>
  110. ";
  111.         }
  112.         $_parent = $context['_parent'];
  113.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['success'], $context['_parent'], $context['loop']);
  114.         $context = array_intersect_key($context, $_parent) + $_parent;
  115.         // line 56
  116.         $context['_parent'] = $context;
  117.         $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 56, $this->source); })()), "flashes", ["error"], "method", false, false, false, 56));
  118.         foreach ($context['_seq'] as $context["_key"] => $context["error"]) {
  119.             // line 57
  120.             yield "    <div class=\"col-lg-8 mx-auto alert alert-danger\" role=\"alert\">
  121.         <p class=\"alert-link\">";
  122.             // line 58
  123.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["error"], "html", null, true);
  124.             yield "</p>
  125.     </div>
  126. ";
  127.         }
  128.         $_parent = $context['_parent'];
  129.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['error'], $context['_parent'], $context['loop']);
  130.         $context = array_intersect_key($context, $_parent) + $_parent;
  131.         // line 61
  132.         yield "
  134. ";
  135.         // line 82
  136.         yield "
  137. ";
  138.         // line 83
  139.         $context["propertiesApi"] = (isset($context["get_properties"]) || array_key_exists("get_properties", $context) ? $context["get_properties"] : (function () { throw new RuntimeError('Variable "get_properties" does not exist.', 83, $this->source); })());
  140.         // line 84
  141.         yield "
  142. <nav class=\"navbar navbar-expand-xl fixed-top homepage\">
  143.     <div id=\"center-nav\" class=\"container-fluid\">
  144.         <button class=\"navbar-toggler\"
  145.                 type=\"button\"
  146.                 data-bs-toggle=\"collapse\"
  147.                 data-bs-target=\"#navbarNav\"
  148.                 aria-controls=\"navbarNav\"
  149.                 aria-expanded=\"false\"
  150.                 aria-label=\"Toggle navigation\">
  151.             <span class=\"navbar-toggler-icon\">
  152.                 <i class=\"fas fa-bars\"></i>
  153.             </span>
  154.         </button>
  155.         <a href=\"";
  156.         // line 98
  157.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("index");
  158.         yield "\" class=\"tracol-logo\">
  159.             <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"136.339\" height=\"51.127\" viewBox=\"0 0 136.339 51.127\">
  160.                 <g id=\"Groupe_4469\" data-name=\"Groupe 4469\" transform=\"translate(11823.999 14639)\">
  161.                     <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\"/>
  162.                     <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)\"/>
  163.                     <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)\"/>
  164.                     <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)\"/>
  165.                     <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)\"/>
  166.                     <rect id=\"Rectangle_73\" data-name=\"Rectangle 73\" width=\"1.585\" height=\"8.956\" transform=\"translate(-11803.191 -14596.829)\"/>
  167.                     <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)\"/>
  168.                     <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)\"/>
  169.                     <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)\"/>
  170.                     <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)\"/>
  171.                     <rect id=\"Rectangle_74\" data-name=\"Rectangle 74\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11753.034 -14596.829)\"/>
  172.                     <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)\"/>
  173.                     <rect id=\"Rectangle_75\" data-name=\"Rectangle 75\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11738.931 -14596.829)\"/>
  174.                     <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)\"/>
  175.                     <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)\"/>
  176.                 </g>
  177.             </svg>
  179.         </a>
  180.         <button style=\"background-color: transparent;border-color: transparent; display: none;position: absolute;right:0;top:5px;\" id=\"submit-search-mobile\" type=\"submit\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal1\">
  181.             <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\">
  182.                 <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  183.                     <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\"/>
  184.                     <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  185.                         <g id=\"np_search_1868241_000000\">
  186.                             <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\"/>
  187.                             <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\"/>
  188.                         </g>
  189.                     </g>
  190.                 </g>
  191.             </svg>
  192.         </button>
  195.         <!-- Modal -->
  196.         ";
  197.         // line 136
  198.         yield from         $this->loadTemplate("_navSearch.html.twig", "base.html.twig", 136)->unwrap()->yield($context);
  199.         // line 137
  200.         yield "
  201.         <div class=\"nav-elements collapse navbar-collapse\" id=\"navbarNav\">
  202.             <ul class=\"navbar-nav\">
  203.                 ";
  204.         // line 145
  205.         yield "
  206.                 <li class=\"nav-item\">
  207.                     <a class=\"nav-link\" href=\"";
  208.         // line 147
  209.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("about");
  210.         yield "\">Qui sommes-nous ?</a>
  211.                 </li>
  212.                 <li class=\"nav-item\">
  213.                     <a class=\"nav-link\" href=\"";
  214.         // line 150
  215.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("properties", ["keyword" => "vente"]);
  216.         yield "\">Acheter</a>
  217.                 </li>
  218.                 <li class=\"nav-item\">
  219.                     <a class=\"nav-link\" href=\"";
  220.         // line 153
  221.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("properties", ["keyword" => "location"]);
  222.         yield "\">Louer</a>
  223.                 </li>
  224.                 <li class=\"nav-item\">
  225.                     <a class=\"nav-link\" href=\"";
  226.         // line 156
  227.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("vendre", ["keyword" => "location"]);
  228.         yield "\">Vendre</a>
  229.                 </li>
  230.                 <li class=\"nav-item\">
  231.                     <a class=\"nav-link\" href=\"";
  232.         // line 159
  233.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("projects", ["keyword" => "location"]);
  234.         yield "\">Projets</a>
  235.                 </li>
  236.                 <li class=\"nav-item\">
  237.                     <a class=\"nav-link\" href=\"";
  238.         // line 162
  239.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reference");
  240.         yield "\">Références</a>
  241.                 </li>
  243.                 ";
  244.         // line 170
  245.         yield "
  247. ";
  248.         // line 175
  249.         yield "                ";
  250.         // line 180
  251.         yield "
  252.                 <li id=\"enveloppe-mobile\" class=\"nav-item\">
  253.                     <a class=\"nav-link\" href=\"";
  254.         // line 182
  255.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
  256.         yield "\">
  257.                         ";
  258.         // line 186
  259.         yield "                        Contact
  260.                     </a>
  261.                 </li>
  262.             </ul>
  263.         </div>
  264.         <div class=\"contacts-social\">
  265.             <div class=\"phone-contact\">
  266.                 <div>
  267.                     <svg class=\"svg-phone\" xmlns=\"http://www.w3.org/2000/svg\" width=\"31.059\" height=\"27.732\" viewBox=\"0 0 31.059 27.732\">
  268.                         <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  269.                             <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=\"#5f5f5f\" stroke=\"#5f5f5f\" />
  270.                         </g>
  271.                     </svg>
  272.                 </div>
  273.                 <div>
  274.                     <p class=\"phone\">
  275.                         ";
  276.         // line 205
  277.         yield "                        <a href=\"tel:+3522658601\">(+352) 26 58 60-1</a>
  278.                     </p>
  279.                 </div>
  280.             </div>
  282.             <div class=\"socials\">
  283.                 <a target=\"_blank\" href=\"https://www.facebook.com/tracolimmobilier/\">
  284.                     <i class=\"fab fa-facebook-f fa-2x\"></i>
  285.                 </a>
  286.                 <a target=\"_blank\" href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\">
  287.                     <i class=\"fab fa-linkedin fa-2x\"></i>
  288.                 </a>
  289.                 <a target=\"_blank\" href=\"https://www.instagram.com/tracolimmobilier/\">
  290.                     <i class=\"fab fa-instagram fa-2x\"></i>
  291.                 </a>
  292.                 <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCLl8G5ZCdyslVR_4ANkD6GA\">
  293.                     <i class=\"fab fa-youtube fa-2x\"></i>
  294.                 </a>
  295.             </div>
  296.         </div>
  298.         <div id=\"footer-nav-mobile\" style=\"display: none\">
  299.                 <div>
  300.                     <a href=\"tel:+3522658601\">
  301.                         <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\">
  302.                             <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  303.                                 <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=\"#5f5f5f\" stroke=\"#5f5f5f\" />
  304.                             </g>
  305.                         </svg>
  306.                     </a>
  307.                 </div>
  308.                 <div>
  309.                     <a href=\"";
  310.         // line 237
  311.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
  312.         yield "\"><i style=\"color: #5f5f5f;\" class=\"far fa-envelope fa-2x\"></i></a>
  313.                 </div>
  314.                 <div>
  315.                     <a target=\"_blank\" href=\"https://www.facebook.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;\" class=\"fab fa-facebook-f\"></i></a>
  316.                 </div>
  317.                 <div>
  318.                     <a target=\"_blank\" href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i style=\"color: #5f5f5f;\" class=\"fab fa-linkedin\"></i></a>
  319.                 </div>
  320.                 <div>
  321.                     <a target=\"_blank\" href=\"https://www.instagram.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;\" class=\"fab fa-instagram\"></i></a>
  322.                 </div>
  323.                 <div>
  324.                     <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCLl8G5ZCdyslVR_4ANkD6GA\"><i style=\"color: #5f5f5f;\" class=\"fab fa-youtube fa-2x\"></i></a>
  325.                 </div>
  326.         </div>
  327.     </div>
  328. </nav>
  329. ";
  330.         // line 254
  331.         yield from         $this->loadTemplate("_navSubSearch.html.twig", "base.html.twig", 254)->unwrap()->yield($context);
  332.         // line 255
  333.         yield "
  334. ";
  335.         // line 256
  336.         yield from $this->unwrap()->yieldBlock('body', $context, $blocks);
  337.         // line 258
  338.         yield "
  339. ";
  340.         // line 259
  341.         if ((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 259, $this->source); })()), "request", [], "any", false, false, false, 259), "attributes", [], "any", false, false, false, 259), "get", ["_route"], "method", false, false, false, 259), "home"))) {
  342.             // line 260
  343.             yield "    <div id=\"div-newsletter-mobile\" class=\"\" style=\"display: none\">
  344.         <div class=\"col-lg-12\" style=\"display: flex; justify-content:center; margin-top: 20px;\">
  345.            <div class=\"col-lg-12\">
  346.                <p class=\"newsletter-title\">NEWSLETTER</p>
  347.            </div>
  348.         </div>
  349.         <div class=\"col-lg-12\" id=\"div-form-newsletter\" style=\"display: flex; justify-content: space-around;\">
  350.             <form method=\"post\" action=\"";
  351.             // line 267
  352.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("mailchimp");
  353.             yield "\" id=\"form-newsletter\">
  354.                 <div class=\"input-group\">
  355.                     <input class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
  356.                     <button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
  357.                 </div>
  358.             </form>
  359.         </div>
  360.     </div>
  361. ";
  362.         }
  363.         // line 276
  364.         $context["mentions"] = $this->extensions['App\Twig\ContentExtension']->Content("Footer", "Footer");
  365.         // line 277
  366.         $context["cgu"] = $this->extensions['App\Twig\ContentExtension']->Content("Footer", "Footer2");
  367.         // line 278
  368.         $context["confidentialite"] = $this->extensions['App\Twig\ContentExtension']->Content("Footer", "Footer3");
  369.         // line 279
  370.         $context["cookie"] = $this->extensions['App\Twig\ContentExtension']->Content("Footer", "Footer4");
  371.         // line 280
  372.         $context["adress"] = $this->extensions['App\Twig\ContentExtension']->Content("Footer", "Footer adresse");
  373.         // line 281
  374.         $context["siege"] = $this->extensions['App\Twig\ContentExtension']->Content("Footer", "Footer siège");
  375.         // line 282
  376.         yield "<footer class=\"footer\">
  377.     <div class=\"container-fluid\">
  378.         <ul id=\"footer-menu\" class=\"footer-menu\" style=\"margin-bottom: -15px;margin-top: -15px;\">
  379.             <li>
  380.                 © ";
  381.         // line 286
  382.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "Y"), "html", null, true);
  383.         yield " TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"font-weight:bold\">ID+P</a>
  384.             </li>
  385.             <li style=\"height: 130px\">
  386.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  387.                 <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>
  388.             </li>
  389.             <li class=\"row col-md-3\">
  390.                 <div class=\"col-md-6\">
  391.                     Bureaux commerciaux :<br/>
  392.                     ";
  393.         // line 295
  394.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["adress"]) || array_key_exists("adress", $context) ? $context["adress"] : (function () { throw new RuntimeError('Variable "adress" does not exist.', 295, $this->source); })()), "content", [], "any", false, false, false, 295);
  395.         yield "
  396.                 </div>
  397.                 <div class=\"col-md-6\">
  398.                     Siège social : 
  399.                     ";
  400.         // line 299
  401.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["siege"]) || array_key_exists("siege", $context) ? $context["siege"] : (function () { throw new RuntimeError('Variable "siege" does not exist.', 299, $this->source); })()), "content", [], "any", false, false, false, 299);
  402.         yield "
  403.                 </div>
  404.             </li>
  405.             <li style=\"height: 130px\">
  406.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  407.                 <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>
  408.             </li>
  409.             <li class=\"grey col-md-2 d-flex justify-content-around social\">
  410.                 <a target=\"_blank\" href=\"https://www.facebook.com/tracolimmobilier/\"><i class=\"fab fa-facebook-f fa-2x\" style=\"margin-top:0\"></i></a>
  411.                 <a target=\"_blank\" href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i class=\"fab fa-linkedin fa-2x\" style=\"margin-top:0\"></i></a>
  412.                 <a target=\"_blank\" href=\"https://www.instagram.com/tracolimmobilier/\"><i class=\"fab fa-instagram fa-2x\" style=\"cmargin-top:0\"></i></a>
  413.                 <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCLl8G5ZCdyslVR_4ANkD6GA\" class=\"d-flex align-items-end align-items-center\"><i class=\"fab fa-youtube fa-2x\"></i></a>
  414.                 <a href=\"";
  415.         // line 311
  416.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
  417.         yield "\" class=\"contact-link\"><i class=\"fa fa-envelope fa-2x\"></i></a>
  418.             </li>
  419.             <li class=\"legal d-flex align-items-center\">
  420.                 <div class=\"d-flex flex-column\">
  421.                     <a href=\"";
  422.         // line 315
  423.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("mentions");
  424.         yield "\" style=\"margin-bottom:6px;\">";
  425.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["mentions"]) || array_key_exists("mentions", $context) ? $context["mentions"] : (function () { throw new RuntimeError('Variable "mentions" does not exist.', 315, $this->source); })()), "name", [], "any", false, false, false, 315), "html", null, true);
  426.         yield "</a>
  427.                     <a href=\"";
  428.         // line 316
  429.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cgu");
  430.         yield "\" style=\"margin-bottom:6px\">";
  431.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["cgu"]) || array_key_exists("cgu", $context) ? $context["cgu"] : (function () { throw new RuntimeError('Variable "cgu" does not exist.', 316, $this->source); })()), "name", [], "any", false, false, false, 316), "html", null, true);
  432.         yield "</a>
  433.                     <a href=\"";
  434.         // line 317
  435.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("privacy_policy");
  436.         yield "\" style=\"margin-bottom:6px\">";
  437.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["confidentialite"]) || array_key_exists("confidentialite", $context) ? $context["confidentialite"] : (function () { throw new RuntimeError('Variable "confidentialite" does not exist.', 317, $this->source); })()), "name", [], "any", false, false, false, 317), "html", null, true);
  438.         yield "</a>
  439.                     <a href=\"";
  440.         // line 318
  441.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cookies");
  442.         yield "\" style=\"margin-bottom:15px\">";
  443.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["cookie"]) || array_key_exists("cookie", $context) ? $context["cookie"] : (function () { throw new RuntimeError('Variable "cookie" does not exist.', 318, $this->source); })()), "name", [], "any", false, false, false, 318), "html", null, true);
  444.         yield "</a>
  445.                 </div>
  447.             </li>
  448.         </ul>
  450.         <ul id=\"footer-menu-mobile\" class=\"footer-menu\" style=\"display:none; margin-bottom: -15px;margin-top: -15px;\">
  451.             <li class=\"legal d-flex align-items-center flex-column mt-3\">
  452.                 <a href=\"";
  453.         // line 326
  454.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
  455.         yield "\" class=\"grey contact-link mr-0\" style=\"margin-right:0!important;\"><i class=\"fa fa-envelope fa-2x\"></i></a>
  456.                 <div class=\"d-flex flex-column align-items-center\">
  457.                     <a href=\"";
  458.         // line 328
  459.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("mentions");
  460.         yield "\" style=\"margin-bottom:6px;\">";
  461.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["mentions"]) || array_key_exists("mentions", $context) ? $context["mentions"] : (function () { throw new RuntimeError('Variable "mentions" does not exist.', 328, $this->source); })()), "name", [], "any", false, false, false, 328), "html", null, true);
  462.         yield "</a>
  463.                     <a href=\"";
  464.         // line 329
  465.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cgu");
  466.         yield "\" style=\"margin-bottom:6px\">";
  467.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["cgu"]) || array_key_exists("cgu", $context) ? $context["cgu"] : (function () { throw new RuntimeError('Variable "cgu" does not exist.', 329, $this->source); })()), "name", [], "any", false, false, false, 329), "html", null, true);
  468.         yield "</a>
  469.                     <a href=\"";
  470.         // line 330
  471.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("privacy_policy");
  472.         yield "\" style=\"margin-bottom:6px\">";
  473.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["confidentialite"]) || array_key_exists("confidentialite", $context) ? $context["confidentialite"] : (function () { throw new RuntimeError('Variable "confidentialite" does not exist.', 330, $this->source); })()), "name", [], "any", false, false, false, 330), "html", null, true);
  474.         yield "</a>
  475.                     <a href=\"";
  476.         // line 331
  477.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cookies");
  478.         yield "\" style=\"margin-bottom:15px\">";
  479.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["cookie"]) || array_key_exists("cookie", $context) ? $context["cookie"] : (function () { throw new RuntimeError('Variable "cookie" does not exist.', 331, $this->source); })()), "name", [], "any", false, false, false, 331), "html", null, true);
  480.         yield "</a>
  481.                 </div>
  482.             </li>
  483.             <li>
  484.                 <div>
  485.                     Bureaux commerciaux :<br/>
  486.                     ";
  487.         // line 337
  488.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["adress"]) || array_key_exists("adress", $context) ? $context["adress"] : (function () { throw new RuntimeError('Variable "adress" does not exist.', 337, $this->source); })()), "content", [], "any", false, false, false, 337);
  489.         yield "
  490.                 </div>
  491.             </li>
  492.             <li>
  493.                 <div>
  494.                     Siège social : <br />
  495.                     ";
  496.         // line 343
  497.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["siege"]) || array_key_exists("siege", $context) ? $context["siege"] : (function () { throw new RuntimeError('Variable "siege" does not exist.', 343, $this->source); })()), "content", [], "any", false, false, false, 343);
  498.         yield "
  499.                 </div>
  500.             </li>
  501.             <li>
  502.                 © 2021 TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"font-weight:bold\">ID+P</a>
  503.             </li>
  504.         </ul>
  505.     </div>
  506. </footer>
  508. <script src=\"https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js\"></script>
  510. <script>
  511.     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  512.         /* the viewport is less than 768 pixels wide */
  513.     //      \$('#projects').slick({
  514.     //     dots: false,
  515.     //     infinite: true,
  516.     //     speed: 300,
  517.     //     slidesToShow: 1,
  518.     //     slidesToScroll: 1,
  519.     //     autoplay: true,
  520.     //     responsive: [
  521.     //         {
  522.     //             breakpoint: 576,
  523.     //             settings: {
  524.     //                 slidesToShow: 1,
  525.     //                 slidesToScroll: 1
  526.     //             }
  527.     //         }
  528.     //         // You can unslick at a given breakpoint now by adding:
  529.     //         // settings: \"unslick\"
  530.     //         // instead of a settings object
  531.     //     ]
  532.     // });
  533.     }
  534.     //
  535.     // const searchMobile = document.getElementById('search-detail-mobile')
  536.     // const searchSubDivMobile = document.getElementById('sub-search-div-mobile')
  537.     //
  538.     // searchMobile.addEventListener('click', function (e) {
  539.     //     e.preventDefault()
  540.     //     searchSubDivMobile.style.display = 'flex'
  541.     //     searchMobile.style.display = 'none'
  542.     // })
  543. </script>
  545. <script>
  547.     if (document.getElementById('filterProperties')) {
  548.         let formSelectProperties = document.getElementById('filterProperties');
  550.         let properties = document.querySelectorAll('#properties .div-img-hover-2');
  551.         let arrayProperties = [];
  552.         for (let property of properties) {
  553.             arrayProperties.push({
  554.                 'property': property,
  555.                 'price': property.getAttribute('data-price'),
  556.                 'date': new Date(property.getAttribute('data-date')),
  557.             });
  558.         }
  560.         formSelectProperties.addEventListener('change', () => {
  561.             if (formSelectProperties.value === 'desc') {
  562.                 arrayProperties.sort((a,b) =>  b.price - a.price )
  563.             } else if (formSelectProperties.value === 'asc') {
  564.                 arrayProperties.sort((a,b) =>  a.price - b.price )
  565.             } else if (formSelectProperties.value === 'date') {
  566.                 arrayProperties.sort((a,b) =>  b.date - a.date )
  567.             }
  569.             let finalProperties = [];
  570.             let containerProperties = document.getElementById('properties');
  571.             containerProperties.innerHTML = '';
  573.             for (let prop of arrayProperties) {
  574.                 containerProperties.insertAdjacentElement('beforeend', prop.property)
  575.             }
  576.         });
  577.     }
  580.     // let searchglobal = document.getElementById('submit-searchglobal');
  581.         // searchglobal.addEventListener('click', function() {
  582.         //     const formSearch = document.getElementById('form-searchglobal-normal')
  583.         //     const subSearch = document.getElementById('sub-searchglobal-div')
  584.         //     const send = document.getElementById('sendGlobal')
  585.         //             formSearch.classList.toggle('stickyYForm')
  586.         //             send.classList.toggle('send-display')
  587.         //             subSearch.classList.toggle('sub-searchglobal-div-height')
  588.         // })
  589. </script>
  591. <script>
  592.     const swiper = new Swiper('.swiper', {
  594.         loop: false,
  595.     });
  597.     if (window.location.pathname === '/') {
  598.         const navbar = document.getElementsByClassName('navbar navbar-expand-xl fixed-top')
  599.         const header = document.getElementsByClassName('header-home')
  600.         navbar[0].style.backgroundColor = \"#fff\"
  601.         navbar[0].style.position = \"fixed\"
  602.         header[0].style.marginTop = \"0px\"
  603.         header[0].style.height = \"100vw\"
  604.     }
  606.     let widthWindow = window.innerWidth;
  608.     var searchLocation;
  609.     if (widthWindow > 770) {
  610.         searchLocation = document.getElementById('location-drop');
  611.     } else {
  612.         searchLocation = document.getElementById('location-drop-mobile');
  613.     }
  616.     var searchLocationLi;
  617.     if (widthWindow > 770) {
  618.         searchLocationLi = document.getElementById('location-li');
  619.     } else {
  620.         searchLocationLi = document.getElementById('location-li-mobile');
  621.     }
  623.     const url = '/form/search';
  625.     fetch(url, {
  626.         method: 'GET',
  627.         // body: JSON.stringify({
  628.         //     searchLocation: this.value
  629.         // })
  630.     }).then(function(response) {
  631.         return response.json()
  632.     }).then(function (data) {
  633.         searchLocationLi.innerHTML = '';
  634.         var selected = \"Tous\";
  635.         ";
  636.         // line 480
  637.         if (((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "session", [], "any", false, true, false, 480), "get", ["filter"], "method", true, true, false, 480) && CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "session", [], "any", false, true, false, 480), "get", ["filter"], "method", false, true, false, 480), "location", [], "array", true, true, false, 480)) && (0 !== CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 480, $this->source); })()), "session", [], "any", false, false, false, 480), "get", ["filter"], "method", false, false, false, 480), "location", [], "array", false, false, false, 480), "Tous")))) {
  638.             yield " selected = '";
  639.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 480, $this->source); })()), "session", [], "any", false, false, false, 480), "get", ["filter"], "method", false, false, false, 480), "location", [], "array", false, false, false, 480), "html", null, true);
  640.             yield "'; ";
  641.         }
  642.         // line 481
  643.         yield "        for (const datum in data) {
  644.             const li = document.createElement('li')
  645.             li.classList.add('item')
  646.             if(selected == data[datum]) li.classList.add('selected')
  648.             li.dataset.value = data[datum]
  649.             li.addEventListener('click', function () {
  650.                 searchLocation.value = this.dataset.itemName
  651.             })
  652.             li.innerHTML += data[datum]
  653.             searchLocationLi.appendChild(li)
  655.             li.addEventListener('click', event => {
  656.                 li.classList.add('selected');
  657.             });
  658.         }
  660.     searchLocation.addEventListener(\"click\", function (){
  662.             searchLocationLi.addEventListener('click', function (e) {
  663.                 let target = e.target;
  664.                 var dropId;
  665.                 if (widthWindow > 770) {
  666.                     dropId = document.getElementById('location-drop');
  667.                 } else {
  668.                     dropId = document.getElementById('location-drop-mobile');
  669.                 }
  671.                 dropId.querySelector('.undroped-subheader').innerHTML = target.innerHTML
  672.                 dropId.querySelector('.input-subheader').value = target.dataset.value
  673.                 dropId.classList.remove('open')
  674.                 dropId.querySelector('.undroped').style.display = 'block'
  675.                 dropId.querySelector('.droped').style.display = 'none'
  676.                 dropId.querySelector('.undroped-subheader').classList.add('selected')
  677.             })
  678.         });
  679.     })
  681.     const searchTransactionLi = document.getElementById('transaction-li');
  682.     const searchPropertyLi = document.getElementById('property-li');
  683.     const searchRoomLi = document.getElementById('rooms-li');
  684.     const searchAreaLi = document.getElementById('area-li');
  686.     searchTransactionLi.addEventListener('click', function (e) {
  687.         let target = e.target;
  688.         const dropId = document.getElementById('transaction-drop')
  689.         dropId.querySelector('.input-subheader').value = target.dataset.value
  690.     });
  692.     searchPropertyLi.addEventListener('click', function (e) {
  693.         let target = e.target;
  694.         const dropId = document.getElementById('property-drop')
  695.         dropId.querySelector('.input-subheader').value = target.dataset.value
  696.     });
  698.     searchRoomLi.addEventListener('click', function (e) {
  699.         let target = e.target;
  700.         const dropId = document.getElementById('rooms-drop');
  701.         dropId.querySelector('.input-subheader').value = target.dataset.value
  702.     });
  704.     searchAreaLi.addEventListener('click', function (e) {
  705.         let target = e.target;
  706.         const dropId = document.getElementById('area-drop')
  707.         dropId.querySelector('.input-subheader').value = target.dataset.value
  708.     });
  710.     for (const eElement of document.getElementsByClassName('projectButton')) {
  711.         eElement.addEventListener('click', function (e) {
  712.             e.preventDefault()
  714.             for (let button of document.getElementsByClassName('projectButton')) {
  715.                 if (button.classList.contains('all')){
  716.                     button.classList.remove('all')
  717.                     button.classList.add('come')
  718.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  719.                 }
  720.             }
  722.             eElement.classList.remove('come')
  723.             eElement.classList.add('all')
  724.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  726.             fetch('projects/home/display/'+this.dataset.id, {
  727.                 method: 'GET',
  728.             })
  729.                 .then(response => response.json())
  730.                 .then(data => {
  731.                     document.getElementById('projects').innerHTML = ''
  732.                     document.getElementById('projects').innerHTML = data.data
  734.                     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  735.                         // if (document.getElementById('projects').classList.contains('slick-initialized')) {
  736.                         //     document.getElementById('projects').classList.remove('slick-initialized')
  737.                         //     document.getElementById('projects').classList.remove('slick-slider')
  738.                         // }
  739.                         // \$('#projects').slick({
  740.                         //     dots: false,
  741.                         //     infinite: true,
  742.                         //     speed: 300,
  743.                         //     slidesToShow: 1,
  744.                         //     slidesToScroll: 1,
  745.                         //     autoplay: true,
  746.                         //     responsive: [
  747.                         //         {
  748.                         //             breakpoint: 576,
  749.                         //             settings: {
  750.                         //                 slidesToShow: 1,
  751.                         //                 slidesToScroll: 1
  752.                         //             }
  753.                         //         }
  754.                         //     ]
  755.                         // })
  756.                     }
  758.                     _ww = \$(window).width();
  759.                     if (_ww > 768){
  760.                         \$('.div-img-hover-2').hover(function (e) {
  762.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  763.                             var htext = \$(this).find('.project-content').height();
  764.                             if (htext == undefined){htext = 0};
  765.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  766.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  767.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  769.                         }, function() {
  770.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  771.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  773.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  774.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  775.                             });
  776.                         });
  777.                     } else {
  778.                         \$('.div-img-hover-2').on( \"click\", function( event ) {
  779.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  780.                                 ht = opened ? 85 : '100%',
  781.                                 vis = opened ? 0 : 1;
  782.                             \$(this).find('.div-hover-2').toggleClass('open');
  783.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  784.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  785.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  787.                         });
  788.                     }
  789.                     \$('.div-hover').hover(function (e) {
  790.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  791.                     }, function() {
  792.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  793.                     });
  795.                     \$('.div-hover').hover(function (e) {
  796.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  797.                         var htext = \$(this).find('.project-content').height();
  798.                         if (htext == undefined){htext = 0};
  799.                         \$(this).animate({height : htext+180}, 150);
  800.                         \$(this).find('.project-content').css({'visibility': 'visible'});
  801.                         \$(this).find('.project-content').animate({opacity: 1}, 150);
  802.                     }, function() {
  803.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  804.                         \$(this).animate({height : 70}, 150);
  805.                         \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  806.                             \$(this).find('.project-content').css({'visibility': 'hidden'});
  807.                         });
  808.                     });
  809.                 })
  811.                 .catch((error) => {
  812.                     console.error('Error:', error);
  813.                 });
  814.         })
  815.     }
  817.     for (const eElement of document.getElementsByClassName('projectButtonref')) {
  818.         eElement.addEventListener('click', function (e) {
  819.             e.preventDefault()
  821.             for (let button of document.getElementsByClassName('projectButtonref')) {
  822.                 if (button.classList.contains('all')){
  823.                     button.classList.remove('all')
  824.                     button.classList.add('come')
  825.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  826.                 }
  827.             }
  829.             eElement.classList.remove('come')
  830.             eElement.classList.add('all')
  831.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  833.             fetch('reference/home/display/'+this.dataset.id, {
  834.                 method: 'GET',
  835.             })
  836.                 .then(response => response.json())
  837.                 .then(data => {
  838.                     document.getElementById('references-home').innerHTML = ''
  839.                     document.getElementById('references-home').innerHTML = data.data
  841.                     _ww = \$(window).width();
  842.                     var lightbox = \$('.lightbox'),
  843.                         item = 0;
  845.                     \$('.lightbox-on').click(function(e){
  846.                         e.stopPropagation();
  847.                         item = 0;
  849.                         var id = \$(this).attr('data-id'),
  850.                             max = 0;
  851.                         \$('#'+id).toggle();
  852.                         \$('#'+id).animate({opacity: 1}, 300);
  853.                         \$('#'+id).find('img').each(function( i ) {
  854.                             max = i;
  855.                             item = 1;
  856.                             counter(item, max+1);
  857.                             itemWidth(\$(this));
  858.                         });
  859.                     });
  861.                     lightbox.click(function(e) {
  862.                         e.stopPropagation();
  863.                         \$(this).animate({opacity: 0}, 300, function(){
  864.                             \$(this).toggle();
  865.                         });
  866.                     });
  868.                     \$('.closer').on('click', function (e) {
  869.                         e.stopPropagation();
  870.                         \$(this).parent().animate(
  871.                             {opacity: 0},
  872.                             300,
  873.                             function(){
  874.                                 \$(this).toggle();
  875.                             }
  876.                         );
  877.                     });
  879.                     function itemWidth(img){
  880.                         img.closest('.items').width(img.width());
  881.                     }
  883.                     function counter(item, max){
  884.                         \$('.counter').text(item + ' / ' + max);
  885.                     }
  887.                     \$('.item', lightbox).on('click, swipeleft', function (e) {
  888.                         var wd = \$(this).width(),
  889.                             last = \$(this).parent().find('.item').last(),
  890.                             img = \$(this).find('.img');
  891.                         itemWidth(img);
  893.                         \$(this).animate(
  894.                             {marginLeft: -wd, opacity: 0},
  895.                             500,
  896.                             'swing',
  897.                             function(){
  898.                                 \$(this).insertAfter(last);
  899.                                 \$(this).css({marginLeft: 0, opacity: 1});
  900.                             }
  901.                         );
  902.                     });
  904.                     \$('.item', lightbox).on('swiperight', function (e) {
  905.                         var wd = \$(this).width(),
  906.                             first = \$(this).parent().find('.item').first(),
  907.                             last = \$(this).parent().find('.item').last(),
  908.                             img = \$(this).find('.img');
  909.                         itemWidth(img);
  911.                         \$(last).insertBefore(\$(this));
  912.                         \$(last).css({marginLeft: -wd, opacity: 0});
  913.                         \$(this).parent().find('.item').eq(0).animate(
  914.                             {marginLeft: 0, opacity: 1},
  915.                             500,
  916.                             'swing'
  917.                         );
  918.                     });
  920.                     \$('.arrows', lightbox).on('click', function (e) {
  921.                         e.stopPropagation();
  923.                         var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  924.                             max = \$(this).siblings('.items').find('.item').length,
  925.                             first = \$(this).siblings('.items').find('.item').first(),
  926.                             last = \$(this).siblings('.items').find('.item').last(),
  927.                             isRight = \$(this).hasClass('right'),
  928.                             marginL = isRight ? -wd : 0,
  929.                             marginL0 = isRight ? 0: -wd,
  930.                             opacOn = isRight ? 1 : 0,
  931.                             opacOff = isRight ? 0 : 1;
  933.                         if (!isRight){
  934.                             \$(last).insertBefore(first);
  935.                             \$(last).css({marginLeft: -wd, opacity: 0});
  936.                             item++;
  937.                             if (item == max+1) {item = 1};
  938.                         } else {
  939.                             item--;
  940.                             if (item == 0) {item = max};
  941.                         };
  943.                         counter(item, max);
  945.                         var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  946.                         itemWidth(img);
  948.                         \$(this).siblings('.items').find('.item').eq(1).animate(
  949.                             {opacity: opacOn},
  950.                             500,
  951.                             'swing');
  953.                         \$(this).siblings('.items').find('.item').eq(0).animate(
  954.                             {marginLeft: marginL, opacity: 1},
  955.                             500,
  956.                             'swing',
  957.                             function(){
  958.                                 if (isRight){
  959.                                     \$(this).insertAfter(last);
  960.                                     \$(this).css({ marginLeft: 0, opacity: 1});
  961.                                 }
  962.                             }
  963.                         );
  964.                     });
  966.                     if (_ww > 768){
  967.                         \$('.div-img-hover-2').hover(function (e) {
  968.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  969.                             var htext = \$(this).find('.project-content').height();
  970.                             if (htext == undefined){htext = 0};
  971.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  972.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  973.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  974.                         }, function() {
  975.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  976.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  978.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  979.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  980.                             });
  981.                         });
  983.                     } else {
  984.                         \$('.div-img-hover-2').on( \"tap\", function( event ) {
  985.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  986.                                 ht = opened ? 85 : '100%',
  987.                                 vis = opened ? 0 : 1;
  988.                             \$(this).find('.div-hover-2').toggleClass('open');
  989.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  990.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  991.                         });
  992.                     }
  993.                 })
  994.                 .catch((error) => {
  995.                     console.error('Error:', error);
  996.                 });
  997.         })
  998.     }
  1000.     /*
  1001.     window.addEventListener('scroll', function(){
  1002.         let search = document.getElementById('submit-search');
  1003.         const formSearch = document.getElementById('form-search-normal')
  1004.         const subSearch = document.getElementById('sub-search-div')
  1005.         const send = document.getElementById('send')
  1006.         if (search) {
  1007.             search.classList.toggle(\"stickyY\", window.scrollY > 730);
  1008.             if (search.classList.contains(\"stickyY\")) {
  1009.                 search.setAttribute('type', 'button')
  1010.                 search.addEventListener('click', function (e) {
  1011.                     e.preventDefault()
  1012.                     formSearch.classList.toggle('stickyYForm')
  1013.                     send.classList.toggle('send-display')
  1014.                     subSearch.classList.toggle('sub-search-div-height')
  1015.                 })
  1016.             } else  search.setAttribute('type', 'submit')
  1017.         }
  1018.     })
  1019. */
  1020. </script>
  1022. ";
  1023.         // line 979
  1024.         yield "</body>
  1025. </html>
  1026. ";
  1027.         
  1028.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1030.         
  1031.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1033.         return; yield '';
  1034.     }
  1036.     // line 5
  1037.     public function block_title($context, array $blocks = [])
  1038.     {
  1039.         $macros = $this->macros;
  1040.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1041.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1043.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1044.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1046.         
  1047.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1049.         
  1050.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1052.         return; yield '';
  1053.     }
  1055.     // line 7
  1056.     public function block_metaDescription($context, array $blocks = [])
  1057.     {
  1058.         $macros = $this->macros;
  1059.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1060.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
  1062.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1063.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
  1065.         
  1066.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1068.         
  1069.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1071.         return; yield '';
  1072.     }
  1074.     // line 9
  1075.     public function block_stylesheets($context, array $blocks = [])
  1076.     {
  1077.         $macros = $this->macros;
  1078.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1079.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  1081.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1082.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  1084.         // line 10
  1085.         yield "        ";
  1086.         yield $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackLinkTags("app");
  1087.         yield "
  1088.         <link rel=\"stylesheet\" href=\"https://unpkg.com/@egjs/flicking/dist/flicking.css\" crossorigin=\"anonymous\" />
  1089.         <link rel=\"stylesheet\" type=\"text/css\" href=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css\"/>
  1090.         <!--link rel=\"stylesheet\" href=\"https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css\" /-->
  1091.     ";
  1092.         
  1093.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1095.         
  1096.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1098.         return; yield '';
  1099.     }
  1101.     // line 19
  1102.     public function block_javascripts($context, array $blocks = [])
  1103.     {
  1104.         $macros = $this->macros;
  1105.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1106.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1108.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1109.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1111.         // line 20
  1112.         yield "        ";
  1113.         yield $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackScriptTags("app");
  1114.         yield "
  1115. ";
  1116.         // line 22
  1117.         yield "        <script
  1118.                 src=\"https://code.jquery.com/jquery-3.6.0.min.js\"
  1119.                 integrity=\"sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=\"
  1120.                 crossorigin=\"anonymous\">
  1121.         </script>
  1122.         
  1123.         <script src=\"https://unpkg.com/@egjs/flicking/dist/flicking.pkgd.min.js\" crossorigin=\"anonymous\"></script>
  1124.         <script type=\"text/javascript\" src=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js\"></script>
  1125.         <script src=\"https://unpkg.com/swiper/swiper-bundle.min.js\"></script>
  1126.         <script src=\"";
  1127.         // line 31
  1128.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/lightboxed/lightboxed.js"), "html", null, true);
  1129.         yield "\"></script>
  1130.         <!--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-->
  1131.         
  1132.     ";
  1133.         
  1134.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1136.         
  1137.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1139.         return; yield '';
  1140.     }
  1142.     // line 256
  1143.     public function block_body($context, array $blocks = [])
  1144.     {
  1145.         $macros = $this->macros;
  1146.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1147.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1149.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1150.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1152.         
  1153.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1155.         
  1156.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1158.         return; yield '';
  1159.     }
  1161.     /**
  1162.      * @codeCoverageIgnore
  1163.      */
  1164.     public function getTemplateName()
  1165.     {
  1166.         return "base.html.twig";
  1167.     }
  1169.     /**
  1170.      * @codeCoverageIgnore
  1171.      */
  1172.     public function isTraitable()
  1173.     {
  1174.         return false;
  1175.     }
  1177.     /**
  1178.      * @codeCoverageIgnore
  1179.      */
  1180.     public function getDebugInfo()
  1181.     {
  1182.         return array (  1143 => 256,  1128 => 31,  1117 => 22,  1112 => 20,  1102 => 19,  1085 => 10,  1075 => 9,  1056 => 7,  1037 => 5,  1024 => 979,  643 => 481,  637 => 480,  497 => 343,  488 => 337,  477 => 331,  471 => 330,  465 => 329,  459 => 328,  454 => 326,  441 => 318,  435 => 317,  429 => 316,  423 => 315,  416 => 311,  401 => 299,  394 => 295,  382 => 286,  376 => 282,  374 => 281,  372 => 280,  370 => 279,  368 => 278,  366 => 277,  364 => 276,  352 => 267,  343 => 260,  341 => 259,  338 => 258,  336 => 256,  333 => 255,  331 => 254,  311 => 237,  277 => 205,  259 => 186,  255 => 182,  251 => 180,  249 => 175,  245 => 170,  239 => 162,  233 => 159,  227 => 156,  221 => 153,  215 => 150,  209 => 147,  205 => 145,  200 => 137,  198 => 136,  157 => 98,  141 => 84,  139 => 83,  136 => 82,  132 => 61,  123 => 58,  120 => 57,  116 => 56,  107 => 53,  104 => 52,  100 => 51,  97 => 49,  94 => 48,  92 => 47,  78 => 35,  76 => 19,  70 => 15,  68 => 9,  65 => 8,  63 => 7,  59 => 6,  55 => 5,  49 => 1,);
  1183.     }
  1185.     public function getSourceContext()
  1186.     {
  1187.         return new Source("<!DOCTYPE html>
  1188. <html>
  1189. <head>
  1190.     <meta charset=\"UTF-8\">
  1191.     <title>Tracol | {% block title %}{% endblock %}</title>
  1192.     <link rel=\"icon\" type=\"image/x-icon\" href=\"{{ asset(\"build/favicon-white.ico\") }}\">
  1193.     {% block metaDescription %}{% endblock %}
  1194.     <meta name=\"viewport\" content= \"width=device-width, initial-scale=1.0\">
  1195.     {% block stylesheets %}
  1196.         {{ encore_entry_link_tags('app') }}
  1197.         <link rel=\"stylesheet\" href=\"https://unpkg.com/@egjs/flicking/dist/flicking.css\" crossorigin=\"anonymous\" />
  1198.         <link rel=\"stylesheet\" type=\"text/css\" href=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css\"/>
  1199.         <!--link rel=\"stylesheet\" href=\"https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css\" /-->
  1200.     {% endblock %}
  1202.     <script id=\"Cookiebot\" src=\"
  1203.     https://consent.cookiebot.com/uc.js\"
  1204.     data-cbid=\"d4dd1335-1dc0-4d3c-b4c3-49e9043d2e0e\" data-blockingmode=\"auto\" type=\"text/javascript\"></script>
  1205.         {% block javascripts %}
  1206.         {{ encore_entry_script_tags('app') }}
  1207. {#        <script id=\"Cookiebot\" src=\"https://consent.cookiebot.com/uc.js\" data-cbid=\"d4dd1335-1dc0-4d3c-b4c3-49e9043d2e0e\" data-blockingmode=\"auto\" type=\"text/javascript\"></script>#}
  1208.         <script
  1209.                 src=\"https://code.jquery.com/jquery-3.6.0.min.js\"
  1210.                 integrity=\"sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=\"
  1211.                 crossorigin=\"anonymous\">
  1212.         </script>
  1213.         
  1214.         <script src=\"https://unpkg.com/@egjs/flicking/dist/flicking.pkgd.min.js\" crossorigin=\"anonymous\"></script>
  1215.         <script type=\"text/javascript\" src=\"//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js\"></script>
  1216.         <script src=\"https://unpkg.com/swiper/swiper-bundle.min.js\"></script>
  1217.         <script src=\"{{ asset(\"/lightboxed/lightboxed.js\") }}\"></script>
  1218.         <!--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-->
  1219.         
  1220.     {% endblock %}
  1221.     <style>
  1222.         @media (min-width: 1200px) and (max-width:1498px) {
  1223.             .navbar-expand-xl .navbar-collapse {
  1224.                 display: flex !important;
  1225.                 /* flex-basis: auto; */
  1226.                 justify-content: center;
  1227.             }
  1228.         }
  1229.     </style>
  1230. </head>
  1232. <body>
  1233.     {% if popup2024 is defined and popup2024 %}
  1234.         {% include '_popup2024.html.twig' %}
  1235.     {% endif %}
  1236. {#<script id=\"CookieDeclaration\" src=\"https://consent.cookiebot.com/d4dd1335-1dc0-4d3c-b4c3-49e9043d2e0e/cd.js\" type=\"text/javascript\" async></script>#}
  1237. {% for success in app.flashes('success') %}
  1238.     <div class=\"alert alert-success\" role=\"alert\">
  1239.         <p class=\"alert-link\">{{ success }}</p>
  1240.     </div>
  1241. {% endfor %}
  1242. {% for error in app.flashes('error') %}
  1243.     <div class=\"col-lg-8 mx-auto alert alert-danger\" role=\"alert\">
  1244.         <p class=\"alert-link\">{{ error }}</p>
  1245.     </div>
  1246. {% endfor %}
  1249. {#
  1250. <div class=\"d-flex flex-column flex-shrink-0 bg-light black\" style=\"width: 4rem;\">
  1251.     <a  href=\"https://www.facebook.com/tracolimmobilier/\"><i class=\"fab fa-facebook-f\"></i></a>
  1252.     <a href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i class=\"fab fa-linkedin\"></i></a>
  1253.     <a href=\"https://www.instagram.com/tracolimmobilier/\"><i class=\"fab fa-instagram\"></i></a>
  1254. </div>
  1255. <div id=\"div-newsletter\" class=\"d-flex flex-column flex-shrink-0 bg-light orange\">
  1256.     <a id=\"text-vertical\" class=\"text-vertical\" href=\"#\">NEWSLETTER</a>
  1257.     <div id=\"div-form-newsletter\" style=\"opacity: 0\">
  1258.         <span id=\"span-newsletter\" style=\"opacity: 0\">Restez informé ! Abonnez-vous à notre newsletter.</span>
  1259.         <form action=\"{{ path('mailchimp') }}\" id=\"form-newsletter\" style=\"display: none\">
  1260.             <div class=\"input-group\">
  1261.                 <input id=\"input-email\" class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
  1262.                 <button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
  1263.             </div>
  1264.         </form>
  1265.     </div>
  1266. </div>
  1267. #}
  1269. {% set propertiesApi = get_properties %}
  1271. <nav class=\"navbar navbar-expand-xl fixed-top homepage\">
  1272.     <div id=\"center-nav\" class=\"container-fluid\">
  1273.         <button class=\"navbar-toggler\"
  1274.                 type=\"button\"
  1275.                 data-bs-toggle=\"collapse\"
  1276.                 data-bs-target=\"#navbarNav\"
  1277.                 aria-controls=\"navbarNav\"
  1278.                 aria-expanded=\"false\"
  1279.                 aria-label=\"Toggle navigation\">
  1280.             <span class=\"navbar-toggler-icon\">
  1281.                 <i class=\"fas fa-bars\"></i>
  1282.             </span>
  1283.         </button>
  1284.         <a href=\"{{ path('index') }}\" class=\"tracol-logo\">
  1285.             <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"136.339\" height=\"51.127\" viewBox=\"0 0 136.339 51.127\">
  1286.                 <g id=\"Groupe_4469\" data-name=\"Groupe 4469\" transform=\"translate(11823.999 14639)\">
  1287.                     <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\"/>
  1288.                     <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)\"/>
  1289.                     <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)\"/>
  1290.                     <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)\"/>
  1291.                     <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)\"/>
  1292.                     <rect id=\"Rectangle_73\" data-name=\"Rectangle 73\" width=\"1.585\" height=\"8.956\" transform=\"translate(-11803.191 -14596.829)\"/>
  1293.                     <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)\"/>
  1294.                     <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)\"/>
  1295.                     <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)\"/>
  1296.                     <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)\"/>
  1297.                     <rect id=\"Rectangle_74\" data-name=\"Rectangle 74\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11753.034 -14596.829)\"/>
  1298.                     <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)\"/>
  1299.                     <rect id=\"Rectangle_75\" data-name=\"Rectangle 75\" width=\"1.586\" height=\"8.956\" transform=\"translate(-11738.931 -14596.829)\"/>
  1300.                     <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)\"/>
  1301.                     <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)\"/>
  1302.                 </g>
  1303.             </svg>
  1305.         </a>
  1306.         <button style=\"background-color: transparent;border-color: transparent; display: none;position: absolute;right:0;top:5px;\" id=\"submit-search-mobile\" type=\"submit\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal1\">
  1307.             <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\">
  1308.                 <g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
  1309.                     <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\"/>
  1310.                     <g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
  1311.                         <g id=\"np_search_1868241_000000\">
  1312.                             <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\"/>
  1313.                             <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\"/>
  1314.                         </g>
  1315.                     </g>
  1316.                 </g>
  1317.             </svg>
  1318.         </button>
  1321.         <!-- Modal -->
  1322.         {% include '_navSearch.html.twig' %}
  1324.         <div class=\"nav-elements collapse navbar-collapse\" id=\"navbarNav\">
  1325.             <ul class=\"navbar-nav\">
  1326.                 {#
  1327.                 <li class=\"nav-item\">
  1328.                     <a class=\"nav-link active\" aria-current=\"page\" href=\"{{ path('tracol') }}\">Tracol</a>
  1329.                 </li>
  1330.                 #}
  1332.                 <li class=\"nav-item\">
  1333.                     <a class=\"nav-link\" href=\"{{ path('about') }}\">Qui sommes-nous ?</a>
  1334.                 </li>
  1335.                 <li class=\"nav-item\">
  1336.                     <a class=\"nav-link\" href=\"{{ path('properties', {'keyword': 'vente'}) }}\">Acheter</a>
  1337.                 </li>
  1338.                 <li class=\"nav-item\">
  1339.                     <a class=\"nav-link\" href=\"{{ path('properties', {'keyword': 'location'}) }}\">Louer</a>
  1340.                 </li>
  1341.                 <li class=\"nav-item\">
  1342.                     <a class=\"nav-link\" href=\"{{ path('vendre', {'keyword': 'location'}) }}\">Vendre</a>
  1343.                 </li>
  1344.                 <li class=\"nav-item\">
  1345.                     <a class=\"nav-link\" href=\"{{ path('projects', {'keyword': 'location'}) }}\">Projets</a>
  1346.                 </li>
  1347.                 <li class=\"nav-item\">
  1348.                     <a class=\"nav-link\" href=\"{{ path('reference') }}\">Références</a>
  1349.                 </li>
  1351.                 {#
  1352.                 <li class=\"nav-item\">
  1353.                     <a class=\"nav-link\" href=\"{{ path('team') }}\">Notre equipe</a>
  1354.                 </li>
  1355.                 #}
  1358. {#                <li class=\"nav-item\">#}
  1359. {#                    <a class=\"nav-link\" href=\"#\">Actualités</a>#}
  1360. {#                </li>#}
  1361.                 {#
  1362.                 <li class=\"nav-item\">
  1363.                     <a class=\"nav-link\" href=\"{{ path('carrieres') }}\">Carrières</a>
  1364.                 </li>
  1365.                 #}
  1367.                 <li id=\"enveloppe-mobile\" class=\"nav-item\">
  1368.                     <a class=\"nav-link\" href=\"{{ path('contact') }}\">
  1369.                         {#
  1370.                         <i class=\"far fa-envelope\"></i>
  1371.                         #}
  1372.                         Contact
  1373.                     </a>
  1374.                 </li>
  1375.             </ul>
  1376.         </div>
  1377.         <div class=\"contacts-social\">
  1378.             <div class=\"phone-contact\">
  1379.                 <div>
  1380.                     <svg class=\"svg-phone\" xmlns=\"http://www.w3.org/2000/svg\" width=\"31.059\" height=\"27.732\" viewBox=\"0 0 31.059 27.732\">
  1381.                         <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  1382.                             <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=\"#5f5f5f\" stroke=\"#5f5f5f\" />
  1383.                         </g>
  1384.                     </svg>
  1385.                 </div>
  1386.                 <div>
  1387.                     <p class=\"phone\">
  1388.                         {#
  1389.                         Besoin d'informations ? <br>
  1390.                         #}
  1391.                         <a href=\"tel:+3522658601\">(+352) 26 58 60-1</a>
  1392.                     </p>
  1393.                 </div>
  1394.             </div>
  1396.             <div class=\"socials\">
  1397.                 <a target=\"_blank\" href=\"https://www.facebook.com/tracolimmobilier/\">
  1398.                     <i class=\"fab fa-facebook-f fa-2x\"></i>
  1399.                 </a>
  1400.                 <a target=\"_blank\" href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\">
  1401.                     <i class=\"fab fa-linkedin fa-2x\"></i>
  1402.                 </a>
  1403.                 <a target=\"_blank\" href=\"https://www.instagram.com/tracolimmobilier/\">
  1404.                     <i class=\"fab fa-instagram fa-2x\"></i>
  1405.                 </a>
  1406.                 <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCLl8G5ZCdyslVR_4ANkD6GA\">
  1407.                     <i class=\"fab fa-youtube fa-2x\"></i>
  1408.                 </a>
  1409.             </div>
  1410.         </div>
  1412.         <div id=\"footer-nav-mobile\" style=\"display: none\">
  1413.                 <div>
  1414.                     <a href=\"tel:+3522658601\">
  1415.                         <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\">
  1416.                             <g id=\"np_phone-call_3960627_000000\" transform=\"translate(-6.248 -15.626)\">
  1417.                                 <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=\"#5f5f5f\" stroke=\"#5f5f5f\" />
  1418.                             </g>
  1419.                         </svg>
  1420.                     </a>
  1421.                 </div>
  1422.                 <div>
  1423.                     <a href=\"{{ path('contact') }}\"><i style=\"color: #5f5f5f;\" class=\"far fa-envelope fa-2x\"></i></a>
  1424.                 </div>
  1425.                 <div>
  1426.                     <a target=\"_blank\" href=\"https://www.facebook.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;\" class=\"fab fa-facebook-f\"></i></a>
  1427.                 </div>
  1428.                 <div>
  1429.                     <a target=\"_blank\" href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i style=\"color: #5f5f5f;\" class=\"fab fa-linkedin\"></i></a>
  1430.                 </div>
  1431.                 <div>
  1432.                     <a target=\"_blank\" href=\"https://www.instagram.com/tracolimmobilier/\"><i style=\"color: #5f5f5f;\" class=\"fab fa-instagram\"></i></a>
  1433.                 </div>
  1434.                 <div>
  1435.                     <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCLl8G5ZCdyslVR_4ANkD6GA\"><i style=\"color: #5f5f5f;\" class=\"fab fa-youtube fa-2x\"></i></a>
  1436.                 </div>
  1437.         </div>
  1438.     </div>
  1439. </nav>
  1440. {% include '_navSubSearch.html.twig' %}
  1442. {% block body %}
  1443. {% endblock %}
  1445. {% if app.request.attributes.get('_route') == 'home' %}
  1446.     <div id=\"div-newsletter-mobile\" class=\"\" style=\"display: none\">
  1447.         <div class=\"col-lg-12\" style=\"display: flex; justify-content:center; margin-top: 20px;\">
  1448.            <div class=\"col-lg-12\">
  1449.                <p class=\"newsletter-title\">NEWSLETTER</p>
  1450.            </div>
  1451.         </div>
  1452.         <div class=\"col-lg-12\" id=\"div-form-newsletter\" style=\"display: flex; justify-content: space-around;\">
  1453.             <form method=\"post\" action=\"{{ path('mailchimp') }}\" id=\"form-newsletter\">
  1454.                 <div class=\"input-group\">
  1455.                     <input class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
  1456.                     <button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
  1457.                 </div>
  1458.             </form>
  1459.         </div>
  1460.     </div>
  1461. {% endif %}
  1462. {% set mentions = content('Footer', 'Footer') %}
  1463. {% set cgu = content('Footer', 'Footer2') %}
  1464. {% set confidentialite = content('Footer', 'Footer3') %}
  1465. {% set cookie = content('Footer', 'Footer4') %}
  1466. {% set adress = content('Footer', 'Footer adresse') %}
  1467. {% set siege = content('Footer', 'Footer siège') %}
  1468. <footer class=\"footer\">
  1469.     <div class=\"container-fluid\">
  1470.         <ul id=\"footer-menu\" class=\"footer-menu\" style=\"margin-bottom: -15px;margin-top: -15px;\">
  1471.             <li>
  1472.                 © {{ 'now'|date('Y') }} TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"font-weight:bold\">ID+P</a>
  1473.             </li>
  1474.             <li style=\"height: 130px\">
  1475.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  1476.                 <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>
  1477.             </li>
  1478.             <li class=\"row col-md-3\">
  1479.                 <div class=\"col-md-6\">
  1480.                     Bureaux commerciaux :<br/>
  1481.                     {{ adress.content|raw }}
  1482.                 </div>
  1483.                 <div class=\"col-md-6\">
  1484.                     Siège social : 
  1485.                     {{ siege.content|raw }}
  1486.                 </div>
  1487.             </li>
  1488.             <li style=\"height: 130px\">
  1489.                 <!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->
  1490.                 <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>
  1491.             </li>
  1492.             <li class=\"grey col-md-2 d-flex justify-content-around social\">
  1493.                 <a target=\"_blank\" href=\"https://www.facebook.com/tracolimmobilier/\"><i class=\"fab fa-facebook-f fa-2x\" style=\"margin-top:0\"></i></a>
  1494.                 <a target=\"_blank\" href=\"https://www.linkedin.com/company/tracol-immobilier-s-a-/\"><i class=\"fab fa-linkedin fa-2x\" style=\"margin-top:0\"></i></a>
  1495.                 <a target=\"_blank\" href=\"https://www.instagram.com/tracolimmobilier/\"><i class=\"fab fa-instagram fa-2x\" style=\"cmargin-top:0\"></i></a>
  1496.                 <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCLl8G5ZCdyslVR_4ANkD6GA\" class=\"d-flex align-items-end align-items-center\"><i class=\"fab fa-youtube fa-2x\"></i></a>
  1497.                 <a href=\"{{ path('contact') }}\" class=\"contact-link\"><i class=\"fa fa-envelope fa-2x\"></i></a>
  1498.             </li>
  1499.             <li class=\"legal d-flex align-items-center\">
  1500.                 <div class=\"d-flex flex-column\">
  1501.                     <a href=\"{{ path('mentions') }}\" style=\"margin-bottom:6px;\">{{ mentions.name }}</a>
  1502.                     <a href=\"{{ path('cgu') }}\" style=\"margin-bottom:6px\">{{ cgu.name }}</a>
  1503.                     <a href=\"{{ path('privacy_policy') }}\" style=\"margin-bottom:6px\">{{ confidentialite.name }}</a>
  1504.                     <a href=\"{{ path('cookies') }}\" style=\"margin-bottom:15px\">{{ cookie.name }}</a>
  1505.                 </div>
  1507.             </li>
  1508.         </ul>
  1510.         <ul id=\"footer-menu-mobile\" class=\"footer-menu\" style=\"display:none; margin-bottom: -15px;margin-top: -15px;\">
  1511.             <li class=\"legal d-flex align-items-center flex-column mt-3\">
  1512.                 <a href=\"{{ path('contact') }}\" class=\"grey contact-link mr-0\" style=\"margin-right:0!important;\"><i class=\"fa fa-envelope fa-2x\"></i></a>
  1513.                 <div class=\"d-flex flex-column align-items-center\">
  1514.                     <a href=\"{{ path('mentions') }}\" style=\"margin-bottom:6px;\">{{ mentions.name }}</a>
  1515.                     <a href=\"{{ path('cgu') }}\" style=\"margin-bottom:6px\">{{ cgu.name }}</a>
  1516.                     <a href=\"{{ path('privacy_policy') }}\" style=\"margin-bottom:6px\">{{ confidentialite.name }}</a>
  1517.                     <a href=\"{{ path('cookies') }}\" style=\"margin-bottom:15px\">{{ cookie.name }}</a>
  1518.                 </div>
  1519.             </li>
  1520.             <li>
  1521.                 <div>
  1522.                     Bureaux commerciaux :<br/>
  1523.                     {{ adress.content|raw }}
  1524.                 </div>
  1525.             </li>
  1526.             <li>
  1527.                 <div>
  1528.                     Siège social : <br />
  1529.                     {{ siege.content|raw }}
  1530.                 </div>
  1531.             </li>
  1532.             <li>
  1533.                 © 2021 TRACOL - réalisé par <a href=\"https://www.idp.lu/\" target=\"_blank\" style=\"font-weight:bold\">ID+P</a>
  1534.             </li>
  1535.         </ul>
  1536.     </div>
  1537. </footer>
  1539. <script src=\"https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js\"></script>
  1541. <script>
  1542.     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  1543.         /* the viewport is less than 768 pixels wide */
  1544.     //      \$('#projects').slick({
  1545.     //     dots: false,
  1546.     //     infinite: true,
  1547.     //     speed: 300,
  1548.     //     slidesToShow: 1,
  1549.     //     slidesToScroll: 1,
  1550.     //     autoplay: true,
  1551.     //     responsive: [
  1552.     //         {
  1553.     //             breakpoint: 576,
  1554.     //             settings: {
  1555.     //                 slidesToShow: 1,
  1556.     //                 slidesToScroll: 1
  1557.     //             }
  1558.     //         }
  1559.     //         // You can unslick at a given breakpoint now by adding:
  1560.     //         // settings: \"unslick\"
  1561.     //         // instead of a settings object
  1562.     //     ]
  1563.     // });
  1564.     }
  1565.     //
  1566.     // const searchMobile = document.getElementById('search-detail-mobile')
  1567.     // const searchSubDivMobile = document.getElementById('sub-search-div-mobile')
  1568.     //
  1569.     // searchMobile.addEventListener('click', function (e) {
  1570.     //     e.preventDefault()
  1571.     //     searchSubDivMobile.style.display = 'flex'
  1572.     //     searchMobile.style.display = 'none'
  1573.     // })
  1574. </script>
  1576. <script>
  1578.     if (document.getElementById('filterProperties')) {
  1579.         let formSelectProperties = document.getElementById('filterProperties');
  1581.         let properties = document.querySelectorAll('#properties .div-img-hover-2');
  1582.         let arrayProperties = [];
  1583.         for (let property of properties) {
  1584.             arrayProperties.push({
  1585.                 'property': property,
  1586.                 'price': property.getAttribute('data-price'),
  1587.                 'date': new Date(property.getAttribute('data-date')),
  1588.             });
  1589.         }
  1591.         formSelectProperties.addEventListener('change', () => {
  1592.             if (formSelectProperties.value === 'desc') {
  1593.                 arrayProperties.sort((a,b) =>  b.price - a.price )
  1594.             } else if (formSelectProperties.value === 'asc') {
  1595.                 arrayProperties.sort((a,b) =>  a.price - b.price )
  1596.             } else if (formSelectProperties.value === 'date') {
  1597.                 arrayProperties.sort((a,b) =>  b.date - a.date )
  1598.             }
  1600.             let finalProperties = [];
  1601.             let containerProperties = document.getElementById('properties');
  1602.             containerProperties.innerHTML = '';
  1604.             for (let prop of arrayProperties) {
  1605.                 containerProperties.insertAdjacentElement('beforeend', prop.property)
  1606.             }
  1607.         });
  1608.     }
  1611.     // let searchglobal = document.getElementById('submit-searchglobal');
  1612.         // searchglobal.addEventListener('click', function() {
  1613.         //     const formSearch = document.getElementById('form-searchglobal-normal')
  1614.         //     const subSearch = document.getElementById('sub-searchglobal-div')
  1615.         //     const send = document.getElementById('sendGlobal')
  1616.         //             formSearch.classList.toggle('stickyYForm')
  1617.         //             send.classList.toggle('send-display')
  1618.         //             subSearch.classList.toggle('sub-searchglobal-div-height')
  1619.         // })
  1620. </script>
  1622. <script>
  1623.     const swiper = new Swiper('.swiper', {
  1625.         loop: false,
  1626.     });
  1628.     if (window.location.pathname === '/') {
  1629.         const navbar = document.getElementsByClassName('navbar navbar-expand-xl fixed-top')
  1630.         const header = document.getElementsByClassName('header-home')
  1631.         navbar[0].style.backgroundColor = \"#fff\"
  1632.         navbar[0].style.position = \"fixed\"
  1633.         header[0].style.marginTop = \"0px\"
  1634.         header[0].style.height = \"100vw\"
  1635.     }
  1637.     let widthWindow = window.innerWidth;
  1639.     var searchLocation;
  1640.     if (widthWindow > 770) {
  1641.         searchLocation = document.getElementById('location-drop');
  1642.     } else {
  1643.         searchLocation = document.getElementById('location-drop-mobile');
  1644.     }
  1647.     var searchLocationLi;
  1648.     if (widthWindow > 770) {
  1649.         searchLocationLi = document.getElementById('location-li');
  1650.     } else {
  1651.         searchLocationLi = document.getElementById('location-li-mobile');
  1652.     }
  1654.     const url = '/form/search';
  1656.     fetch(url, {
  1657.         method: 'GET',
  1658.         // body: JSON.stringify({
  1659.         //     searchLocation: this.value
  1660.         // })
  1661.     }).then(function(response) {
  1662.         return response.json()
  1663.     }).then(function (data) {
  1664.         searchLocationLi.innerHTML = '';
  1665.         var selected = \"Tous\";
  1666.         {% if app.session.get('filter') is defined and app.session.get('filter')['location'] is defined and app.session.get('filter')['location'] != 'Tous' %} selected = '{{ app.session.get('filter')['location'] }}'; {% endif %}
  1667.         for (const datum in data) {
  1668.             const li = document.createElement('li')
  1669.             li.classList.add('item')
  1670.             if(selected == data[datum]) li.classList.add('selected')
  1672.             li.dataset.value = data[datum]
  1673.             li.addEventListener('click', function () {
  1674.                 searchLocation.value = this.dataset.itemName
  1675.             })
  1676.             li.innerHTML += data[datum]
  1677.             searchLocationLi.appendChild(li)
  1679.             li.addEventListener('click', event => {
  1680.                 li.classList.add('selected');
  1681.             });
  1682.         }
  1684.     searchLocation.addEventListener(\"click\", function (){
  1686.             searchLocationLi.addEventListener('click', function (e) {
  1687.                 let target = e.target;
  1688.                 var dropId;
  1689.                 if (widthWindow > 770) {
  1690.                     dropId = document.getElementById('location-drop');
  1691.                 } else {
  1692.                     dropId = document.getElementById('location-drop-mobile');
  1693.                 }
  1695.                 dropId.querySelector('.undroped-subheader').innerHTML = target.innerHTML
  1696.                 dropId.querySelector('.input-subheader').value = target.dataset.value
  1697.                 dropId.classList.remove('open')
  1698.                 dropId.querySelector('.undroped').style.display = 'block'
  1699.                 dropId.querySelector('.droped').style.display = 'none'
  1700.                 dropId.querySelector('.undroped-subheader').classList.add('selected')
  1701.             })
  1702.         });
  1703.     })
  1705.     const searchTransactionLi = document.getElementById('transaction-li');
  1706.     const searchPropertyLi = document.getElementById('property-li');
  1707.     const searchRoomLi = document.getElementById('rooms-li');
  1708.     const searchAreaLi = document.getElementById('area-li');
  1710.     searchTransactionLi.addEventListener('click', function (e) {
  1711.         let target = e.target;
  1712.         const dropId = document.getElementById('transaction-drop')
  1713.         dropId.querySelector('.input-subheader').value = target.dataset.value
  1714.     });
  1716.     searchPropertyLi.addEventListener('click', function (e) {
  1717.         let target = e.target;
  1718.         const dropId = document.getElementById('property-drop')
  1719.         dropId.querySelector('.input-subheader').value = target.dataset.value
  1720.     });
  1722.     searchRoomLi.addEventListener('click', function (e) {
  1723.         let target = e.target;
  1724.         const dropId = document.getElementById('rooms-drop');
  1725.         dropId.querySelector('.input-subheader').value = target.dataset.value
  1726.     });
  1728.     searchAreaLi.addEventListener('click', function (e) {
  1729.         let target = e.target;
  1730.         const dropId = document.getElementById('area-drop')
  1731.         dropId.querySelector('.input-subheader').value = target.dataset.value
  1732.     });
  1734.     for (const eElement of document.getElementsByClassName('projectButton')) {
  1735.         eElement.addEventListener('click', function (e) {
  1736.             e.preventDefault()
  1738.             for (let button of document.getElementsByClassName('projectButton')) {
  1739.                 if (button.classList.contains('all')){
  1740.                     button.classList.remove('all')
  1741.                     button.classList.add('come')
  1742.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  1743.                 }
  1744.             }
  1746.             eElement.classList.remove('come')
  1747.             eElement.classList.add('all')
  1748.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  1750.             fetch('projects/home/display/'+this.dataset.id, {
  1751.                 method: 'GET',
  1752.             })
  1753.                 .then(response => response.json())
  1754.                 .then(data => {
  1755.                     document.getElementById('projects').innerHTML = ''
  1756.                     document.getElementById('projects').innerHTML = data.data
  1758.                     if (window.matchMedia(\"(max-width: 768px)\").matches && window.location.pathname === '/') {
  1759.                         // if (document.getElementById('projects').classList.contains('slick-initialized')) {
  1760.                         //     document.getElementById('projects').classList.remove('slick-initialized')
  1761.                         //     document.getElementById('projects').classList.remove('slick-slider')
  1762.                         // }
  1763.                         // \$('#projects').slick({
  1764.                         //     dots: false,
  1765.                         //     infinite: true,
  1766.                         //     speed: 300,
  1767.                         //     slidesToShow: 1,
  1768.                         //     slidesToScroll: 1,
  1769.                         //     autoplay: true,
  1770.                         //     responsive: [
  1771.                         //         {
  1772.                         //             breakpoint: 576,
  1773.                         //             settings: {
  1774.                         //                 slidesToShow: 1,
  1775.                         //                 slidesToScroll: 1
  1776.                         //             }
  1777.                         //         }
  1778.                         //     ]
  1779.                         // })
  1780.                     }
  1782.                     _ww = \$(window).width();
  1783.                     if (_ww > 768){
  1784.                         \$('.div-img-hover-2').hover(function (e) {
  1786.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1787.                             var htext = \$(this).find('.project-content').height();
  1788.                             if (htext == undefined){htext = 0};
  1789.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1790.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  1791.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  1793.                         }, function() {
  1794.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1795.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1797.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1798.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  1799.                             });
  1800.                         });
  1801.                     } else {
  1802.                         \$('.div-img-hover-2').on( \"click\", function( event ) {
  1803.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1804.                                 ht = opened ? 85 : '100%',
  1805.                                 vis = opened ? 0 : 1;
  1806.                             \$(this).find('.div-hover-2').toggleClass('open');
  1807.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1808.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1809.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  1811.                         });
  1812.                     }
  1813.                     \$('.div-hover').hover(function (e) {
  1814.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1815.                     }, function() {
  1816.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1817.                     });
  1819.                     \$('.div-hover').hover(function (e) {
  1820.                         \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1821.                         var htext = \$(this).find('.project-content').height();
  1822.                         if (htext == undefined){htext = 0};
  1823.                         \$(this).animate({height : htext+180}, 150);
  1824.                         \$(this).find('.project-content').css({'visibility': 'visible'});
  1825.                         \$(this).find('.project-content').animate({opacity: 1}, 150);
  1826.                     }, function() {
  1827.                         \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1828.                         \$(this).animate({height : 70}, 150);
  1829.                         \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1830.                             \$(this).find('.project-content').css({'visibility': 'hidden'});
  1831.                         });
  1832.                     });
  1833.                 })
  1835.                 .catch((error) => {
  1836.                     console.error('Error:', error);
  1837.                 });
  1838.         })
  1839.     }
  1841.     for (const eElement of document.getElementsByClassName('projectButtonref')) {
  1842.         eElement.addEventListener('click', function (e) {
  1843.             e.preventDefault()
  1845.             for (let button of document.getElementsByClassName('projectButtonref')) {
  1846.                 if (button.classList.contains('all')){
  1847.                     button.classList.remove('all')
  1848.                     button.classList.add('come')
  1849.                     button.querySelector('span').classList.replace('span-all', 'span-projects')
  1850.                 }
  1851.             }
  1853.             eElement.classList.remove('come')
  1854.             eElement.classList.add('all')
  1855.             eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  1857.             fetch('reference/home/display/'+this.dataset.id, {
  1858.                 method: 'GET',
  1859.             })
  1860.                 .then(response => response.json())
  1861.                 .then(data => {
  1862.                     document.getElementById('references-home').innerHTML = ''
  1863.                     document.getElementById('references-home').innerHTML = data.data
  1865.                     _ww = \$(window).width();
  1866.                     var lightbox = \$('.lightbox'),
  1867.                         item = 0;
  1869.                     \$('.lightbox-on').click(function(e){
  1870.                         e.stopPropagation();
  1871.                         item = 0;
  1873.                         var id = \$(this).attr('data-id'),
  1874.                             max = 0;
  1875.                         \$('#'+id).toggle();
  1876.                         \$('#'+id).animate({opacity: 1}, 300);
  1877.                         \$('#'+id).find('img').each(function( i ) {
  1878.                             max = i;
  1879.                             item = 1;
  1880.                             counter(item, max+1);
  1881.                             itemWidth(\$(this));
  1882.                         });
  1883.                     });
  1885.                     lightbox.click(function(e) {
  1886.                         e.stopPropagation();
  1887.                         \$(this).animate({opacity: 0}, 300, function(){
  1888.                             \$(this).toggle();
  1889.                         });
  1890.                     });
  1892.                     \$('.closer').on('click', function (e) {
  1893.                         e.stopPropagation();
  1894.                         \$(this).parent().animate(
  1895.                             {opacity: 0},
  1896.                             300,
  1897.                             function(){
  1898.                                 \$(this).toggle();
  1899.                             }
  1900.                         );
  1901.                     });
  1903.                     function itemWidth(img){
  1904.                         img.closest('.items').width(img.width());
  1905.                     }
  1907.                     function counter(item, max){
  1908.                         \$('.counter').text(item + ' / ' + max);
  1909.                     }
  1911.                     \$('.item', lightbox).on('click, swipeleft', function (e) {
  1912.                         var wd = \$(this).width(),
  1913.                             last = \$(this).parent().find('.item').last(),
  1914.                             img = \$(this).find('.img');
  1915.                         itemWidth(img);
  1917.                         \$(this).animate(
  1918.                             {marginLeft: -wd, opacity: 0},
  1919.                             500,
  1920.                             'swing',
  1921.                             function(){
  1922.                                 \$(this).insertAfter(last);
  1923.                                 \$(this).css({marginLeft: 0, opacity: 1});
  1924.                             }
  1925.                         );
  1926.                     });
  1928.                     \$('.item', lightbox).on('swiperight', function (e) {
  1929.                         var wd = \$(this).width(),
  1930.                             first = \$(this).parent().find('.item').first(),
  1931.                             last = \$(this).parent().find('.item').last(),
  1932.                             img = \$(this).find('.img');
  1933.                         itemWidth(img);
  1935.                         \$(last).insertBefore(\$(this));
  1936.                         \$(last).css({marginLeft: -wd, opacity: 0});
  1937.                         \$(this).parent().find('.item').eq(0).animate(
  1938.                             {marginLeft: 0, opacity: 1},
  1939.                             500,
  1940.                             'swing'
  1941.                         );
  1942.                     });
  1944.                     \$('.arrows', lightbox).on('click', function (e) {
  1945.                         e.stopPropagation();
  1947.                         var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1948.                             max = \$(this).siblings('.items').find('.item').length,
  1949.                             first = \$(this).siblings('.items').find('.item').first(),
  1950.                             last = \$(this).siblings('.items').find('.item').last(),
  1951.                             isRight = \$(this).hasClass('right'),
  1952.                             marginL = isRight ? -wd : 0,
  1953.                             marginL0 = isRight ? 0: -wd,
  1954.                             opacOn = isRight ? 1 : 0,
  1955.                             opacOff = isRight ? 0 : 1;
  1957.                         if (!isRight){
  1958.                             \$(last).insertBefore(first);
  1959.                             \$(last).css({marginLeft: -wd, opacity: 0});
  1960.                             item++;
  1961.                             if (item == max+1) {item = 1};
  1962.                         } else {
  1963.                             item--;
  1964.                             if (item == 0) {item = max};
  1965.                         };
  1967.                         counter(item, max);
  1969.                         var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1970.                         itemWidth(img);
  1972.                         \$(this).siblings('.items').find('.item').eq(1).animate(
  1973.                             {opacity: opacOn},
  1974.                             500,
  1975.                             'swing');
  1977.                         \$(this).siblings('.items').find('.item').eq(0).animate(
  1978.                             {marginLeft: marginL, opacity: 1},
  1979.                             500,
  1980.                             'swing',
  1981.                             function(){
  1982.                                 if (isRight){
  1983.                                     \$(this).insertAfter(last);
  1984.                                     \$(this).css({ marginLeft: 0, opacity: 1});
  1985.                                 }
  1986.                             }
  1987.                         );
  1988.                     });
  1990.                     if (_ww > 768){
  1991.                         \$('.div-img-hover-2').hover(function (e) {
  1992.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1993.                             var htext = \$(this).find('.project-content').height();
  1994.                             if (htext == undefined){htext = 0};
  1995.                             \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1996.                             \$(this).find('.project-content').css({'visibility': 'visible'});
  1997.                             \$(this).find('.project-content').animate({opacity: 1}, 150);
  1998.                         }, function() {
  1999.                             \$(this).find('.div-hover-2').animate({height : 85}, 150);
  2000.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  2002.                             \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  2003.                                 \$(this).find('.project-content').css({'visibility': 'hidden'});
  2004.                             });
  2005.                         });
  2007.                     } else {
  2008.                         \$('.div-img-hover-2').on( \"tap\", function( event ) {
  2009.                             var opened = \$(this).find('.div-hover-2').hasClass('open'),
  2010.                                 ht = opened ? 85 : '100%',
  2011.                                 vis = opened ? 0 : 1;
  2012.                             \$(this).find('.div-hover-2').toggleClass('open');
  2013.                             \$(this).find('.div-hover-2').animate({height : ht}, 150);
  2014.                             \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  2015.                         });
  2016.                     }
  2017.                 })
  2018.                 .catch((error) => {
  2019.                     console.error('Error:', error);
  2020.                 });
  2021.         })
  2022.     }
  2024.     /*
  2025.     window.addEventListener('scroll', function(){
  2026.         let search = document.getElementById('submit-search');
  2027.         const formSearch = document.getElementById('form-search-normal')
  2028.         const subSearch = document.getElementById('sub-search-div')
  2029.         const send = document.getElementById('send')
  2030.         if (search) {
  2031.             search.classList.toggle(\"stickyY\", window.scrollY > 730);
  2032.             if (search.classList.contains(\"stickyY\")) {
  2033.                 search.setAttribute('type', 'button')
  2034.                 search.addEventListener('click', function (e) {
  2035.                     e.preventDefault()
  2036.                     formSearch.classList.toggle('stickyYForm')
  2037.                     send.classList.toggle('send-display')
  2038.                     subSearch.classList.toggle('sub-search-div-height')
  2039.                 })
  2040.             } else  search.setAttribute('type', 'submit')
  2041.         }
  2042.     })
  2043. */
  2044. </script>
  2046. {#
  2047. <script>
  2048.     var _dropin = \$('.dropdown'),
  2049.         _delay = 150,
  2050.         _ww = \$(window).width();
  2052.     \$('.undroped', _dropin).on('click', function (e) {
  2053.         console.log('CLICKKKK 1')
  2054.         \$('.dropdown-header').closest('.droped').removeClass('open');
  2055.         \$('.dropdown-header').closest('.dropdown').find('.undroped').show();
  2056.         \$('.dropdown-header').closest('.droped').hide();
  2057.         \$('.dropdown-header').closest('.droped').find('.items').animate({height: 0});
  2060.         \$(this).hide();
  2061.         \$(this).siblings('.droped').find('.items').height('auto');
  2062.         \$(this).siblings('.droped').show();
  2064.         var ht = \$(this).siblings('.droped').find('.items').height();
  2065.         \$(this).attr('data-ht', ht);
  2066.         \$(this).siblings('.droped').find('.items').height(0);
  2067.         \$(this).siblings('.droped').addClass('open');
  2068.         \$(this).siblings('.droped').find('.items').animate({height: ht + 40}, _delay);
  2069.     });
  2071.     \$('.dropdown-header', _dropin).on('click', function (e) {
  2072.         var ht = \$(this).closest('.dropdown').find('.undroped').attr('data-ht');
  2074.         \$(this).closest('.droped').removeClass('open');
  2075.         \$(this).closest('.droped').find('.items').animate({height: 0}, _delay, function () {
  2076.             \$(this).closest('.dropdown').find('.undroped').show();
  2077.             \$(this).closest('.droped').hide();
  2079.         });
  2080.     });
  2082.     const searchLocationm = document.getElementById('location-drop-mobile');
  2083.     const searchLocationLim = document.getElementById('location-li-mobile');
  2084.     const urlm = '/form/search';
  2086.     searchLocationm.addEventListener(\"click\", function (){
  2087.         fetch(urlm, {
  2088.             method: 'GET',
  2089.             // body: JSON.stringify({
  2090.             //     searchLocation: this.value
  2091.             // })
  2092.         }).then(function(response) {
  2093.             return response.json()
  2094.         }).then(function (data) {
  2095.             searchLocationLim.innerHTML = '';
  2096.             for (const datum in data) {
  2097.                 const li = document.createElement('li')
  2098.                 li.classList.add('item')
  2100.                 li.dataset.value = data[datum]
  2101.                 li.addEventListener('click', function () {
  2102.                     searchLocationm.value = this.dataset.itemName
  2103.                 })
  2104.                 li.innerHTML += data[datum]
  2105.                 searchLocationLim.appendChild(li)
  2107.                 li.addEventListener('click', event => {
  2108.                     li.classList.add('selected');
  2109.                 });
  2110.             }
  2111.             searchLocationLim.addEventListener('click', function (e) {
  2112.                 searchLocationLim.req
  2113.                 let target = e.target;
  2114.                 const dropId = document.getElementById('location-drop-mobile')
  2115.                 dropId.querySelector('.undroped-subheader').innerHTML = target.innerHTML
  2116.                 dropId.querySelector('.input-subheader').value = target.dataset.value
  2117.                 dropId.classList.remove('open')
  2118.                 dropId.querySelector('.undroped').style.display = 'block'
  2119.                 dropId.querySelector('.droped').style.display = 'none'
  2120.                 dropId.querySelector('.undroped-subheader').classList.add('selected')
  2121.             })
  2122.         });
  2123.     })
  2125.     if (window.location.href.includes('action=postule')) {
  2126.         let select = document.getElementById('contact_form_object');
  2127.         let options = select.childNodes;
  2128.         let optionPostule = options[1];
  2129.         optionPostule.setAttribute('selected', '')
  2130.         console.log(optionPostule)
  2131.     }
  2132.     /* the viewport is less than 768 pixels wide */
  2133.     //      \$('#projects').slick({
  2134.     //     dots: false,
  2135.     //     infinite: true,
  2136.     //     speed: 300,
  2137.     //     slidesToShow: 1,
  2138.     //     slidesToScroll: 1,
  2139.     //     autoplay: true,
  2140.     //     responsive: [
  2141.     //         {
  2142.     //             breakpoint: 576,
  2143.     //             settings: {
  2144.     //                 slidesToShow: 1,
  2145.     //                 slidesToScroll: 1
  2146.     //             }
  2147.     //         }
  2148.     //         // You can unslick at a given breakpoint now by adding:
  2149.     //         // settings: \"unslick\"
  2150.     //         // instead of a settings object
  2151.     //     ]
  2152.     // });
  2154.     //
  2155.     // const searchMobile = document.getElementById('search-detail-mobile')
  2156.     // const searchSubDivMobile = document.getElementById('sub-search-div-mobile')
  2157.     //
  2158.     // searchMobile.addEventListener('click', function (e) {
  2159.     //     e.preventDefault()
  2160.     //     searchSubDivMobile.style.display = 'flex'
  2161.     //     searchMobile.style.display = 'none'
  2162.     // })
  2163. </script>
  2164. #}
  2165. </body>
  2166. </html>
  2167. ", "base.html.twig", "/home/fuzxzwq/www/templates/base.html.twig");
  2168.     }
  2169. }