var/cache/dev/twig/b9/b9f86ce1c1590efec78b1412f4c8d337a3602bc7a804d11f24351f6588d3096f.php line 41

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. /* property.html.twig */
  17. class __TwigTemplate_688911016a73e4f1042c389755a10c3987573148adc90eca33ef42a76f6e9f16 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->blocks = [
  29.             'title' => [$this, 'block_title'],
  30.             'metaDescription' => [$this, 'block_metaDescription'],
  31.             'body' => [$this, 'block_body'],
  32.         ];
  33.     }
  35.     protected function doGetParent(array $context)
  36.     {
  37.         // line 1
  38.         return "base.html.twig";
  39.     }
  41.     protected function doDisplay(array $context, array $blocks = [])
  42.     {
  43.         $macros = $this->macros;
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  45.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "property.html.twig"));
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  48.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "property.html.twig"));
  50.         $this->parent = $this->loadTemplate("base.html.twig", "property.html.twig", 1);
  51.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  52.         
  53.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  55.         
  56.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  58.     }
  60.     // line 3
  61.     public function block_title($context, array $blocks = [])
  62.     {
  63.         $macros = $this->macros;
  64.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  65.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  67.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  68.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  70.         yield "Biens";
  71.         
  72.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  74.         
  75.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  77.         return; yield '';
  78.     }
  80.     // line 4
  81.     public function block_metaDescription($context, array $blocks = [])
  82.     {
  83.         $macros = $this->macros;
  84.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  85.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
  87.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  88.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
  90.         // line 5
  91.         yield "    ";
  92.         $context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Biens", "Header");
  93.         // line 6
  94.         yield "    <meta name=\"description\" content=\"
  95.     ";
  96.         // line 7
  97.         if (CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 7)) {
  98.             // line 8
  99.             yield "        ";
  100.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::striptags(CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 8, $this->source); })()), "content", [], "any", false, false, false, 8)), "html", null, true);
  101.             yield "
  102.     ";
  103.         } else {
  104.             // line 10
  105.             yield "         Tracol Immobilier propose une large offre en immobilier neuf (logements, bureaux, commerces), qui se caractérise par une architecture résolument contemporaine, des matériaux de qualité, et le soin apporté à chaque détail.
  106.     ";
  107.         }
  108.         // line 12
  109.         yield "    \">
  110. ";
  111.         
  112.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  114.         
  115.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  117.         return; yield '';
  118.     }
  120.     // line 15
  121.     public function block_body($context, array $blocks = [])
  122.     {
  123.         $macros = $this->macros;
  124.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  125.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  127.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  128.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  130.         yield " 
  132.     ";
  133.         // line 17
  134.         $context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Biens", "Header");
  135.         // line 18
  136.         yield "
  137.     ";
  138.         // line 19
  139.         if ((CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "picture", [], "any", true, true, false, 19) &&  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 19, $this->source); })()), "picture", [], "any", false, false, false, 19)))) {
  140.             // line 20
  141.             yield "        ";
  142.             $context["backgroundImage"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 20, $this->source); })()), "picture", [], "any", false, false, false, 20), 0, [], "array", false, false, false, 20), "path", [], "any", false, false, false, 20);
  143.             // line 21
  144.             yield "    ";
  145.         } else {
  146.             // line 22
  147.             yield "        ";
  148.             $context["backgroundImage"] = "empty";
  149.             // line 23
  150.             yield "    ";
  151.         }
  152.         // line 24
  153.         yield "
  154.     ";
  155.         // line 39
  156.         yield "
  160.     <div class=\"container-fluid\">
  161.         ";
  162.         // line 44
  163.         $context["sectionContent1"] = $this->extensions['App\Twig\ContentExtension']->Content("Biens", "Section-1");
  164.         // line 45
  165.         yield "
  166.         ";
  167.         // line 70
  168.         yield "
  170.         <section class=\"project\" style=\"margin-top: 60px\">
  171.             
  172.             <div id=\"button-property-page\"  class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center; padding-left: 7px\">
  173.                 <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  174.                 <button data-id=\"sale\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ACHAT</span></button>
  175.                 <button data-id=\"rental\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">LOCATION</span></button>
  176.             </div>
  178.             <div id=\"button-property-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  179.                 ";
  180.         // line 88
  181.         yield "            </div>
  184.             <div class=\"col-xl-8 mx-auto div-svg-header deactive-tablet\" style=\"display: flex; flex-direction: column; justify-content: center\">
  186.                 <div class=\"col-md-4\" style=\"margin-top: 40px\">
  187.                     <p>Trier par :</p>
  188.                     <form>
  189.                         <select name=\"subfilter\" class=\"form-control with-appearance\" id=\"filterProperties\">
  190.                             <option value=\"\">Sélectionner</option>
  191.                             <option value=\"date\">Date de publication</option>
  192.                             <option value=\"asc\">Prix croissant</option>
  193.                             <option value=\"desc\">Prix décroissant</option>
  194.                         </select>
  195.                     </form>
  196.                 </div>
  199.                 ";
  200.         // line 128
  201.         yield "
  204.                 <div id=\"loading\">
  205.                     <h1 id=\"showOutput\"></h1>
  206.                 </div>
  209.                 <div id=\"properties\" class=\"row col-lg-12\">
  211.                     ";
  212.         // line 138
  213.         $context['_parent'] = $context;
  214.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["properties"]) || array_key_exists("properties", $context) ? $context["properties"] : (function () { throw new RuntimeError('Variable "properties" does not exist.', 138, $this->source); })()));
  215.         $context['_iterated'] = false;
  216.         $context['loop'] = [
  217.           'parent' => $context['_parent'],
  218.           'index0' => 0,
  219.           'index'  => 1,
  220.           'first'  => true,
  221.         ];
  222.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  223.             $length = count($context['_seq']);
  224.             $context['loop']['revindex0'] = $length - 1;
  225.             $context['loop']['revindex'] = $length;
  226.             $context['loop']['length'] = $length;
  227.             $context['loop']['last'] = 1 === $length;
  228.         }
  229.         foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
  230.             // line 139
  231.             yield "                        <div  class=\"property col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12 div-img-hover-2\" data-date=\"";
  232.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "created_at", [], "any", false, false, false, 139), "html", null, true);
  233.             yield "\" data-price=\"";
  234.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 139), "value", [], "any", false, false, false, 139), "html", null, true);
  235.             yield "\" style=\"cursor: pointer\">
  236.                             ";
  237.             // line 162
  238.             yield "
  239.                             ";
  240.             // line 164
  241.             yield "                            ";
  242.             if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 164))) {
  243.                 // line 165
  244.                 yield "                                <div class=\"position-relative properties-slide slick-slide-single-";
  245.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 165), "html", null, true);
  246.                 yield " image\">
  247.                                     ";
  248.                 // line 166
  249.                 $context['_parent'] = $context;
  250.                 $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 166), 0, 3));
  251.                 foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
  252.                     // line 167
  253.                     yield "                                        ";
  254.                     $context["url"] = ((CoreExtension::inFilter("http", CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 167))) ? (CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 167)) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("uploads/images/properties/" . CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 167)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 167)))));
  255.                     // line 168
  256.                     yield "                                        <div class=\"img\" style=\"background: url('";
  257.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["url"]) || array_key_exists("url", $context) ? $context["url"] : (function () { throw new RuntimeError('Variable "url" does not exist.', 168, $this->source); })()), "html", null, true);
  258.                     yield "')no-repeat center;background-size:cover;\"  onclick=\"location.href='";
  259.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 168)]), "html", null, true);
  260.                     yield "'\">
  261.                                         </div>
  262.                                     ";
  263.                 }
  264.                 $_parent = $context['_parent'];
  265.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
  266.                 $context = array_intersect_key($context, $_parent) + $_parent;
  267.                 // line 171
  268.                 yield "                                </div>
  269.                             ";
  270.             } else {
  271.                 // line 173
  272.                 yield "                            <div class=\"position-relative properties-slide image\">
  273.                                 <a href=\"";
  274.                 // line 174
  275.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 174)]), "html", null, true);
  276.                 yield "\"><img src=\"";
  277.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Hudson_Ontario2.png"), "html", null, true);
  278.                 yield "\" /></a>
  279.                             </div>
  280.                             ";
  281.             }
  282.             // line 177
  283.             yield "                            <a href=\"";
  284.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 177)]), "html", null, true);
  285.             yield "\">
  286.                             <div class=\"row col-md-12 justify-content-between\">
  287.                                 <ul class=\"col-md-4 items\">
  288.                                     <li class=\"item surface\">
  289.                                         ";
  290.             // line 184
  291.             yield "                                         ";
  292.             (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 184), "value", [], "any", false, false, false, 184), null))) ? (yield "") : (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 184), "value", [], "any", false, false, false, 184) . $this->extensions['App\Twig\ContentExtension']->areaConversion(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 184), "unit", [], "any", false, false, false, 184))), "html", null, true)));
  293.             yield "
  294.                                     </li>
  295.                                     ";
  296.             // line 186
  297.             if ((0 !== CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "bedrooms", [], "any", false, false, false, 186), 0))) {
  298.                 // line 187
  299.                 yield "                                        <li class=\"item surface\">
  300.                                             <img src=\"";
  301.                 // line 188
  302.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/chambre.svg"), "html", null, true);
  303.                 yield "\" alt=\"Icone chambre\" style=\"width:22px;margin-right:10px;margin-top:5px;\"> ";
  304.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "bedrooms", [], "any", false, false, false, 188), "html", null, true);
  305.                 yield "
  306.                                         </li>
  307.                                     ";
  308.             }
  309.             // line 191
  310.             yield "                                </ul>
  311.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  312.                                     ";
  313.             // line 193
  314.             (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 193), "value", [], "any", false, false, false, 193), null))) ? (yield "<span style=\"font-size: 21px !important;\">sur demande</span>") : (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($this->extensions['Twig\Extension\CoreExtension']->formatNumber(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 193), "value", [], "any", false, false, false, 193), 2, ",", " ") . Twig\Extension\CoreExtension::replace(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 193), "currency", [], "any", false, false, false, 193), ["EUR" => " €"])), "html", null, true)));
  315.             yield "
  316.                                 </div>
  317.                             </div>
  318.                             <p class=\"city\">";
  319.             // line 196
  320.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "city", [], "any", false, false, false, 196), "name", [], "any", false, false, false, 196), "html", null, true);
  321.             yield "</p>
  322.                             <p class=\"project-name\">";
  323.             // line 197
  324.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\ContentExtension']->getTypeProperty(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "type", [], "any", false, false, false, 197)), "html", null, true);
  325.             yield "</p>
  326.                             </a>
  327.                         </div>
  328.                     ";
  329.             $context['_iterated'] = true;
  330.             ++$context['loop']['index0'];
  331.             ++$context['loop']['index'];
  332.             $context['loop']['first'] = false;
  333.             if (isset($context['loop']['length'])) {
  334.                 --$context['loop']['revindex0'];
  335.                 --$context['loop']['revindex'];
  336.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  337.             }
  338.         }
  339.         if (!$context['_iterated']) {
  340.             // line 201
  341.             yield "                        <h4>Aucun bien disponible avec ces critères</h4>
  342.                     ";
  343.         }
  344.         $_parent = $context['_parent'];
  345.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['property'], $context['_parent'], $context['loop']);
  346.         $context = array_intersect_key($context, $_parent) + $_parent;
  347.         // line 203
  348.         yield "                </div>
  349.                 ";
  350.         // line 207
  351.         yield "            </div>
  352.         </section>
  354.         <section class=\"other-properties pt-5 pb-5\" style=\"background:#F7F7F7\">
  355.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex;\">
  356.                 <div class=\"col-lg-6\">
  357.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  358.                         <path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"></path>
  359.                     </svg>
  360.                     <h1 class=\"project-title\">
  361.                         ";
  362.         // line 217
  363.         if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 217), "attributes", [], "any", false, true, false, 217), "get", ["_route_params"], "method", false, true, false, 217), "keyword", [], "array", true, true, false, 217) || array_key_exists("idCategory", $context))) {
  364.             // line 218
  365.             yield "                            ";
  366.             if (((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 218), "attributes", [], "any", false, true, false, 218), "get", ["_route_params"], "method", false, true, false, 218), "keyword", [], "array", true, true, false, 218) && (0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, 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.', 218, $this->source); })()), "request", [], "any", false, false, false, 218), "attributes", [], "any", false, false, false, 218), "get", ["_route_params"], "method", false, false, false, 218), "keyword", [], "array", false, false, false, 218), "location"))) || (array_key_exists("idCategory", $context) && (0 === CoreExtension::compare((isset($context["idCategory"]) || array_key_exists("idCategory", $context) ? $context["idCategory"] : (function () { throw new RuntimeError('Variable "idCategory" does not exist.', 218, $this->source); })()), 1))))) {
  367.                 // line 219
  368.                 yield "                                ";
  369.                 $context["otherDispo"] = "vente";
  370.                 // line 220
  371.                 yield "                            ";
  372.             } else {
  373.                 // line 221
  374.                 yield "                                ";
  375.                 $context["otherDispo"] = "location";
  376.                 // line 222
  377.                 yield "                            ";
  378.             }
  379.             // line 223
  380.             yield "                        ";
  381.         } else {
  382.             // line 224
  383.             yield "                            ";
  384.             $context["otherDispo"] = null;
  385.             // line 225
  386.             yield "                        ";
  387.         }
  388.         // line 226
  389.         yield "                        NOS biens disponibles<br> ";
  390.         if ((isset($context["otherDispo"]) || array_key_exists("otherDispo", $context) ? $context["otherDispo"] : (function () { throw new RuntimeError('Variable "otherDispo" does not exist.', 226, $this->source); })())) {
  391.             yield "À la <span style=\"color:#F6A400\">";
  392.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["otherDispo"]) || array_key_exists("otherDispo", $context) ? $context["otherDispo"] : (function () { throw new RuntimeError('Variable "otherDispo" does not exist.', 226, $this->source); })()), "html", null, true);
  393.             yield "</span>";
  394.         }
  395.         // line 227
  396.         yield "                    </h1>
  397.                 </div>
  398.             </div>
  400.             <div  class=\"col-lg-8 mx-auto\">
  401.                 <div id=\"propertiesOther\" class=\"col-lg-12 property-other-list\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  402.                     ";
  403.         // line 233
  404.         $context['_parent'] = $context;
  405.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["otherProperties"]) || array_key_exists("otherProperties", $context) ? $context["otherProperties"] : (function () { throw new RuntimeError('Variable "otherProperties" does not exist.', 233, $this->source); })()));
  406.         $context['loop'] = [
  407.           'parent' => $context['_parent'],
  408.           'index0' => 0,
  409.           'index'  => 1,
  410.           'first'  => true,
  411.         ];
  412.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  413.             $length = count($context['_seq']);
  414.             $context['loop']['revindex0'] = $length - 1;
  415.             $context['loop']['revindex'] = $length;
  416.             $context['loop']['length'] = $length;
  417.             $context['loop']['last'] = 1 === $length;
  418.         }
  419.         foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
  420.             // line 234
  421.             yield "                        <div  class=\"property-other other col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
  422.                             ";
  423.             // line 257
  424.             yield "
  426.                             ";
  427.             // line 260
  428.             yield "                            ";
  429.             if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 260))) {
  430.                 // line 261
  431.                 yield "                                <div class=\"position-relative properties-slide slick-slide-single-";
  432.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 261), "html", null, true);
  433.                 yield "\">
  434.                                     ";
  435.                 // line 262
  436.                 $context['_parent'] = $context;
  437.                 $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 262), 0, 3));
  438.                 foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
  439.                     // line 263
  440.                     yield "                                        ";
  441.                     // line 264
  442.                     yield "                                        ";
  443.                     $context["url"] = ((CoreExtension::inFilter("http", CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 264))) ? (CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 264)) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("uploads/images/properties/" . CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 264)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 264)))));
  444.                     // line 265
  445.                     yield "                                        <div class=\"img\" style=\"background-image: url('";
  446.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["url"]) || array_key_exists("url", $context) ? $context["url"] : (function () { throw new RuntimeError('Variable "url" does not exist.', 265, $this->source); })()), "html", null, true);
  447.                     yield "')\"  onclick=\"location.href='";
  448.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 265)]), "html", null, true);
  449.                     yield "'\">
  450.                                         </div>
  451.                                     ";
  452.                 }
  453.                 $_parent = $context['_parent'];
  454.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
  455.                 $context = array_intersect_key($context, $_parent) + $_parent;
  456.                 // line 268
  457.                 yield "                                </div>
  459.                             ";
  460.             } else {
  461.                 // line 271
  462.                 yield "                                <div class=\"position-relative properties-slide\">
  463.                                     <a href=\"";
  464.                 // line 272
  465.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 272)]), "html", null, true);
  466.                 yield "\"><img src=\"";
  467.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Hudson_Ontario2.png"), "html", null, true);
  468.                 yield "\" /></a>
  469.                                 </div>
  470.                             ";
  471.             }
  472.             // line 275
  473.             yield "                            <a href=\"";
  474.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 275)]), "html", null, true);
  475.             yield "\">
  476.                             <div class=\"row col-md-12 justify-content-between infos-list\">
  477.                                 <ul class=\"col-md-4 items\">
  478.                                     <li class=\"item surface\">
  479.                                         ";
  480.             // line 280
  481.             yield "                                        ";
  482.             (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 280), "value", [], "any", false, false, false, 280), null))) ? (yield "") : (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 280), "value", [], "any", false, false, false, 280) . $this->extensions['App\Twig\ContentExtension']->areaConversion(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 280), "unit", [], "any", false, false, false, 280))), "html", null, true)));
  483.             yield "
  484.                                     </li>
  485.                                 </ul>
  486.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  487.                                     ";
  488.             // line 284
  489.             (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 284), "value", [], "any", false, false, false, 284), null))) ? (yield "<span style=\"font-size: 14px !important;\">sur demande</span>") : (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($this->extensions['Twig\Extension\CoreExtension']->formatNumber(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 284), "value", [], "any", false, false, false, 284), 2, ",", " ") . Twig\Extension\CoreExtension::replace(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 284), "currency", [], "any", false, false, false, 284), ["EUR" => " €"])), "html", null, true)));
  490.             yield "
  491.                                 </div>
  492.                             </div>
  493.                             <p class=\"city\">";
  494.             // line 287
  495.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "city", [], "any", false, false, false, 287), "name", [], "any", false, false, false, 287), "html", null, true);
  496.             yield "</p>
  497.                             <p class=\"project-name\">";
  498.             // line 288
  499.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\ContentExtension']->getTypeProperty(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "type", [], "any", false, false, false, 288)), "html", null, true);
  500.             yield "</p>
  501.                             </a>
  502.                         </div>
  503.                     ";
  504.             ++$context['loop']['index0'];
  505.             ++$context['loop']['index'];
  506.             $context['loop']['first'] = false;
  507.             if (isset($context['loop']['length'])) {
  508.                 --$context['loop']['revindex0'];
  509.                 --$context['loop']['revindex'];
  510.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  511.             }
  512.         }
  513.         $_parent = $context['_parent'];
  514.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['property'], $context['_parent'], $context['loop']);
  515.         $context = array_intersect_key($context, $_parent) + $_parent;
  516.         // line 292
  517.         yield "                </div>
  519.                 ";
  520.         // line 294
  521.         $context["paramUrl"] = 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.', 294, $this->source); })()), "request", [], "any", false, false, false, 294), "get", ["keyword"], "method", false, false, false, 294);
  522.         // line 295
  523.         yield "                ";
  524.         if ((0 === CoreExtension::compare(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.', 295, $this->source); })()), "request", [], "any", false, false, false, 295), "get", ["keyword"], "method", false, false, false, 295), "location"))) {
  525.             // line 296
  526.             yield "                    ";
  527.             $context["paramUrl"] = "vente";
  528.             // line 297
  529.             yield "                ";
  530.         } elseif ((0 === CoreExtension::compare(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.', 297, $this->source); })()), "request", [], "any", false, false, false, 297), "get", ["keyword"], "method", false, false, false, 297), "vente"))) {
  531.             // line 298
  532.             yield "                    ";
  533.             $context["paramUrl"] = "location";
  534.             // line 299
  535.             yield "                ";
  536.         }
  537.         // line 300
  538.         yield "                <div id=\"link-none\" class=\"col-lg-12 mx-auto other-property-link div-svg-header d-flex justify-content-end\">
  539.                     <div>
  540.                         <a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"";
  541.         // line 302
  542.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("properties", ["keyword" => (isset($context["paramUrl"]) || array_key_exists("paramUrl", $context) ? $context["paramUrl"] : (function () { throw new RuntimeError('Variable "paramUrl" does not exist.', 302, $this->source); })())]), "html", null, true);
  543.         yield "\">Découvrir plus
  544.                             <svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
  545.                         </a>
  546.                     </div>
  547.                 </div>
  548.             </div>
  550.         </section>
  552.         ";
  553.         // line 351
  554.         yield "
  555.     </div>
  556.     
  557.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  558.         <div id=\"link-ok\" class=\"col-lg-3\" style=\"display: flex; align-content: center\">
  559.             <a class=\"property-span-arrow\" href=\"";
  560.         // line 356
  561.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("habiter");
  562.         yield "\">Découvrir les avantages
  564.                 <i class=\"fas fa-arrow-right property-arrow\"></i>
  565.             </a>
  566.         </div>
  568.         <div class=\"col-lg-6 habiter-img\">
  569.             ";
  570.         // line 363
  571.         if ((CoreExtension::getAttribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "picture", [], "any", true, true, false, 363) && CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "picture", [], "any", false, true, false, 363), 0, [], "array", true, true, false, 363))) {
  572.             // line 364
  573.             yield "                <img style=\"padding: 0px;\"  class=\"img-100\" src=\"/uploads/images/";
  574.             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["sectionContent1"]) || array_key_exists("sectionContent1", $context) ? $context["sectionContent1"] : (function () { throw new RuntimeError('Variable "sectionContent1" does not exist.', 364, $this->source); })()), "picture", [], "any", false, false, false, 364), 0, [], "array", false, false, false, 364), "path", [], "any", false, false, false, 364), "html", null, true);
  575.             yield "\">
  576.             ";
  577.         } else {
  578.             // line 366
  579.             yield "                <img style=\"padding: 0px;\"  class=\"img-100\" src=\"https://tracol.lu/uploads/images/millebierg-6194cb6331d44212004123.png\">
  580.             ";
  581.         }
  582.         // line 368
  583.         yield "        </div>
  584.     </div>
  585.     <script>
  586.         ";
  587.         // line 372
  588.         yield "        ";
  589.         // line 373
  590.         yield "        ";
  591.         // line 374
  592.         yield "        ";
  593.         // line 375
  594.         yield "        ";
  595.         // line 376
  596.         yield "        ";
  597.         // line 377
  598.         yield "        ";
  599.         // line 378
  600.         yield "        ";
  601.         // line 379
  602.         yield "        ";
  603.         // line 380
  604.         yield "
  606.         ";
  607.         // line 383
  608.         yield "        ";
  609.         // line 384
  610.         yield "        ";
  611.         // line 385
  612.         yield "
  613.         ";
  614.         // line 387
  615.         yield "        ";
  616.         // line 388
  617.         yield "        ";
  618.         // line 389
  619.         yield "        ";
  620.         // line 390
  621.         yield "        ";
  622.         // line 391
  623.         yield "        ";
  624.         // line 392
  625.         yield "        ";
  626.         // line 393
  627.         yield "        ";
  628.         // line 394
  629.         yield "        ";
  630.         // line 395
  631.         yield "        ";
  632.         // line 396
  633.         yield "        ";
  634.         // line 397
  635.         yield "        ";
  636.         // line 398
  637.         yield "        ";
  638.         // line 399
  639.         yield "        ";
  640.         // line 400
  641.         yield "        ";
  642.         // line 401
  643.         yield "        ";
  644.         // line 402
  645.         yield "        ";
  646.         // line 403
  647.         yield "        ";
  648.         // line 404
  649.         yield "        ";
  650.         // line 405
  651.         yield "        ";
  652.         // line 406
  653.         yield "        ";
  654.         // line 407
  655.         yield "        ";
  656.         // line 408
  657.         yield "        ";
  658.         // line 409
  659.         yield "        ";
  660.         // line 410
  661.         yield "        ";
  662.         // line 411
  663.         yield "        ";
  664.         // line 412
  665.         yield "        ";
  666.         // line 413
  667.         yield "        ";
  668.         // line 414
  669.         yield "        ";
  670.         // line 415
  671.         yield "        ";
  672.         // line 416
  673.         yield "        ";
  674.         // line 417
  675.         yield "        ";
  676.         // line 418
  677.         yield "
  678.         ";
  679.         // line 420
  680.         yield "        ";
  681.         // line 421
  682.         yield "        ";
  683.         // line 422
  684.         yield "        ";
  685.         // line 423
  686.         yield "        ";
  687.         // line 424
  688.         yield "        ";
  689.         // line 425
  690.         yield "        ";
  691.         // line 426
  692.         yield "        ";
  693.         // line 427
  694.         yield "
  695.         ";
  696.         // line 429
  697.         yield "        ";
  698.         // line 430
  699.         yield "        ";
  700.         // line 431
  701.         yield "        ";
  702.         // line 432
  703.         yield "        ";
  704.         // line 433
  705.         yield "        ";
  706.         // line 434
  707.         yield "        ";
  708.         // line 435
  709.         yield "
  711.         ";
  712.         // line 438
  713.         yield "        ";
  714.         // line 439
  715.         yield "        ";
  716.         // line 440
  717.         yield "        ";
  718.         // line 441
  719.         yield "        ";
  720.         // line 442
  721.         yield "        ";
  722.         // line 443
  723.         yield "        ";
  724.         // line 444
  725.         yield "        ";
  726.         // line 445
  727.         yield "        ";
  728.         // line 446
  729.         yield "        ";
  730.         // line 447
  731.         yield "        ";
  732.         // line 448
  733.         yield "        ";
  734.         // line 449
  735.         yield "        ";
  736.         // line 450
  737.         yield "        ";
  738.         // line 451
  739.         yield "        ";
  740.         // line 452
  741.         yield "        ";
  742.         // line 453
  743.         yield "
  745.         ";
  746.         // line 456
  747.         yield "        ";
  748.         // line 457
  749.         yield "
  751.         const futurProjects = document.getElementById('properties')
  752.         let buttons = document.getElementsByClassName('projectButton')
  754.         for (const eElement of buttons) {
  755.             eElement.addEventListener('click', function (e) {
  756.                 e.preventDefault()
  758.                 for (let button of buttons) {
  759.                     if (button.classList.contains('all')){
  760.                         button.classList.remove('all')
  761.                         button.classList.add('come')
  762.                         button.querySelector('span').classList.replace('span-all', 'span-projects')
  763.                     }
  764.                 }
  766.                 eElement.classList.remove('come')
  767.                 eElement.classList.add('all')
  768.                 eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  770.                 fetch('properties/display/'+this.dataset.id, {
  771.                     method: 'GET',
  772.                 })
  773.                     .then(response => response.json())
  774.                     .then(data => {
  775.                         futurProjects.innerHTML = ''
  776.                         futurProjects.innerHTML = data.data
  778.                         _ww = \$(window).width();
  779.                         var lightbox = \$('.lightbox'),
  780.                             item = 0;
  782.                         \$('.lightbox-on').click(function(e){
  783.                             e.stopPropagation();
  784.                             item = 0;
  786.                             var id = \$(this).attr('data-id'),
  787.                                 max = 0;
  788.                             \$('#'+id).toggle();
  789.                             \$('#'+id).animate({opacity: 1}, 300);
  790.                             \$('#'+id).find('img').each(function( i ) {
  791.                                 max = i;
  792.                                 item = 1;
  793.                                 counter(item, max+1);
  794.                                 itemWidth(\$(this));
  795.                             });
  796.                         });
  798.                         lightbox.click(function(e) {
  799.                             e.stopPropagation();
  800.                             \$(this).animate({opacity: 0}, 300, function(){
  801.                                 \$(this).toggle();
  802.                             });
  803.                         });
  805.                         \$('.closer').on('click', function (e) {
  806.                             e.stopPropagation();
  807.                             \$(this).parent().animate(
  808.                                 {opacity: 0},
  809.                                 300,
  810.                                 function(){
  811.                                     \$(this).toggle();
  812.                                 }
  813.                             );
  814.                         });
  816.                         function itemWidth(img){
  817.                             img.closest('.items').width(img.width());
  818.                         }
  820.                         function counter(item, max){
  821.                             \$('.counter').text(item + ' / ' + max);
  822.                         }
  824.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  825.                             var wd = \$(this).width(),
  826.                                 last = \$(this).parent().find('.item').last(),
  827.                                 img = \$(this).find('.img');
  828.                             itemWidth(img);
  830.                             \$(this).animate(
  831.                                 {marginLeft: -wd, opacity: 0},
  832.                                 500,
  833.                                 'swing',
  834.                                 function(){
  835.                                     \$(this).insertAfter(last);
  836.                                     \$(this).css({marginLeft: 0, opacity: 1});
  837.                                 }
  838.                             );
  839.                         });
  841.                         \$('.item', lightbox).on('swiperight', function (e) {
  842.                             var wd = \$(this).width(),
  843.                                 first = \$(this).parent().find('.item').first(),
  844.                                 last = \$(this).parent().find('.item').last(),
  845.                                 img = \$(this).find('.img');
  846.                             itemWidth(img);
  848.                             \$(last).insertBefore(\$(this));
  849.                             \$(last).css({marginLeft: -wd, opacity: 0});
  850.                             \$(this).parent().find('.item').eq(0).animate(
  851.                                 {marginLeft: 0, opacity: 1},
  852.                                 500,
  853.                                 'swing'
  854.                             );
  855.                         });
  857.                         \$('.arrows', lightbox).on('click', function (e) {
  858.                             e.stopPropagation();
  860.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  861.                                 max = \$(this)
  862.                                     .siblings('.items').find('.item').length,
  863.                                 first = \$(this).siblings('.items').find('.item').first(),
  864.                                 last = \$(this).siblings('.items').find('.item').last(),
  865.                                 isRight = \$(this).hasClass('right'),
  866.                                 marginL = isRight ? -wd : 0,
  867.                                 marginL0 = isRight ? 0: -wd,
  868.                                 opacOn = isRight ? 1 : 0,
  869.                                 opacOff = isRight ? 0 : 1;
  871.                             if (!isRight){
  872.                                 \$(last).insertBefore(first);
  873.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  874.                                 item++;
  875.                                 if (item == max+1) {item = 1};
  876.                             } else {
  877.                                 item--;
  878.                                 if (item == 0) {item = max};
  879.                             };
  881.                             counter(item, max);
  883.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  884.                             itemWidth(img);
  886.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  887.                                 {opacity: opacOn},
  888.                                 500,
  889.                                 'swing');
  891.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  892.                                 {marginLeft: marginL, opacity: 1},
  893.                                 500,
  894.                                 'swing',
  895.                                 function(){
  896.                                     if (isRight){
  897.                                         \$(this).insertAfter(last);
  898.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  899.                                     }
  900.                                 }
  901.                             );
  902.                         });
  905.                         if (_ww > 768){
  906.                             \$('.div-img-hover-2').hover(function (e) {
  907.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  908.                                 var htext = \$(this).find('.project-content').height();
  909.                                 if (htext == undefined){htext = 0};
  910.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  911.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  912.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  913.                             }, function() {
  914.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  915.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  917.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  918.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  919.                                 });
  920.                             });
  921.                         } else {
  922.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  923.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  924.                                     ht = opened ? 85 : '100%',
  925.                                     vis = opened ? 0 : 1;
  926.                                 \$(this).find('.div-hover-2').toggleClass('open');
  927.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  928.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  929.                             });
  930.                         }
  931.                     })
  932.                     .catch((error) => {
  933.                         console.error('Error:', error);
  934.                     });
  935.             })
  936.         }
  939.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  940.             new Flicking(\"#flick3\", {
  941.                 moveType: \"freeScroll\",
  942.                 bound: true
  943.             });
  945.         }
  947.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  948.             const test = document.getElementsByClassName('select-filter')
  950.             for (const testElement of test) {
  951.                 testElement.addEventListener('click', function (e) {
  952.                     e.preventDefault()
  953.                     testElement.classList.toggle('select-projet-active')
  954.                     const infos = document.querySelector('.projectButton.all')
  955.                     const dataId = []
  956.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  958.                     for (const test1 of tests) {
  959.                         dataId.push(parseFloat(test1.dataset.id))
  960.                     }
  961.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  962.                         method: 'GET',
  963.                     })
  964.                         .then(response => response.json())
  965.                         .then(data => {
  966.                             futurProjects.innerHTML = data.data
  967.                         })
  968.                         .catch((error) => {
  969.                             console.error('Error:', error);
  970.                         });
  971.                 })
  972.             }
  973.         } else {
  974.             const test = document.getElementsByClassName('select-projet')
  975.             const textOutput = document.querySelector(\"#showOutput\");
  977.             for (const testElement of test) {
  978.                 testElement.addEventListener('click', function (e) {
  979.                     displayLoading()
  980.                     e.preventDefault()
  981.                     testElement.classList.toggle('select-projet-active')
  982.                     const infos = document.querySelector('.projectButton.all')
  983.                     const dataId = []
  984.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  985.                     for (const test1 of tests) {
  986.                         dataId.push(parseFloat(test1.dataset.id))
  987.                     }
  988.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  989.                         method: 'GET'
  990.                     })
  991.                         .then(response => response.json())
  992.                         .then(data => {
  993.                             hideLoading()
  994.                             futurProjects.innerHTML = data.data
  996.                             _ww = \$(window).width();
  997.                             var lightbox = \$('.lightbox'),
  998.                                 item = 0;
  1000.                             \$('.lightbox-on').click(function(e){
  1001.                                 e.stopPropagation();
  1002.                                 item = 0;
  1004.                                 var id = \$(this).attr('data-id'),
  1005.                                     max = 0;
  1006.                                 \$('#'+id).toggle();
  1007.                                 \$('#'+id).animate({opacity: 1}, 300);
  1008.                                 \$('#'+id).find('img').each(function( i ) {
  1009.                                     max = i;
  1010.                                     item = 1;
  1011.                                     counter(item, max+1);
  1012.                                     itemWidth(\$(this));
  1013.                                 });
  1014.                             });
  1016.                             lightbox.click(function(e) {
  1017.                                 e.stopPropagation();
  1018.                                 \$(this).animate({opacity: 0}, 300, function(){
  1019.                                     \$(this).toggle();
  1020.                                 });
  1021.                             });
  1023.                             \$('.closer').on('click', function (e) {
  1024.                                 e.stopPropagation();
  1025.                                 \$(this).parent().animate(
  1026.                                     {opacity: 0},
  1027.                                     300,
  1028.                                     function(){
  1029.                                         \$(this).toggle();
  1030.                                     }
  1031.                                 );
  1032.                             });
  1034.                             function itemWidth(img){
  1035.                                 img.closest('.items').width(img.width());
  1036.                             }
  1038.                             function counter(item, max){
  1039.                                 \$('.counter').text(item + ' / ' + max);
  1040.                             }
  1042.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  1043.                                 var wd = \$(this).width(),
  1044.                                     last = \$(this).parent().find('.item').last(),
  1045.                                     img = \$(this).find('.img');
  1046.                                 itemWidth(img);
  1048.                                 \$(this).animate(
  1049.                                     {marginLeft: -wd, opacity: 0},
  1050.                                     500,
  1051.                                     'swing',
  1052.                                     function(){
  1053.                                         \$(this).insertAfter(last);
  1054.                                         \$(this).css({marginLeft: 0, opacity: 1});
  1055.                                     }
  1056.                                 );
  1057.                             });
  1059.                             \$('.item', lightbox).on('swiperight', function (e) {
  1060.                                 var wd = \$(this).width(),
  1061.                                     first = \$(this).parent().find('.item').first(),
  1062.                                     last = \$(this).parent().find('.item').last(),
  1063.                                     img = \$(this).find('.img');
  1064.                                 itemWidth(img);
  1066.                                 \$(last).insertBefore(\$(this));
  1067.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1068.                                 \$(this).parent().find('.item').eq(0).animate(
  1069.                                     {marginLeft: 0, opacity: 1},
  1070.                                     500,
  1071.                                     'swing'
  1072.                                 );
  1073.                             });
  1075.                             \$('.arrows', lightbox).on('click', function (e) {
  1076.                                 e.stopPropagation();
  1078.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1079.                                     max = \$(this)
  1080.                                         .siblings('.items').find('.item').length,
  1081.                                     first = \$(this).siblings('.items').find('.item').first(),
  1082.                                     last = \$(this).siblings('.items').find('.item').last(),
  1083.                                     isRight = \$(this).hasClass('right'),
  1084.                                     marginL = isRight ? -wd : 0,
  1085.                                     marginL0 = isRight ? 0: -wd,
  1086.                                     opacOn = isRight ? 1 : 0,
  1087.                                     opacOff = isRight ? 0 : 1;
  1089.                                 if (!isRight){
  1090.                                     \$(last).insertBefore(first);
  1091.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  1092.                                     item++;
  1093.                                     if (item == max+1) {item = 1};
  1094.                                 } else {
  1095.                                     item--;
  1096.                                     if (item == 0) {item = max};
  1097.                                 };
  1099.                                 counter(item, max);
  1101.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1102.                                 itemWidth(img);
  1104.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  1105.                                     {opacity: opacOn},
  1106.                                     500,
  1107.                                     'swing');
  1109.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  1110.                                     {marginLeft: marginL, opacity: 1},
  1111.                                     500,
  1112.                                     'swing',
  1113.                                     function(){
  1114.                                         if (isRight){
  1115.                                             \$(this).insertAfter(last);
  1116.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  1117.                                         }
  1118.                                     }
  1119.                                 );
  1120.                             });
  1123.                             if (_ww > 768){
  1124.                                 \$('.div-img-hover-2').hover(function (e) {
  1125.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1126.                                     var htext = \$(this).find('.project-content').height();
  1127.                                     if (htext == undefined){htext = 0};
  1128.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1129.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  1130.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  1131.                                 }, function() {
  1132.                                     \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1133.                                     \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1135.                                     \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1136.                                         \$(this).find('.project-content').css({'visibility': 'hidden'});
  1137.                                     });
  1138.                                 });
  1139.                             } else {
  1140.                                 \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1141.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1142.                                         ht = opened ? 85 : '100%',
  1143.                                         vis = opened ? 0 : 1;
  1144.                                     \$(this).find('.div-hover-2').toggleClass('open');
  1145.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1146.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1147.                                 });
  1148.                             }
  1149.                             \$('.div-hover').hover(function (e) {
  1150.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1151.                             }, function() {
  1152.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1153.                             });
  1154.                         })
  1155.                         .catch((error) => {
  1156.                         });
  1157.                 })
  1158.             }
  1159.         }
  1161.         const filter = document.getElementById('filters')
  1162.         const filterElement = document.getElementById('form-search-filter-ajax')
  1163.         filter.addEventListener('click', function (e) {
  1164.             e.preventDefault()
  1165.             filterElement.classList.toggle('show')
  1166.         })
  1168.         const loader = document.querySelector(\"#loading\");
  1170.         function displayLoading() {
  1171.             loader.classList.add(\"display\");
  1172.             // to stop loading after some time
  1173.             setTimeout(() => {
  1174.                 loader.classList.remove(\"display\");
  1175.             }, 5000);
  1176.         }
  1178.         // hiding loading
  1179.         function hideLoading() {
  1180.             loader.classList.remove(\"display\");
  1181.         }
  1183.     </script>
  1185.     <script>
  1186.         const arrowPrev = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  1187.                                 <path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
  1188.                             </svg>`;
  1189.         const arrowNext= `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  1190.                             <path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
  1191.                         </svg>`;
  1192.         var countProperties = '";
  1193.         // line 900
  1194.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["properties"]) || array_key_exists("properties", $context) ? $context["properties"] : (function () { throw new RuntimeError('Variable "properties" does not exist.', 900, $this->source); })())), "html", null, true);
  1195.         yield "';
  1197.         var loopProp = 1;
  1198.         while (loopProp <= countProperties+3) {
  1200.             \$('.slick-slide-single-'+loopProp).slick({
  1201.                 'slidesToShow': 1,
  1202.                 'prevArrow': `<div class=\"arrow-left square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowPrev}</div>`,
  1203.                 'nextArrow': `<div class=\"arrow-right square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowNext}</div>`
  1204.             });
  1206.             ";
  1207.         // line 920
  1208.         yield "
  1210.             loopProp++;
  1211.         }
  1213.     </script>
  1214. ";
  1215.         
  1216.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1218.         
  1219.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1221.         return; yield '';
  1222.     }
  1224.     /**
  1225.      * @codeCoverageIgnore
  1226.      */
  1227.     public function getTemplateName()
  1228.     {
  1229.         return "property.html.twig";
  1230.     }
  1232.     /**
  1233.      * @codeCoverageIgnore
  1234.      */
  1235.     public function isTraitable()
  1236.     {
  1237.         return false;
  1238.     }
  1240.     /**
  1241.      * @codeCoverageIgnore
  1242.      */
  1243.     public function getDebugInfo()
  1244.     {
  1245.         return array (  1208 => 920,  1194 => 900,  749 => 457,  747 => 456,  743 => 453,  741 => 452,  739 => 451,  737 => 450,  735 => 449,  733 => 448,  731 => 447,  729 => 446,  727 => 445,  725 => 444,  723 => 443,  721 => 442,  719 => 441,  717 => 440,  715 => 439,  713 => 438,  709 => 435,  707 => 434,  705 => 433,  703 => 432,  701 => 431,  699 => 430,  697 => 429,  694 => 427,  692 => 426,  690 => 425,  688 => 424,  686 => 423,  684 => 422,  682 => 421,  680 => 420,  677 => 418,  675 => 417,  673 => 416,  671 => 415,  669 => 414,  667 => 413,  665 => 412,  663 => 411,  661 => 410,  659 => 409,  657 => 408,  655 => 407,  653 => 406,  651 => 405,  649 => 404,  647 => 403,  645 => 402,  643 => 401,  641 => 400,  639 => 399,  637 => 398,  635 => 397,  633 => 396,  631 => 395,  629 => 394,  627 => 393,  625 => 392,  623 => 391,  621 => 390,  619 => 389,  617 => 388,  615 => 387,  612 => 385,  610 => 384,  608 => 383,  604 => 380,  602 => 379,  600 => 378,  598 => 377,  596 => 376,  594 => 375,  592 => 374,  590 => 373,  588 => 372,  583 => 368,  579 => 366,  573 => 364,  571 => 363,  561 => 356,  554 => 351,  542 => 302,  538 => 300,  535 => 299,  532 => 298,  529 => 297,  526 => 296,  523 => 295,  521 => 294,  517 => 292,  499 => 288,  495 => 287,  489 => 284,  481 => 280,  473 => 275,  465 => 272,  462 => 271,  457 => 268,  445 => 265,  442 => 264,  440 => 263,  436 => 262,  431 => 261,  428 => 260,  424 => 257,  421 => 234,  404 => 233,  396 => 227,  389 => 226,  386 => 225,  383 => 224,  380 => 223,  377 => 222,  374 => 221,  371 => 220,  368 => 219,  365 => 218,  363 => 217,  351 => 207,  348 => 203,  341 => 201,  324 => 197,  320 => 196,  314 => 193,  310 => 191,  302 => 188,  299 => 187,  297 => 186,  291 => 184,  283 => 177,  275 => 174,  272 => 173,  268 => 171,  256 => 168,  253 => 167,  249 => 166,  244 => 165,  241 => 164,  238 => 162,  231 => 139,  213 => 138,  201 => 128,  181 => 88,  168 => 70,  165 => 45,  163 => 44,  156 => 39,  153 => 24,  150 => 23,  147 => 22,  144 => 21,  141 => 20,  139 => 19,  136 => 18,  134 => 17,  121 => 15,  109 => 12,  105 => 10,  99 => 8,  97 => 7,  94 => 6,  91 => 5,  81 => 4,  61 => 3,  38 => 1,);
  1246.     }
  1248.     public function getSourceContext()
  1249.     {
  1250.         return new Source("{% extends 'base.html.twig' %}
  1252. {% block title %}Biens{% endblock %}
  1253. {% block metaDescription %}
  1254.     {% set headerContent = content('Biens', 'Header') %}
  1255.     <meta name=\"description\" content=\"
  1256.     {% if headerContent.content is defined %}
  1257.         {{ headerContent.content|striptags }}
  1258.     {% else %}
  1259.          Tracol Immobilier propose une large offre en immobilier neuf (logements, bureaux, commerces), qui se caractérise par une architecture résolument contemporaine, des matériaux de qualité, et le soin apporté à chaque détail.
  1260.     {% endif %}
  1261.     \">
  1262. {% endblock %}
  1264. {% block body %} 
  1266.     {% set headerContent = content('Biens', 'Header') %}
  1268.     {% if headerContent.picture is defined and headerContent.picture is not empty %}
  1269.         {% set backgroundImage = headerContent.picture[0].path %}
  1270.     {% else %}
  1271.         {% set backgroundImage = 'empty' %}
  1272.     {% endif %}
  1274.     {#
  1275.     <header class=\"header-tracol slider-home slider-not-home who-is bottom-right-border position-relative overflow-hidden to-right\" id=\"sliderHeader\"  style=\"background: url({% if backgroundImage == 'empty' %}'https://tracol.lu/uploads/images/residences-61c0b1dd3141b610699350.jpeg'{% else %}'/uploads/images/{{ backgroundImage }}'{% endif %}) center center no-repeat;background-size:cover;\">
  1276.         <div class=\"container-fluid\">
  1277.             <div id=\"header-habiter\" class=\"col-lg-8 mx-auto div-svg-header\">
  1278.                 <div class=\"header-habiter-div2\">
  1279.                     {% if headerContent.name is defined %}
  1280.                         <svg id=\"svg-habiter\" width=\"10\" height=\"16\" 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 10 16\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Tracé 76</title><path d=\"M9.08929,0.51465v0h-9.08929v0v14.77002v0l9.08929,-1.93109v0z\" fill=\"#f6a400\" fill-opacity=\"1\"></path></g></g></svg>
  1281.                         <h2 class=\"header-habiter-title col-lg-8\">{{ headerContent.name }}</h2>
  1282.                     {% endif %}
  1283.                 </div>
  1284.             </div>
  1285.         </div>
  1286.     </header>
  1287.     #}
  1292.     <div class=\"container-fluid\">
  1293.         {% set sectionContent1 = content('Biens', 'Section-1') %}
  1295.         {#
  1296.         <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  1297.             <div class=\"col-lg-5 property-title\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  1298.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1299.                     <path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"/>
  1300.                 </svg>
  1301.                 {% if properties|length == 0 %}
  1302.                     <h1 class=\"lowercase-title\">Nous n'avons aucun bien correspondant à votre recherche.</h1>
  1303.                 {% elseif properties|length == 1 %}
  1304.                     <h1 class=\"project-title\">{{ properties|length }} bien disponible</h1>
  1305.                 {% else %}
  1306.                     <h1 class=\"project-title\">{{properties|length }} biens disponibles</h1>
  1307.                 {% endif %}
  1308.             </div>
  1309.             <div class=\"separator\"></div>
  1310.             <div class=\"col-lg-6 pre-section-content\">
  1311.                 {% if sectionContent1.content is defined %}
  1312.                     {{ sectionContent1.content|raw }}
  1313.                 {% else %}
  1314.                     Que vous soyez un particulier ou un professionnel, que vous recherchiez un appartement, une maison, un bureau ou un commerce, nos équipes d’experts vous accompagnent tout au long de votre projet immobilier.
  1315.                 {% endif %}
  1316.             </div>
  1317.         </div>
  1318.         #}
  1321.         <section class=\"project\" style=\"margin-top: 60px\">
  1322.             
  1323.             <div id=\"button-property-page\"  class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center; padding-left: 7px\">
  1324.                 <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  1325.                 <button data-id=\"sale\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ACHAT</span></button>
  1326.                 <button data-id=\"rental\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">LOCATION</span></button>
  1327.             </div>
  1329.             <div id=\"button-property-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  1330.                 {#<div id=\"flick3\" class=\"flicking-viewport\">
  1331.                     <div class=\"flicking-camera\">
  1332.                         <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  1333.                         <button data-id=\"sale\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ACHAT</span></button>
  1334.                         <button data-id=\"rental\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">LOCATION</span></button>
  1335.                     </div>
  1336.                 </div>#}
  1337.             </div>
  1340.             <div class=\"col-xl-8 mx-auto div-svg-header deactive-tablet\" style=\"display: flex; flex-direction: column; justify-content: center\">
  1342.                 <div class=\"col-md-4\" style=\"margin-top: 40px\">
  1343.                     <p>Trier par :</p>
  1344.                     <form>
  1345.                         <select name=\"subfilter\" class=\"form-control with-appearance\" id=\"filterProperties\">
  1346.                             <option value=\"\">Sélectionner</option>
  1347.                             <option value=\"date\">Date de publication</option>
  1348.                             <option value=\"asc\">Prix croissant</option>
  1349.                             <option value=\"desc\">Prix décroissant</option>
  1350.                         </select>
  1351.                     </form>
  1352.                 </div>
  1355.                 {#
  1356.                 <div style=\"display: flex; flex-direction: row; padding-left: 7px; align-items: center; margin-top: 15px;\">
  1357.                     <div id=\"filter-desktop\" class=\"filters-biens\">
  1358.                         {% for key, subType in getTypeProperties() %}
  1359.                             <button data-id=\"{{ key }}\" class=\"select-projet\">{{ subType }} <i class=\"fas fa-times\"></i></button>
  1360.                         {% endfor %}
  1361.                     </div>
  1363.                     <div id=\"filter-mobile\" class=\"col-lg-3 div-form selectSubFilter property\" style=\"display: none\">
  1364.                         <div class=\"input-group dropdown show\">
  1365.                             <label class=\"label-search-filter\" for=\"location\">Filtrer par Type</label>
  1366.                             <input style=\"height: 75px; width: 60px;\" type=\"text\" autocomplete=\"off\" name=\"filters\" id=\"filters\"
  1367.                                    class=\"form-control\" aria-expanded=\"false\">
  1368.                             <ul id=\"form-search-filter-ajax\" class=\"dropdown-menu form-search-filter-ajax\" aria-labelledby=\"\">
  1369.                                 {% for key, subType in getTypeProperties() %}
  1370.                                     <li value=\"{{ key }}\" data-id=\"{{ key }}\" class=\"select-filter\"><i class=\"fas fa-times\"></i>{{ subType }}</li>
  1371.                                 {% endfor %}
  1372.                             </ul>
  1373.                         </div>
  1374.                     </div>
  1375.                 </div>
  1376.                 #}
  1380.                 <div id=\"loading\">
  1381.                     <h1 id=\"showOutput\"></h1>
  1382.                 </div>
  1385.                 <div id=\"properties\" class=\"row col-lg-12\">
  1387.                     {% for property in properties %}
  1388.                         <div  class=\"property col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12 div-img-hover-2\" data-date=\"{{ property.created_at }}\" data-price=\"{{ property.price.value }}\" style=\"cursor: pointer\">
  1389.                             {#
  1390.                             <div class=\"div-hover-2\" id=\"div-hover-2\" aria-haspopup=\"true\" style=\"position: absolute; bottom: 8px; left: 9px; background-color: #242424; color: white; width: 291px; height: 70px\">
  1391.                                                             {% if property.comments[0].comment is not empty %}
  1392.                                                                 <p class=\"project-content\">
  1393.                                                                     {{ property.comments[0].comment|slice(0, 350) }}</p>
  1395.                                                                 <a href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1396.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1397.                                                                 </a>
  1398.                                                             {% else %}
  1399.                                                                 <a style=\"margin-top: 180px\" href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1400.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1401.                                                                 </a>
  1402.                                                             {% endif %}
  1403.                                                         </div>
  1405.                                                         <div class=\"col-lg-3 properties-price-absolute\" style=\"background-color: #c48300; height: 56px;\">
  1406.                                                             <p style=\"font-size: 20px;\" class=\"properties-price\">
  1407.                                                                 {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1408.                                                             </p>
  1409.                                                         </div>
  1410.                             #}
  1412.                             {# <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ specialPropertyCategory(property.category) }}</span></div> #}
  1413.                             {% if property.pictures is not empty %}
  1414.                                 <div class=\"position-relative properties-slide slick-slide-single-{{ loop.index }} image\">
  1415.                                     {% for picture in property.pictures|slice(0,3) %}
  1416.                                         {% set url = 'http' in picture.url ? picture.url : asset('uploads/images/properties/'~property.id~'/'~picture.url) %}
  1417.                                         <div class=\"img\" style=\"background: url('{{ url }}')no-repeat center;background-size:cover;\"  onclick=\"location.href='{{ path('property-detail', {'id': property.id}) }}'\">
  1418.                                         </div>
  1419.                                     {% endfor %}
  1420.                                 </div>
  1421.                             {% else %}
  1422.                             <div class=\"position-relative properties-slide image\">
  1423.                                 <a href=\"{{ path('property-detail', {'id': property.id}) }}\"><img src=\"{{ asset('build/Hudson_Ontario2.png') }}\" /></a>
  1424.                             </div>
  1425.                             {% endif %}
  1426.                             <a href=\"{{ path('property-detail', {'id': property.id}) }}\">
  1427.                             <div class=\"row col-md-12 justify-content-between\">
  1428.                                 <ul class=\"col-md-4 items\">
  1429.                                     <li class=\"item surface\">
  1430.                                         {#
  1431.                                         <img src=\"{{ asset('img/surface.svg') }}\" class=\"surface-logo\">
  1432.                                         #}
  1433.                                          {{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}
  1434.                                     </li>
  1435.                                     {% if property.bedrooms != 0 %}
  1436.                                         <li class=\"item surface\">
  1437.                                             <img src=\"{{ asset('img/icons/chambre.svg') }}\" alt=\"Icone chambre\" style=\"width:22px;margin-right:10px;margin-top:5px;\"> {{ property.bedrooms }}
  1438.                                         </li>
  1439.                                     {% endif %}
  1440.                                 </ul>
  1441.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  1442.                                     {{ property.price.value == null ? '<span style=\"font-size: 21px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1443.                                 </div>
  1444.                             </div>
  1445.                             <p class=\"city\">{{ property.city.name }}</p>
  1446.                             <p class=\"project-name\">{{ getTypeProperty(property.type) }}</p>
  1447.                             </a>
  1448.                         </div>
  1449.                     {% else %}
  1450.                         <h4>Aucun bien disponible avec ces critères</h4>
  1451.                     {% endfor %}
  1452.                 </div>
  1453.                 {#<div class=\"text-center text-capitalize more-projects\">
  1454.                     <p>AFFICHER PLUS DE BIENS</p>
  1455.                 </div>#}
  1456.             </div>
  1457.         </section>
  1459.         <section class=\"other-properties pt-5 pb-5\" style=\"background:#F7F7F7\">
  1460.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex;\">
  1461.                 <div class=\"col-lg-6\">
  1462.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1463.                         <path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"></path>
  1464.                     </svg>
  1465.                     <h1 class=\"project-title\">
  1466.                         {% if app.request.attributes.get('_route_params')['keyword'] is defined or idCategory is defined %}
  1467.                             {% if (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'location') or (idCategory is defined and idCategory == 1) %}
  1468.                                 {% set otherDispo = 'vente' %}
  1469.                             {% else %}
  1470.                                 {% set otherDispo = 'location' %}
  1471.                             {% endif %}
  1472.                         {% else %}
  1473.                             {% set otherDispo = null %}
  1474.                         {% endif %}
  1475.                         NOS biens disponibles<br> {% if otherDispo %}À la <span style=\"color:#F6A400\">{{ otherDispo }}</span>{% endif %}
  1476.                     </h1>
  1477.                 </div>
  1478.             </div>
  1480.             <div  class=\"col-lg-8 mx-auto\">
  1481.                 <div id=\"propertiesOther\" class=\"col-lg-12 property-other-list\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  1482.                     {% for property in otherProperties %}
  1483.                         <div  class=\"property-other other col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
  1484.                             {#
  1485.                             <div class=\"div-hover-2\" id=\"div-hover-2\" aria-haspopup=\"true\" style=\"position: absolute; bottom: 8px; left: 9px; background-color: #242424; color: white; width: 291px; height: 70px\">
  1486.                                                             {% if property.comments[0].comment is not empty %}
  1487.                                                                 <p class=\"project-content\">
  1488.                                                                     {{ property.comments[0].comment|slice(0, 350) }}</p>
  1490.                                                                 <a href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1491.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1492.                                                                 </a>
  1493.                                                             {% else %}
  1494.                                                                 <a style=\"margin-top: 180px\" href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1495.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1496.                                                                 </a>
  1497.                                                             {% endif %}
  1498.                                                         </div>
  1500.                                                         <div class=\"col-lg-3 properties-price-absolute\" style=\"background-color: #c48300; height: 56px;\">
  1501.                                                             <p style=\"font-size: 20px;\" class=\"properties-price\">
  1502.                                                                 {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1503.                                                             </p>
  1504.                                                         </div>
  1505.                             #}
  1508.                             {# <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ specialPropertyCategory(property.category) }}</span></div> #}
  1509.                             {% if property.pictures is not empty %}
  1510.                                 <div class=\"position-relative properties-slide slick-slide-single-{{ loop.index }}\">
  1511.                                     {% for picture in property.pictures|slice(0,3) %}
  1512.                                         {#                                    <img class=\"img-100\" src=\"{{ picture.url }}\">#}
  1513.                                         {% set url = 'http' in picture.url ? picture.url : asset('uploads/images/properties/'~property.id~'/'~picture.url) %}
  1514.                                         <div class=\"img\" style=\"background-image: url('{{ url }}')\"  onclick=\"location.href='{{ path('property-detail', {'id': property.id}) }}'\">
  1515.                                         </div>
  1516.                                     {% endfor %}
  1517.                                 </div>
  1519.                             {% else %}
  1520.                                 <div class=\"position-relative properties-slide\">
  1521.                                     <a href=\"{{ path('property-detail', {'id': property.id}) }}\"><img src=\"{{ asset('build/Hudson_Ontario2.png') }}\" /></a>
  1522.                                 </div>
  1523.                             {% endif %}
  1524.                             <a href=\"{{ path('property-detail', {'id': property.id}) }}\">
  1525.                             <div class=\"row col-md-12 justify-content-between infos-list\">
  1526.                                 <ul class=\"col-md-4 items\">
  1527.                                     <li class=\"item surface\">
  1528.                                         {# <img src=\"{{ asset('img/surface.svg') }}\" alt=\"icon surface\" class=\"surface-logo\"> #}
  1529.                                         {{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}
  1530.                                     </li>
  1531.                                 </ul>
  1532.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  1533.                                     {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1534.                                 </div>
  1535.                             </div>
  1536.                             <p class=\"city\">{{ property.city.name }}</p>
  1537.                             <p class=\"project-name\">{{ getTypeProperty(property.type) }}</p>
  1538.                             </a>
  1539.                         </div>
  1540.                     {% endfor %}
  1541.                 </div>
  1543.                 {% set paramUrl = app.request.get('keyword') %}
  1544.                 {% if app.request.get('keyword') == 'location' %}
  1545.                     {% set paramUrl = 'vente' %}
  1546.                 {% elseif app.request.get('keyword') == 'vente' %}
  1547.                     {% set paramUrl = 'location' %}
  1548.                 {% endif %}
  1549.                 <div id=\"link-none\" class=\"col-lg-12 mx-auto other-property-link div-svg-header d-flex justify-content-end\">
  1550.                     <div>
  1551.                         <a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"{{ path('properties', {'keyword': paramUrl}) }}\">Découvrir plus
  1552.                             <svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
  1553.                         </a>
  1554.                     </div>
  1555.                 </div>
  1556.             </div>
  1558.         </section>
  1560.         {#
  1561.         <section style=\"margin-bottom: 80px; margin-top: 150px;\">
  1562.             <div class=\"col-lg-8 mx-auto div-svg-header\">
  1563.                 {% set sectionContent1 = content('Biens', 'Section-2') %}
  1564.                 <div id=\"habiter-content-id\" class=\"col-lg-6 habiter-content\">
  1565.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1566.                         <path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"/>
  1567.                     </svg>
  1568.                     <div class=\"col-lg-7\">
  1569.                         <h1 class=\"habiter-title mb-5\">
  1570.                             {% if sectionContent1.name is defined %}
  1571.                                 {{ sectionContent1.name }}
  1572.                             {% else %}
  1573.                                 HABITER AU LUXEMBOURG
  1574.                             {% endif %}
  1575.                         </h1>
  1576.                         {% if sectionContent1.content is defined %}
  1577.                             {{ sectionContent1.content|raw }}
  1578.                         {% else %}
  1579.                             Vous avez découvert l’appartement ou la maison de vos rêves ? Parfait ! En achetant au Luxembourg vous pouvez bénéficier de plusieurs avantages fiscaux.
  1580.                         {% endif %}
  1581.                     </div>
  1582.                 </div>
  1583.                 <div id=\"display-none-mobile\" class=\"col-lg-6 habiter-img\">
  1584.                     {% if sectionContent1.picture is defined %}
  1585.                         <img id=\"img-property-section\" class=\"img-100\" src=\"/uploads/images/{{ sectionContent1.picture[0].path }}\">
  1586.                     {% else %}
  1587.                         <img id=\"img-property-section\" class=\"img-100\" src=\"https://tracol.lu/uploads/images/millebierg-6194cb6331d44212004123.png\">
  1588.                     {% endif %}
  1589.                 </div>
  1590.             </div>
  1591.             <div id=\"link-none\" class=\"col-lg-8 mx-auto div-svg-header\">
  1592.                 <div style=\"display: flex; align-content: center\">
  1593.                     <a id=\"link-none-a\" class=\"property-span-arrow\" href=\"{{ path('habiter') }}\">Découvrir les avantages
  1594.                         <i class=\"fas fa-arrow-right property-arrow\"></i>
  1595.                     </a>
  1596.                 </div>
  1597.             </div>
  1598.         </section>
  1599.         #}
  1601.     </div>
  1602.     
  1603.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  1604.         <div id=\"link-ok\" class=\"col-lg-3\" style=\"display: flex; align-content: center\">
  1605.             <a class=\"property-span-arrow\" href=\"{{ path('habiter') }}\">Découvrir les avantages
  1607.                 <i class=\"fas fa-arrow-right property-arrow\"></i>
  1608.             </a>
  1609.         </div>
  1611.         <div class=\"col-lg-6 habiter-img\">
  1612.             {% if sectionContent1.picture is defined and sectionContent1.picture[0] is defined %}
  1613.                 <img style=\"padding: 0px;\"  class=\"img-100\" src=\"/uploads/images/{{ sectionContent1.picture[0].path }}\">
  1614.             {% else %}
  1615.                 <img style=\"padding: 0px;\"  class=\"img-100\" src=\"https://tracol.lu/uploads/images/millebierg-6194cb6331d44212004123.png\">
  1616.             {% endif %}
  1617.         </div>
  1618.     </div>
  1619.     <script>
  1620.         {#const slideNextHeader = document.getElementById('slideNextHeader');#}
  1621.         {#const slidePreviousHeader = document.getElementById('slidePreviousHeader');#}
  1622.         {#const propertiesCity = document.getElementsByClassName('properties-city')#}
  1623.         {#const propertiesArea = document.getElementsByClassName('properties-area')#}
  1624.         {#const propertiesReference = document.getElementsByClassName('properties-reference')#}
  1625.         {#const propertiesPrice = document.getElementsByClassName('properties-price')#}
  1626.         {#const propertiesLink = document.getElementsByClassName('properties-link')#}
  1627.         {#const currentFigure = document.getElementsByClassName('current-figure')#}
  1628.         {#const lastFigure = document.getElementsByClassName('last-figure')#}
  1631.         {#let slideHeader = document.getElementById('sliderHeader');#}
  1632.         {#let positionHeader = 0;#}
  1633.         {#let positionThumbHeader = 1;#}
  1635.         {#arraySlidesHeader = [#}
  1636.         {#    {#}
  1637.         {#        'position': 1,#}
  1638.         {#        'img': '{{ saleProperties[0].pictures[0].url }}',#}
  1639.         {#        'city': '{{ saleProperties[0].city.name }}',#}
  1640.         {#        'area': '{{ saleProperties[0].area.value == null ? '' : saleProperties[0].area.value ~ areaConversion(saleProperties[0].area.unit) }}',#}
  1641.         {#        'reference': '{{ saleProperties[0].reference }}',#}
  1642.         {#        'price':  '{{ saleProperties[0].price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : saleProperties[0].price.value ~  saleProperties[0].price.currency|replace({\"EUR\": \" €\"})  }}',#}
  1643.         {#        'link': '{{ path('property-detail', {'id': saleProperties[0].id}) }}',#}
  1644.         {#        'dot': 'dot1'#}
  1645.         {#    },#}
  1646.         {#    {#}
  1647.         {#        'position': 2,#}
  1648.         {#        'img': '{{ saleProperties[1].pictures[0].url }}',#}
  1649.         {#        'city': '{{ saleProperties[1].city.name }}',#}
  1650.         {#        'area': '{{ saleProperties[1].area.value == null ? '' : saleProperties[1].area.value ~ areaConversion(saleProperties[1].area.unit) }}',#}
  1651.         {#        'reference': '{{ saleProperties[1].reference }}',#}
  1652.         {#        'price':  '{{ saleProperties[1].price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : saleProperties[1].price.value ~  saleProperties[1].price.currency|replace({\"EUR\": \" €\"})  }}',#}
  1653.         {#        'link': '{{ path('property-detail', {'id': saleProperties[1].id}) }}',#}
  1654.         {#        'dot': 'dot2'#}
  1655.         {#    },#}
  1656.         {#    {#}
  1657.         {#        'position': 3,#}
  1658.         {#        'img': '{{ saleProperties[2].pictures[0].url }}',#}
  1659.         {#        'city': '{{ saleProperties[2].city.name }}',#}
  1660.         {#        'area': '{{ saleProperties[2].area.value == null ? '' : saleProperties[2].area.value ~ areaConversion(saleProperties[2].area.unit) }}',#}
  1661.         {#        'reference': '{{ saleProperties[2].reference }}',#}
  1662.         {#        'price':  '{{ saleProperties[2].price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : saleProperties[2].price.value ~  saleProperties[2].price.currency|replace({\"EUR\": \" €\"})  }}',#}
  1663.         {#        'link': '{{ path('property-detail', {'id': saleProperties[2].id}) }}',#}
  1664.         {#        'dot': 'dot3'#}
  1665.         {#    },#}
  1666.         {#];#}
  1668.         {#slidePreviousHeader.addEventListener('click', () => {#}
  1669.         {#    if (arraySlidesHeader.length < (positionThumbHeader  + 1)) {#}
  1670.         {#        positionHeader = 0;#}
  1671.         {#        positionThumbHeader = 1;#}
  1672.         {#    } else {#}
  1673.         {#        positionHeader++;#}
  1674.         {#        positionThumbHeader++;#}
  1675.         {#    }#}
  1677.         {#    slideHeader.style.background =  `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;#}
  1678.         {#    propertiesCity[0].innerHTML = arraySlidesHeader[positionHeader].city#}
  1679.         {#    propertiesArea[0].innerHTML = arraySlidesHeader[positionHeader].area#}
  1680.         {#    propertiesReference[0].innerHTML = arraySlidesHeader[positionHeader].reference#}
  1681.         {#    propertiesPrice[0].innerHTML = arraySlidesHeader[positionHeader].price#}
  1682.         {#    propertiesLink[0].setAttribute('href', arraySlidesHeader[positionHeader].link)#}
  1683.         {#    currentFigure[0].innerHTML = '0'+positionThumbHeader#}
  1686.         {#    slideHeader.style.backgroundSize = `cover`;#}
  1687.         {#});#}
  1688.         {#slideNextHeader.addEventListener('click', () => {#}
  1689.         {#    if (positionThumbHeader === 1) {#}
  1690.         {#        positionHeader = (arraySlidesHeader.length - 1);#}
  1691.         {#        positionThumbHeader = arraySlidesHeader.length;#}
  1692.         {#    } else {#}
  1693.         {#        positionHeader = positionHeader - 1;#}
  1694.         {#        positionThumbHeader = positionThumbHeader - 1;#}
  1695.         {#    }#}
  1696.         {#    slideHeader.style.background =  `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;#}
  1697.         {#    propertiesCity[0].innerHTML = arraySlidesHeader[positionHeader].city#}
  1698.         {#    propertiesArea[0].innerHTML = arraySlidesHeader[positionHeader].area#}
  1699.         {#    propertiesReference[0].innerHTML = arraySlidesHeader[positionHeader].reference#}
  1700.         {#    propertiesPrice[0].innerHTML = arraySlidesHeader[positionHeader].price#}
  1701.         {#    currentFigure[0].innerHTML = '0'+positionThumbHeader#}
  1704.         {#    slideHeader.style.backgroundSize = `cover`;#}
  1705.         {#});#}
  1708.         const futurProjects = document.getElementById('properties')
  1709.         let buttons = document.getElementsByClassName('projectButton')
  1711.         for (const eElement of buttons) {
  1712.             eElement.addEventListener('click', function (e) {
  1713.                 e.preventDefault()
  1715.                 for (let button of buttons) {
  1716.                     if (button.classList.contains('all')){
  1717.                         button.classList.remove('all')
  1718.                         button.classList.add('come')
  1719.                         button.querySelector('span').classList.replace('span-all', 'span-projects')
  1720.                     }
  1721.                 }
  1723.                 eElement.classList.remove('come')
  1724.                 eElement.classList.add('all')
  1725.                 eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  1727.                 fetch('properties/display/'+this.dataset.id, {
  1728.                     method: 'GET',
  1729.                 })
  1730.                     .then(response => response.json())
  1731.                     .then(data => {
  1732.                         futurProjects.innerHTML = ''
  1733.                         futurProjects.innerHTML = data.data
  1735.                         _ww = \$(window).width();
  1736.                         var lightbox = \$('.lightbox'),
  1737.                             item = 0;
  1739.                         \$('.lightbox-on').click(function(e){
  1740.                             e.stopPropagation();
  1741.                             item = 0;
  1743.                             var id = \$(this).attr('data-id'),
  1744.                                 max = 0;
  1745.                             \$('#'+id).toggle();
  1746.                             \$('#'+id).animate({opacity: 1}, 300);
  1747.                             \$('#'+id).find('img').each(function( i ) {
  1748.                                 max = i;
  1749.                                 item = 1;
  1750.                                 counter(item, max+1);
  1751.                                 itemWidth(\$(this));
  1752.                             });
  1753.                         });
  1755.                         lightbox.click(function(e) {
  1756.                             e.stopPropagation();
  1757.                             \$(this).animate({opacity: 0}, 300, function(){
  1758.                                 \$(this).toggle();
  1759.                             });
  1760.                         });
  1762.                         \$('.closer').on('click', function (e) {
  1763.                             e.stopPropagation();
  1764.                             \$(this).parent().animate(
  1765.                                 {opacity: 0},
  1766.                                 300,
  1767.                                 function(){
  1768.                                     \$(this).toggle();
  1769.                                 }
  1770.                             );
  1771.                         });
  1773.                         function itemWidth(img){
  1774.                             img.closest('.items').width(img.width());
  1775.                         }
  1777.                         function counter(item, max){
  1778.                             \$('.counter').text(item + ' / ' + max);
  1779.                         }
  1781.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  1782.                             var wd = \$(this).width(),
  1783.                                 last = \$(this).parent().find('.item').last(),
  1784.                                 img = \$(this).find('.img');
  1785.                             itemWidth(img);
  1787.                             \$(this).animate(
  1788.                                 {marginLeft: -wd, opacity: 0},
  1789.                                 500,
  1790.                                 'swing',
  1791.                                 function(){
  1792.                                     \$(this).insertAfter(last);
  1793.                                     \$(this).css({marginLeft: 0, opacity: 1});
  1794.                                 }
  1795.                             );
  1796.                         });
  1798.                         \$('.item', lightbox).on('swiperight', function (e) {
  1799.                             var wd = \$(this).width(),
  1800.                                 first = \$(this).parent().find('.item').first(),
  1801.                                 last = \$(this).parent().find('.item').last(),
  1802.                                 img = \$(this).find('.img');
  1803.                             itemWidth(img);
  1805.                             \$(last).insertBefore(\$(this));
  1806.                             \$(last).css({marginLeft: -wd, opacity: 0});
  1807.                             \$(this).parent().find('.item').eq(0).animate(
  1808.                                 {marginLeft: 0, opacity: 1},
  1809.                                 500,
  1810.                                 'swing'
  1811.                             );
  1812.                         });
  1814.                         \$('.arrows', lightbox).on('click', function (e) {
  1815.                             e.stopPropagation();
  1817.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1818.                                 max = \$(this)
  1819.                                     .siblings('.items').find('.item').length,
  1820.                                 first = \$(this).siblings('.items').find('.item').first(),
  1821.                                 last = \$(this).siblings('.items').find('.item').last(),
  1822.                                 isRight = \$(this).hasClass('right'),
  1823.                                 marginL = isRight ? -wd : 0,
  1824.                                 marginL0 = isRight ? 0: -wd,
  1825.                                 opacOn = isRight ? 1 : 0,
  1826.                                 opacOff = isRight ? 0 : 1;
  1828.                             if (!isRight){
  1829.                                 \$(last).insertBefore(first);
  1830.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1831.                                 item++;
  1832.                                 if (item == max+1) {item = 1};
  1833.                             } else {
  1834.                                 item--;
  1835.                                 if (item == 0) {item = max};
  1836.                             };
  1838.                             counter(item, max);
  1840.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1841.                             itemWidth(img);
  1843.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  1844.                                 {opacity: opacOn},
  1845.                                 500,
  1846.                                 'swing');
  1848.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  1849.                                 {marginLeft: marginL, opacity: 1},
  1850.                                 500,
  1851.                                 'swing',
  1852.                                 function(){
  1853.                                     if (isRight){
  1854.                                         \$(this).insertAfter(last);
  1855.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  1856.                                     }
  1857.                                 }
  1858.                             );
  1859.                         });
  1862.                         if (_ww > 768){
  1863.                             \$('.div-img-hover-2').hover(function (e) {
  1864.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1865.                                 var htext = \$(this).find('.project-content').height();
  1866.                                 if (htext == undefined){htext = 0};
  1867.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1868.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  1869.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  1870.                             }, function() {
  1871.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1872.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1874.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1875.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  1876.                                 });
  1877.                             });
  1878.                         } else {
  1879.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1880.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1881.                                     ht = opened ? 85 : '100%',
  1882.                                     vis = opened ? 0 : 1;
  1883.                                 \$(this).find('.div-hover-2').toggleClass('open');
  1884.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1885.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1886.                             });
  1887.                         }
  1888.                     })
  1889.                     .catch((error) => {
  1890.                         console.error('Error:', error);
  1891.                     });
  1892.             })
  1893.         }
  1896.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1897.             new Flicking(\"#flick3\", {
  1898.                 moveType: \"freeScroll\",
  1899.                 bound: true
  1900.             });
  1902.         }
  1904.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1905.             const test = document.getElementsByClassName('select-filter')
  1907.             for (const testElement of test) {
  1908.                 testElement.addEventListener('click', function (e) {
  1909.                     e.preventDefault()
  1910.                     testElement.classList.toggle('select-projet-active')
  1911.                     const infos = document.querySelector('.projectButton.all')
  1912.                     const dataId = []
  1913.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  1915.                     for (const test1 of tests) {
  1916.                         dataId.push(parseFloat(test1.dataset.id))
  1917.                     }
  1918.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1919.                         method: 'GET',
  1920.                     })
  1921.                         .then(response => response.json())
  1922.                         .then(data => {
  1923.                             futurProjects.innerHTML = data.data
  1924.                         })
  1925.                         .catch((error) => {
  1926.                             console.error('Error:', error);
  1927.                         });
  1928.                 })
  1929.             }
  1930.         } else {
  1931.             const test = document.getElementsByClassName('select-projet')
  1932.             const textOutput = document.querySelector(\"#showOutput\");
  1934.             for (const testElement of test) {
  1935.                 testElement.addEventListener('click', function (e) {
  1936.                     displayLoading()
  1937.                     e.preventDefault()
  1938.                     testElement.classList.toggle('select-projet-active')
  1939.                     const infos = document.querySelector('.projectButton.all')
  1940.                     const dataId = []
  1941.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  1942.                     for (const test1 of tests) {
  1943.                         dataId.push(parseFloat(test1.dataset.id))
  1944.                     }
  1945.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1946.                         method: 'GET'
  1947.                     })
  1948.                         .then(response => response.json())
  1949.                         .then(data => {
  1950.                             hideLoading()
  1951.                             futurProjects.innerHTML = data.data
  1953.                             _ww = \$(window).width();
  1954.                             var lightbox = \$('.lightbox'),
  1955.                                 item = 0;
  1957.                             \$('.lightbox-on').click(function(e){
  1958.                                 e.stopPropagation();
  1959.                                 item = 0;
  1961.                                 var id = \$(this).attr('data-id'),
  1962.                                     max = 0;
  1963.                                 \$('#'+id).toggle();
  1964.                                 \$('#'+id).animate({opacity: 1}, 300);
  1965.                                 \$('#'+id).find('img').each(function( i ) {
  1966.                                     max = i;
  1967.                                     item = 1;
  1968.                                     counter(item, max+1);
  1969.                                     itemWidth(\$(this));
  1970.                                 });
  1971.                             });
  1973.                             lightbox.click(function(e) {
  1974.                                 e.stopPropagation();
  1975.                                 \$(this).animate({opacity: 0}, 300, function(){
  1976.                                     \$(this).toggle();
  1977.                                 });
  1978.                             });
  1980.                             \$('.closer').on('click', function (e) {
  1981.                                 e.stopPropagation();
  1982.                                 \$(this).parent().animate(
  1983.                                     {opacity: 0},
  1984.                                     300,
  1985.                                     function(){
  1986.                                         \$(this).toggle();
  1987.                                     }
  1988.                                 );
  1989.                             });
  1991.                             function itemWidth(img){
  1992.                                 img.closest('.items').width(img.width());
  1993.                             }
  1995.                             function counter(item, max){
  1996.                                 \$('.counter').text(item + ' / ' + max);
  1997.                             }
  1999.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  2000.                                 var wd = \$(this).width(),
  2001.                                     last = \$(this).parent().find('.item').last(),
  2002.                                     img = \$(this).find('.img');
  2003.                                 itemWidth(img);
  2005.                                 \$(this).animate(
  2006.                                     {marginLeft: -wd, opacity: 0},
  2007.                                     500,
  2008.                                     'swing',
  2009.                                     function(){
  2010.                                         \$(this).insertAfter(last);
  2011.                                         \$(this).css({marginLeft: 0, opacity: 1});
  2012.                                     }
  2013.                                 );
  2014.                             });
  2016.                             \$('.item', lightbox).on('swiperight', function (e) {
  2017.                                 var wd = \$(this).width(),
  2018.                                     first = \$(this).parent().find('.item').first(),
  2019.                                     last = \$(this).parent().find('.item').last(),
  2020.                                     img = \$(this).find('.img');
  2021.                                 itemWidth(img);
  2023.                                 \$(last).insertBefore(\$(this));
  2024.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  2025.                                 \$(this).parent().find('.item').eq(0).animate(
  2026.                                     {marginLeft: 0, opacity: 1},
  2027.                                     500,
  2028.                                     'swing'
  2029.                                 );
  2030.                             });
  2032.                             \$('.arrows', lightbox).on('click', function (e) {
  2033.                                 e.stopPropagation();
  2035.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  2036.                                     max = \$(this)
  2037.                                         .siblings('.items').find('.item').length,
  2038.                                     first = \$(this).siblings('.items').find('.item').first(),
  2039.                                     last = \$(this).siblings('.items').find('.item').last(),
  2040.                                     isRight = \$(this).hasClass('right'),
  2041.                                     marginL = isRight ? -wd : 0,
  2042.                                     marginL0 = isRight ? 0: -wd,
  2043.                                     opacOn = isRight ? 1 : 0,
  2044.                                     opacOff = isRight ? 0 : 1;
  2046.                                 if (!isRight){
  2047.                                     \$(last).insertBefore(first);
  2048.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  2049.                                     item++;
  2050.                                     if (item == max+1) {item = 1};
  2051.                                 } else {
  2052.                                     item--;
  2053.                                     if (item == 0) {item = max};
  2054.                                 };
  2056.                                 counter(item, max);
  2058.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  2059.                                 itemWidth(img);
  2061.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  2062.                                     {opacity: opacOn},
  2063.                                     500,
  2064.                                     'swing');
  2066.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  2067.                                     {marginLeft: marginL, opacity: 1},
  2068.                                     500,
  2069.                                     'swing',
  2070.                                     function(){
  2071.                                         if (isRight){
  2072.                                             \$(this).insertAfter(last);
  2073.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  2074.                                         }
  2075.                                     }
  2076.                                 );
  2077.                             });
  2080.                             if (_ww > 768){
  2081.                                 \$('.div-img-hover-2').hover(function (e) {
  2082.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  2083.                                     var htext = \$(this).find('.project-content').height();
  2084.                                     if (htext == undefined){htext = 0};
  2085.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  2086.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  2087.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  2088.                                 }, function() {
  2089.                                     \$(this).find('.div-hover-2').animate({height : 85}, 150);
  2090.                                     \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  2092.                                     \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  2093.                                         \$(this).find('.project-content').css({'visibility': 'hidden'});
  2094.                                     });
  2095.                                 });
  2096.                             } else {
  2097.                                 \$('.div-img-hover-2').on( \"tap\", function( event ) {
  2098.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  2099.                                         ht = opened ? 85 : '100%',
  2100.                                         vis = opened ? 0 : 1;
  2101.                                     \$(this).find('.div-hover-2').toggleClass('open');
  2102.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  2103.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  2104.                                 });
  2105.                             }
  2106.                             \$('.div-hover').hover(function (e) {
  2107.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  2108.                             }, function() {
  2109.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  2110.                             });
  2111.                         })
  2112.                         .catch((error) => {
  2113.                         });
  2114.                 })
  2115.             }
  2116.         }
  2118.         const filter = document.getElementById('filters')
  2119.         const filterElement = document.getElementById('form-search-filter-ajax')
  2120.         filter.addEventListener('click', function (e) {
  2121.             e.preventDefault()
  2122.             filterElement.classList.toggle('show')
  2123.         })
  2125.         const loader = document.querySelector(\"#loading\");
  2127.         function displayLoading() {
  2128.             loader.classList.add(\"display\");
  2129.             // to stop loading after some time
  2130.             setTimeout(() => {
  2131.                 loader.classList.remove(\"display\");
  2132.             }, 5000);
  2133.         }
  2135.         // hiding loading
  2136.         function hideLoading() {
  2137.             loader.classList.remove(\"display\");
  2138.         }
  2140.     </script>
  2142.     <script>
  2143.         const arrowPrev = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  2144.                                 <path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
  2145.                             </svg>`;
  2146.         const arrowNext= `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  2147.                             <path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
  2148.                         </svg>`;
  2149.         var countProperties = '{{ properties|length }}';
  2151.         var loopProp = 1;
  2152.         while (loopProp <= countProperties+3) {
  2154.             \$('.slick-slide-single-'+loopProp).slick({
  2155.                 'slidesToShow': 1,
  2156.                 'prevArrow': `<div class=\"arrow-left square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowPrev}</div>`,
  2157.                 'nextArrow': `<div class=\"arrow-right square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowNext}</div>`
  2158.             });
  2160.             {#
  2161.             if (window.innerWidth > 768) {
  2162.                 \$('.slick-slide-single-'+loopProp).slick({
  2163.                     'slidesToShow': 1,
  2164.                     'prevArrow': `<div class=\"arrow-left square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowPrev}</div>`,
  2165.                     'nextArrow': `<div class=\"arrow-right square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowNext}</div>`
  2166.                 });
  2167.             }
  2168.             #}
  2171.             loopProp++;
  2172.         }
  2174.     </script>
  2175. {% endblock %}
  2176. ", "property.html.twig", "/home/fuzxzwq/www/templates/property.html.twig");
  2177.     }
  2178. }