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

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