var/cache/dev/twig/80/8034d92253d3ba0171adc9c0f5d5fcdf4580444d429091a6fbe3a5bbeef3ae67.php line 78

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* property.html.twig */
  16. class __TwigTemplate_03567e1563397c803ab2dbed3b4ad14b7e236c21c538fd46adc5ae424dd6c9c5 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'title' => [$this, 'block_title'],
  29.             'body' => [$this, 'block_body'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 1
  36.         return "base.html.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "property.html.twig"));
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "property.html.twig"));
  48.         $this->parent = $this->loadTemplate("base.html.twig", "property.html.twig", 1);
  49.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  50.         
  51.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  53.         
  54.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  56.     }
  58.     // line 3
  59.     public function block_title($context, array $blocks = [])
  60.     {
  61.         $macros = $this->macros;
  62.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  63.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  65.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  66.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  68.         echo "Biens";
  69.         
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  72.         
  73.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  75.     }
  77.     // line 5
  78.     public function block_body($context, array $blocks = [])
  79.     {
  80.         $macros = $this->macros;
  81.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  82.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  84.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  85.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  87.         echo " 
  89.     ";
  90.         // line 7
  91.         $context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Biens", "Header");
  92.         // line 8
  93.         echo "
  94.     ";
  95.         // line 9
  96.         if ((twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "picture", [], "any", true, true, false, 9) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 9, $this->source); })()), "picture", [], "any", false, false, false, 9)))) {
  97.             // line 10
  98.             echo "        ";
  99.             $context["backgroundImage"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 10, $this->source); })()), "picture", [], "any", false, false, false, 10), 0, [], "array", false, false, false, 10), "path", [], "any", false, false, false, 10);
  100.             // line 11
  101.             echo "    ";
  102.         } else {
  103.             // line 12
  104.             echo "        ";
  105.             $context["backgroundImage"] = "empty";
  106.             // line 13
  107.             echo "    ";
  108.         }
  109.         // line 14
  110.         echo "
  111.     ";
  112.         // line 29
  113.         echo "
  117.     <div class=\"container-fluid\">
  118.         ";
  119.         // line 34
  120.         $context["sectionContent1"] = $this->extensions['App\Twig\ContentExtension']->Content("Biens", "Section-1");
  121.         // line 35
  122.         echo "
  123.         ";
  124.         // line 60
  125.         echo "
  127.         <section class=\"project\" style=\"margin-bottom: 120px; margin-top: 60px\">
  128.             
  129.             <div id=\"button-property-page\"  class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center; padding-left: 7px\">
  130.                 <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  131.                 <button data-id=\"sale\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ACHAT</span></button>
  132.                 <button data-id=\"rental\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">LOCATION</span></button>
  133.             </div>
  135.             <div id=\"button-property-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  136.                 <div id=\"flick3\" class=\"flicking-viewport\">
  137.                     <div class=\"flicking-camera\">
  138.                         <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  139.                         <button data-id=\"sale\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ACHAT</span></button>
  140.                         <button data-id=\"rental\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">LOCATION</span></button>
  141.                     </div>
  142.                 </div>
  143.             </div>
  145.             <div class=\"col-lg-8 mx-auto div-svg-header deactive-tablet\" style=\"display: flex; flex-direction: column; justify-content: center\">
  147.                 ";
  148.         // line 104
  149.         echo "
  152.                 <div id=\"loading\">
  153.                     <h1 id=\"showOutput\"></h1>
  154.                 </div>
  157.                 <div id=\"properties\" class=\"col-lg-12 mt-5\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  158.                     ";
  159.         // line 113
  160.         $context['_parent'] = $context;
  161.         $context['_seq'] = twig_ensure_traversable((isset($context["properties"]) || array_key_exists("properties", $context) ? $context["properties"] : (function () { throw new RuntimeError('Variable "properties" does not exist.', 113, $this->source); })()));
  162.         $context['_iterated'] = false;
  163.         $context['loop'] = [
  164.           'parent' => $context['_parent'],
  165.           'index0' => 0,
  166.           'index'  => 1,
  167.           'first'  => true,
  168.         ];
  169.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  170.             $length = count($context['_seq']);
  171.             $context['loop']['revindex0'] = $length - 1;
  172.             $context['loop']['revindex'] = $length;
  173.             $context['loop']['length'] = $length;
  174.             $context['loop']['last'] = 1 === $length;
  175.         }
  176.         foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
  177.             // line 114
  178.             echo "                        <div  class=\"col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
  179.                             ";
  180.             // line 137
  181.             echo "
  183.                             ";
  184.             // line 140
  185.             echo "                            ";
  186.             if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 140))) {
  187.                 // line 141
  188.                 echo "                                <div class=\"position-relative properties-slide slick-slide-single-";
  189.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 141), "html", null, true);
  190.                 echo "\" style=\"height:300px;\">
  191.                                     ";
  192.                 // line 142
  193.                 $context['_parent'] = $context;
  194.                 $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 142), 0, 3));
  195.                 foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
  196.                     // line 143
  197.                     echo "                                        ";
  198.                     // line 144
  199.                     echo "                                        <div class=\"img\" style=\"background-image: url('";
  200.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 144), "html", null, true);
  201.                     echo "')\"  onclick=\"location.href='";
  202.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 144)]), "html", null, true);
  203.                     echo "'\">
  204.                                         </div>
  205.                                     ";
  206.                 }
  207.                 $_parent = $context['_parent'];
  208.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
  209.                 $context = array_intersect_key($context, $_parent) + $_parent;
  210.                 // line 147
  211.                 echo "                                </div>
  213.                             ";
  214.             } else {
  215.                 // line 150
  216.                 echo "                                <div class=\"img\" style=\"background-image: url('";
  217.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Hudson_Ontario2.png"), "html", null, true);
  218.                 echo "')\"></div>
  219.                             ";
  220.             }
  221.             // line 152
  222.             echo "                            <div class=\"row col-md-12 justify-content-between\">
  223.                                 <ul class=\"col-md-4 items\">
  224.                                     <li class=\"item surface\">
  225.                                        <img src=\"";
  226.             // line 155
  227.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/surface.svg"), "html", null, true);
  228.             echo "\" class=\"surface-logo\"> ";
  229.             (((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 155), "value", [], "any", false, false, false, 155), null))) ? (print ("")) : (print (twig_escape_filter($this->env, (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 155), "value", [], "any", false, false, false, 155) . $this->extensions['App\Twig\ContentExtension']->areaConversion(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 155), "unit", [], "any", false, false, false, 155))), "html", null, true))));
  230.             echo "
  231.                                     </li>
  232.                                 </ul>
  233.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  234.                                     ";
  235.             // line 159
  236.             (((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 159), "value", [], "any", false, false, false, 159), null))) ? (print ("<span style=\"font-size: 14px !important;\">sur demande</span>")) : (print (twig_escape_filter($this->env, (twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 159), "value", [], "any", false, false, false, 159), 2, ",", " ") . twig_replace_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 159), "currency", [], "any", false, false, false, 159), ["EUR" => " €"])), "html", null, true))));
  237.             echo "
  238.                                 </div>
  239.                             </div>
  240.                             <p class=\"city\">";
  241.             // line 162
  242.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "city", [], "any", false, false, false, 162), "name", [], "any", false, false, false, 162), "html", null, true);
  243.             echo "</p>
  244.                             <p class=\"project-name\">";
  245.             // line 163
  246.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["property"], "reference", [], "any", false, false, false, 163), "html", null, true);
  247.             echo "</p>
  248.                         </div>
  249.                     ";
  250.             $context['_iterated'] = true;
  251.             ++$context['loop']['index0'];
  252.             ++$context['loop']['index'];
  253.             $context['loop']['first'] = false;
  254.             if (isset($context['loop']['length'])) {
  255.                 --$context['loop']['revindex0'];
  256.                 --$context['loop']['revindex'];
  257.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  258.             }
  259.         }
  260.         if (!$context['_iterated']) {
  261.             // line 166
  262.             echo "                        <h4>Aucun bien disponible avec ces critères</h4>
  263.                     ";
  264.         }
  265.         $_parent = $context['_parent'];
  266.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['property'], $context['_parent'], $context['loop']);
  267.         $context = array_intersect_key($context, $_parent) + $_parent;
  268.         // line 168
  269.         echo "                </div>
  270.                 ";
  271.         // line 172
  272.         echo "            </div>
  273.         </section>
  275.         <section class=\"other-properties pt-5 pb-5\" style=\"background:#F7F7F7\">
  276.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; margin-top: 30px\">
  277.                 <div class=\"col-lg-6\">
  278.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  279.                         <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>
  280.                     </svg>
  281.                     <h1 class=\"project-title\">
  282.                         ";
  283.         // line 182
  284.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 182), "attributes", [], "any", false, true, false, 182), "get", [0 => "_route_params"], "method", false, true, false, 182), "keyword", [], "array", true, true, false, 182)) {
  285.             // line 183
  286.             echo "                            ";
  287.             if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 183, $this->source); })()), "request", [], "any", false, false, false, 183), "attributes", [], "any", false, false, false, 183), "get", [0 => "_route_params"], "method", false, false, false, 183), "keyword", [], "array", false, false, false, 183), "location"))) {
  288.                 // line 184
  289.                 echo "                                ";
  290.                 $context["otherDispo"] = "vente";
  291.                 // line 185
  292.                 echo "                            ";
  293.             } else {
  294.                 // line 186
  295.                 echo "                                ";
  296.                 $context["otherDispo"] = "location";
  297.                 // line 187
  298.                 echo "                            ";
  299.             }
  300.             // line 188
  301.             echo "                        ";
  302.         } else {
  303.             // line 189
  304.             echo "                            ";
  305.             $context["otherDispo"] = null;
  306.             // line 190
  307.             echo "                        ";
  308.         }
  309.         // line 191
  310.         echo "                        NOS biens disponibles<br> ";
  311.         if ((isset($context["otherDispo"]) || array_key_exists("otherDispo", $context) ? $context["otherDispo"] : (function () { throw new RuntimeError('Variable "otherDispo" does not exist.', 191, $this->source); })())) {
  312.             echo "À la <span style=\"color:#F6A400\">";
  313.             echo twig_escape_filter($this->env, (isset($context["otherDispo"]) || array_key_exists("otherDispo", $context) ? $context["otherDispo"] : (function () { throw new RuntimeError('Variable "otherDispo" does not exist.', 191, $this->source); })()), "html", null, true);
  314.             echo "</span>";
  315.         }
  316.         // line 192
  317.         echo "                    </h1>
  318.                 </div>
  319.             </div>
  321.             <div  class=\"col-lg-8 mx-auto\">
  322.                 <div id=\"propertiesOther\" class=\"col-lg-12 mt-5 property-other-list\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  323.                     ";
  324.         // line 198
  325.         $context['_parent'] = $context;
  326.         $context['_seq'] = twig_ensure_traversable((isset($context["otherProperties"]) || array_key_exists("otherProperties", $context) ? $context["otherProperties"] : (function () { throw new RuntimeError('Variable "otherProperties" does not exist.', 198, $this->source); })()));
  327.         $context['loop'] = [
  328.           'parent' => $context['_parent'],
  329.           'index0' => 0,
  330.           'index'  => 1,
  331.           'first'  => true,
  332.         ];
  333.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  334.             $length = count($context['_seq']);
  335.             $context['loop']['revindex0'] = $length - 1;
  336.             $context['loop']['revindex'] = $length;
  337.             $context['loop']['length'] = $length;
  338.             $context['loop']['last'] = 1 === $length;
  339.         }
  340.         foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
  341.             // line 199
  342.             echo "                        <div  class=\"col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
  343.                             ";
  344.             // line 222
  345.             echo "
  347.                             ";
  348.             // line 225
  349.             echo "                            ";
  350.             if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 225))) {
  351.                 // line 226
  352.                 echo "                                <div class=\"position-relative properties-slide slick-slide-single-";
  353.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 226), "html", null, true);
  354.                 echo "\">
  355.                                     ";
  356.                 // line 227
  357.                 $context['_parent'] = $context;
  358.                 $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 227), 0, 3));
  359.                 foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
  360.                     // line 228
  361.                     echo "                                        ";
  362.                     // line 229
  363.                     echo "                                        <div class=\"img\" style=\"background-image: url('";
  364.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 229), "html", null, true);
  365.                     echo "')\"  onclick=\"location.href='";
  366.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 229)]), "html", null, true);
  367.                     echo "'\">
  368.                                         </div>
  369.                                     ";
  370.                 }
  371.                 $_parent = $context['_parent'];
  372.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
  373.                 $context = array_intersect_key($context, $_parent) + $_parent;
  374.                 // line 232
  375.                 echo "                                </div>
  377.                             ";
  378.             } else {
  379.                 // line 235
  380.                 echo "                                <div class=\"img\" style=\"background-image: url('";
  381.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Hudson_Ontario2.png"), "html", null, true);
  382.                 echo "')\"></div>
  383.                             ";
  384.             }
  385.             // line 237
  386.             echo "                            <div class=\"row col-md-12 justify-content-between infos-list\">
  387.                                 <ul class=\"col-md-4 items\">
  388.                                     <li class=\"item surface\">
  389.                                         <img src=\"";
  390.             // line 240
  391.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/surface.svg"), "html", null, true);
  392.             echo "\" class=\"surface-logo\"> ";
  393.             (((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 240), "value", [], "any", false, false, false, 240), null))) ? (print ("")) : (print (twig_escape_filter($this->env, (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 240), "value", [], "any", false, false, false, 240) . $this->extensions['App\Twig\ContentExtension']->areaConversion(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 240), "unit", [], "any", false, false, false, 240))), "html", null, true))));
  394.             echo "
  395.                                     </li>
  396.                                 </ul>
  397.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  398.                                     ";
  399.             // line 244
  400.             (((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 244), "value", [], "any", false, false, false, 244), null))) ? (print ("<span style=\"font-size: 14px !important;\">sur demande</span>")) : (print (twig_escape_filter($this->env, (twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 244), "value", [], "any", false, false, false, 244), 2, ",", " ") . twig_replace_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 244), "currency", [], "any", false, false, false, 244), ["EUR" => " €"])), "html", null, true))));
  401.             echo "
  402.                                 </div>
  403.                             </div>
  404.                             <p class=\"city\">";
  405.             // line 247
  406.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "city", [], "any", false, false, false, 247), "name", [], "any", false, false, false, 247), "html", null, true);
  407.             echo "</p>
  408.                             <p class=\"project-name\">";
  409.             // line 248
  410.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["property"], "reference", [], "any", false, false, false, 248), "html", null, true);
  411.             echo "</p>
  412.                         </div>
  413.                     ";
  414.             ++$context['loop']['index0'];
  415.             ++$context['loop']['index'];
  416.             $context['loop']['first'] = false;
  417.             if (isset($context['loop']['length'])) {
  418.                 --$context['loop']['revindex0'];
  419.                 --$context['loop']['revindex'];
  420.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  421.             }
  422.         }
  423.         $_parent = $context['_parent'];
  424.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['property'], $context['_parent'], $context['loop']);
  425.         $context = array_intersect_key($context, $_parent) + $_parent;
  426.         // line 251
  427.         echo "                </div>
  429.                 ";
  430.         // line 253
  431.         $context["paramUrl"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 253, $this->source); })()), "request", [], "any", false, false, false, 253), "get", [0 => "keyword"], "method", false, false, false, 253);
  432.         // line 254
  433.         echo "                ";
  434.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 254, $this->source); })()), "request", [], "any", false, false, false, 254), "get", [0 => "keyword"], "method", false, false, false, 254), "location"))) {
  435.             // line 255
  436.             echo "                    ";
  437.             $context["paramUrl"] = "vente";
  438.             // line 256
  439.             echo "                ";
  440.         } elseif ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 256, $this->source); })()), "request", [], "any", false, false, false, 256), "get", [0 => "keyword"], "method", false, false, false, 256), "vente"))) {
  441.             // line 257
  442.             echo "                    ";
  443.             $context["paramUrl"] = "location";
  444.             // line 258
  445.             echo "                ";
  446.         }
  447.         // line 259
  448.         echo "                <div id=\"link-none\" class=\"col-lg-12 mx-auto other-property-link div-svg-header d-flex justify-content-end\">
  449.                     <div>
  450.                         <a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"";
  451.         // line 261
  452.         echo twig_escape_filter($this->env, $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.', 261, $this->source); })())]), "html", null, true);
  453.         echo "\">Découvrir plus
  454.                             <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 -->
  455.                         </a>
  456.                     </div>
  457.                 </div>
  458.             </div>
  460.         </section>
  462.         ";
  463.         // line 310
  464.         echo "
  465.     </div>
  466.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  467.         <div id=\"link-ok\" class=\"col-lg-3\" style=\"display: flex; align-content: center\">
  468.             <a class=\"property-span-arrow\" href=\"";
  469.         // line 314
  470.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("habiter");
  471.         echo "\">Découvrir les avantages
  473.                 <i class=\"fas fa-arrow-right property-arrow\"></i>
  474.             </a>
  475.         </div>
  476.         <div class=\"col-lg-6 habiter-img\">
  477.             ";
  478.         // line 320
  479.         if (twig_get_attribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "picture", [], "any", true, true, false, 320)) {
  480.             // line 321
  481.             echo "                <img style=\"padding: 0px;\"  class=\"img-100\" src=\"/uploads/images/";
  482.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["sectionContent1"]) || array_key_exists("sectionContent1", $context) ? $context["sectionContent1"] : (function () { throw new RuntimeError('Variable "sectionContent1" does not exist.', 321, $this->source); })()), "picture", [], "any", false, false, false, 321), 0, [], "array", false, false, false, 321), "path", [], "any", false, false, false, 321), "html", null, true);
  483.             echo "\">
  484.             ";
  485.         } else {
  486.             // line 323
  487.             echo "                <img style=\"padding: 0px;\"  class=\"img-100\" src=\"https://tracol.lu/uploads/images/millebierg-6194cb6331d44212004123.png\">
  488.             ";
  489.         }
  490.         // line 325
  491.         echo "        </div>
  492.     </div>
  493.     <script>
  494.         ";
  495.         // line 329
  496.         echo "        ";
  497.         // line 330
  498.         echo "        ";
  499.         // line 331
  500.         echo "        ";
  501.         // line 332
  502.         echo "        ";
  503.         // line 333
  504.         echo "        ";
  505.         // line 334
  506.         echo "        ";
  507.         // line 335
  508.         echo "        ";
  509.         // line 336
  510.         echo "        ";
  511.         // line 337
  512.         echo "
  514.         ";
  515.         // line 340
  516.         echo "        ";
  517.         // line 341
  518.         echo "        ";
  519.         // line 342
  520.         echo "
  521.         ";
  522.         // line 344
  523.         echo "        ";
  524.         // line 345
  525.         echo "        ";
  526.         // line 346
  527.         echo "        ";
  528.         // line 347
  529.         echo "        ";
  530.         // line 348
  531.         echo "        ";
  532.         // line 349
  533.         echo "        ";
  534.         // line 350
  535.         echo "        ";
  536.         // line 351
  537.         echo "        ";
  538.         // line 352
  539.         echo "        ";
  540.         // line 353
  541.         echo "        ";
  542.         // line 354
  543.         echo "        ";
  544.         // line 355
  545.         echo "        ";
  546.         // line 356
  547.         echo "        ";
  548.         // line 357
  549.         echo "        ";
  550.         // line 358
  551.         echo "        ";
  552.         // line 359
  553.         echo "        ";
  554.         // line 360
  555.         echo "        ";
  556.         // line 361
  557.         echo "        ";
  558.         // line 362
  559.         echo "        ";
  560.         // line 363
  561.         echo "        ";
  562.         // line 364
  563.         echo "        ";
  564.         // line 365
  565.         echo "        ";
  566.         // line 366
  567.         echo "        ";
  568.         // line 367
  569.         echo "        ";
  570.         // line 368
  571.         echo "        ";
  572.         // line 369
  573.         echo "        ";
  574.         // line 370
  575.         echo "        ";
  576.         // line 371
  577.         echo "        ";
  578.         // line 372
  579.         echo "        ";
  580.         // line 373
  581.         echo "        ";
  582.         // line 374
  583.         echo "        ";
  584.         // line 375
  585.         echo "
  586.         ";
  587.         // line 377
  588.         echo "        ";
  589.         // line 378
  590.         echo "        ";
  591.         // line 379
  592.         echo "        ";
  593.         // line 380
  594.         echo "        ";
  595.         // line 381
  596.         echo "        ";
  597.         // line 382
  598.         echo "        ";
  599.         // line 383
  600.         echo "        ";
  601.         // line 384
  602.         echo "
  603.         ";
  604.         // line 386
  605.         echo "        ";
  606.         // line 387
  607.         echo "        ";
  608.         // line 388
  609.         echo "        ";
  610.         // line 389
  611.         echo "        ";
  612.         // line 390
  613.         echo "        ";
  614.         // line 391
  615.         echo "        ";
  616.         // line 392
  617.         echo "
  619.         ";
  620.         // line 395
  621.         echo "        ";
  622.         // line 396
  623.         echo "        ";
  624.         // line 397
  625.         echo "        ";
  626.         // line 398
  627.         echo "        ";
  628.         // line 399
  629.         echo "        ";
  630.         // line 400
  631.         echo "        ";
  632.         // line 401
  633.         echo "        ";
  634.         // line 402
  635.         echo "        ";
  636.         // line 403
  637.         echo "        ";
  638.         // line 404
  639.         echo "        ";
  640.         // line 405
  641.         echo "        ";
  642.         // line 406
  643.         echo "        ";
  644.         // line 407
  645.         echo "        ";
  646.         // line 408
  647.         echo "        ";
  648.         // line 409
  649.         echo "        ";
  650.         // line 410
  651.         echo "
  653.         ";
  654.         // line 413
  655.         echo "        ";
  656.         // line 414
  657.         echo "
  659.         const futurProjects = document.getElementById('properties')
  660.         let buttons = document.getElementsByClassName('projectButton')
  662.         for (const eElement of buttons) {
  663.             eElement.addEventListener('click', function (e) {
  664.                 e.preventDefault()
  666.                 for (let button of buttons) {
  667.                     if (button.classList.contains('all')){
  668.                         button.classList.remove('all')
  669.                         button.classList.add('come')
  670.                         button.querySelector('span').classList.replace('span-all', 'span-projects')
  671.                     }
  672.                 }
  674.                 eElement.classList.remove('come')
  675.                 eElement.classList.add('all')
  676.                 eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  678.                 fetch('properties/display/'+this.dataset.id, {
  679.                     method: 'GET',
  680.                 })
  681.                     .then(response => response.json())
  682.                     .then(data => {
  683.                         futurProjects.innerHTML = ''
  684.                         futurProjects.innerHTML = data.data
  686.                         _ww = \$(window).width();
  687.                         var lightbox = \$('.lightbox'),
  688.                             item = 0;
  690.                         \$('.lightbox-on').click(function(e){
  691.                             e.stopPropagation();
  692.                             item = 0;
  693.                             console.log('click btn');
  695.                             var id = \$(this).attr('data-id'),
  696.                                 max = 0;
  697.                             \$('#'+id).toggle();
  698.                             \$('#'+id).animate({opacity: 1}, 300);
  699.                             \$('#'+id).find('img').each(function( i ) {
  700.                                 //console.log('h : '+\$(this).height());
  701.                                 //console.log('w : '+\$(this).width());
  702.                                 max = i;
  703.                                 item = 1;
  704.                                 counter(item, max+1);
  705.                                 itemWidth(\$(this));
  706.                             });
  707.                         });
  709.                         lightbox.click(function(e) {
  710.                             e.stopPropagation();
  711.                             \$(this).animate({opacity: 0}, 300, function(){
  712.                                 \$(this).toggle();
  713.                             });
  714.                         });
  716.                         \$('.closer').on('click', function (e) {
  717.                             e.stopPropagation();
  718.                             \$(this).parent().animate(
  719.                                 {opacity: 0},
  720.                                 300,
  721.                                 function(){
  722.                                     \$(this).toggle();
  723.                                 }
  724.                             );
  725.                         });
  727.                         function itemWidth(img){
  728.                             img.closest('.items').width(img.width());
  729.                         }
  731.                         function counter(item, max){
  732.                             \$('.counter').text(item + ' / ' + max);
  733.                         }
  735.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  736.                             var wd = \$(this).width(),
  737.                                 last = \$(this).parent().find('.item').last(),
  738.                                 img = \$(this).find('.img');
  739.                             itemWidth(img);
  741.                             \$(this).animate(
  742.                                 {marginLeft: -wd, opacity: 0},
  743.                                 500,
  744.                                 'swing',
  745.                                 function(){
  746.                                     \$(this).insertAfter(last);
  747.                                     \$(this).css({marginLeft: 0, opacity: 1});
  748.                                 }
  749.                             );
  750.                         });
  752.                         \$('.item', lightbox).on('swiperight', function (e) {
  753.                             var wd = \$(this).width(),
  754.                                 first = \$(this).parent().find('.item').first(),
  755.                                 last = \$(this).parent().find('.item').last(),
  756.                                 img = \$(this).find('.img');
  757.                             itemWidth(img);
  759.                             \$(last).insertBefore(\$(this));
  760.                             \$(last).css({marginLeft: -wd, opacity: 0});
  761.                             \$(this).parent().find('.item').eq(0).animate(
  762.                                 {marginLeft: 0, opacity: 1},
  763.                                 500,
  764.                                 'swing'
  765.                             );
  766.                         });
  768.                         \$('.arrows', lightbox).on('click', function (e) {
  769.                             e.stopPropagation();
  771.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  772.                                 max = \$(this)
  773.                                     .siblings('.items').find('.item').length,
  774.                                 first = \$(this).siblings('.items').find('.item').first(),
  775.                                 last = \$(this).siblings('.items').find('.item').last(),
  776.                                 isRight = \$(this).hasClass('right'),
  777.                                 marginL = isRight ? -wd : 0,
  778.                                 marginL0 = isRight ? 0: -wd,
  779.                                 opacOn = isRight ? 1 : 0,
  780.                                 opacOff = isRight ? 0 : 1;
  782.                             if (!isRight){
  783.                                 \$(last).insertBefore(first);
  784.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  785.                                 item++;
  786.                                 if (item == max+1) {item = 1};
  787.                             } else {
  788.                                 item--;
  789.                                 if (item == 0) {item = max};
  790.                             };
  792.                             counter(item, max);
  794.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  795.                             itemWidth(img);
  797.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  798.                                 {opacity: opacOn},
  799.                                 500,
  800.                                 'swing');
  802.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  803.                                 {marginLeft: marginL, opacity: 1},
  804.                                 500,
  805.                                 'swing',
  806.                                 function(){
  807.                                     if (isRight){
  808.                                         \$(this).insertAfter(last);
  809.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  810.                                     }
  811.                                 }
  812.                             );
  813.                         });
  816.                         if (_ww > 768){
  817.                             \$('.div-img-hover-2').hover(function (e) {
  818.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  819.                                 var htext = \$(this).find('.project-content').height();
  820.                                 if (htext == undefined){htext = 0};
  821.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  822.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  823.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  824.                             }, function() {
  825.                                 console.log('down');
  826.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  827.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  829.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  830.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  831.                                 });
  832.                             });
  833.                         } else {
  834.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  835.                                 console.log('tap tap');
  836.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  837.                                     ht = opened ? 85 : '100%',
  838.                                     vis = opened ? 0 : 1;
  839.                                 \$(this).find('.div-hover-2').toggleClass('open');
  840.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  841.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  842.                             });
  843.                         }
  844.                     })
  845.                     .catch((error) => {
  846.                         console.error('Error:', error);
  847.                     });
  848.             })
  849.         }
  852.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  853.             new Flicking(\"#flick3\", {
  854.                 moveType: \"freeScroll\",
  855.                 bound: true
  856.             });
  858.         }
  860.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  861.             const test = document.getElementsByClassName('select-filter')
  863.             for (const testElement of test) {
  864.                 testElement.addEventListener('click', function (e) {
  865.                     e.preventDefault()
  866.                     testElement.classList.toggle('select-projet-active')
  867.                     const infos = document.querySelector('.projectButton.all')
  868.                     const dataId = []
  869.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  871.                     for (const test1 of tests) {
  872.                         dataId.push(parseFloat(test1.dataset.id))
  873.                     }
  874.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  875.                         method: 'GET',
  876.                     })
  877.                         .then(response => response.json())
  878.                         .then(data => {
  879.                             futurProjects.innerHTML = data.data
  880.                         })
  881.                         .catch((error) => {
  882.                             console.error('Error:', error);
  883.                         });
  884.                 })
  885.             }
  886.         } else {
  887.             const test = document.getElementsByClassName('select-projet')
  888.             const textOutput = document.querySelector(\"#showOutput\");
  890.             for (const testElement of test) {
  891.                 testElement.addEventListener('click', function (e) {
  892.                     displayLoading()
  893.                     e.preventDefault()
  894.                     testElement.classList.toggle('select-projet-active')
  895.                     const infos = document.querySelector('.projectButton.all')
  896.                     const dataId = []
  897.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  898.                     for (const test1 of tests) {
  899.                         dataId.push(parseFloat(test1.dataset.id))
  900.                     }
  901.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  902.                         method: 'GET'
  903.                     })
  904.                         .then(response => response.json())
  905.                         .then(data => {
  906.                             hideLoading()
  907.                             futurProjects.innerHTML = data.data
  909.                             _ww = \$(window).width();
  910.                             var lightbox = \$('.lightbox'),
  911.                                 item = 0;
  913.                             \$('.lightbox-on').click(function(e){
  914.                                 e.stopPropagation();
  915.                                 item = 0;
  916.                                 console.log('click btn');
  918.                                 var id = \$(this).attr('data-id'),
  919.                                     max = 0;
  920.                                 \$('#'+id).toggle();
  921.                                 \$('#'+id).animate({opacity: 1}, 300);
  922.                                 \$('#'+id).find('img').each(function( i ) {
  923.                                     //console.log('h : '+\$(this).height());
  924.                                     //console.log('w : '+\$(this).width());
  925.                                     max = i;
  926.                                     item = 1;
  927.                                     counter(item, max+1);
  928.                                     itemWidth(\$(this));
  929.                                 });
  930.                             });
  932.                             lightbox.click(function(e) {
  933.                                 e.stopPropagation();
  934.                                 \$(this).animate({opacity: 0}, 300, function(){
  935.                                     \$(this).toggle();
  936.                                 });
  937.                             });
  939.                             \$('.closer').on('click', function (e) {
  940.                                 e.stopPropagation();
  941.                                 \$(this).parent().animate(
  942.                                     {opacity: 0},
  943.                                     300,
  944.                                     function(){
  945.                                         \$(this).toggle();
  946.                                     }
  947.                                 );
  948.                             });
  950.                             function itemWidth(img){
  951.                                 img.closest('.items').width(img.width());
  952.                             }
  954.                             function counter(item, max){
  955.                                 \$('.counter').text(item + ' / ' + max);
  956.                             }
  958.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  959.                                 var wd = \$(this).width(),
  960.                                     last = \$(this).parent().find('.item').last(),
  961.                                     img = \$(this).find('.img');
  962.                                 itemWidth(img);
  964.                                 \$(this).animate(
  965.                                     {marginLeft: -wd, opacity: 0},
  966.                                     500,
  967.                                     'swing',
  968.                                     function(){
  969.                                         \$(this).insertAfter(last);
  970.                                         \$(this).css({marginLeft: 0, opacity: 1});
  971.                                     }
  972.                                 );
  973.                             });
  975.                             \$('.item', lightbox).on('swiperight', function (e) {
  976.                                 var wd = \$(this).width(),
  977.                                     first = \$(this).parent().find('.item').first(),
  978.                                     last = \$(this).parent().find('.item').last(),
  979.                                     img = \$(this).find('.img');
  980.                                 itemWidth(img);
  982.                                 \$(last).insertBefore(\$(this));
  983.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  984.                                 \$(this).parent().find('.item').eq(0).animate(
  985.                                     {marginLeft: 0, opacity: 1},
  986.                                     500,
  987.                                     'swing'
  988.                                 );
  989.                             });
  991.                             \$('.arrows', lightbox).on('click', function (e) {
  992.                                 e.stopPropagation();
  994.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  995.                                     max = \$(this)
  996.                                         .siblings('.items').find('.item').length,
  997.                                     first = \$(this).siblings('.items').find('.item').first(),
  998.                                     last = \$(this).siblings('.items').find('.item').last(),
  999.                                     isRight = \$(this).hasClass('right'),
  1000.                                     marginL = isRight ? -wd : 0,
  1001.                                     marginL0 = isRight ? 0: -wd,
  1002.                                     opacOn = isRight ? 1 : 0,
  1003.                                     opacOff = isRight ? 0 : 1;
  1005.                                 if (!isRight){
  1006.                                     \$(last).insertBefore(first);
  1007.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  1008.                                     item++;
  1009.                                     if (item == max+1) {item = 1};
  1010.                                 } else {
  1011.                                     item--;
  1012.                                     if (item == 0) {item = max};
  1013.                                 };
  1015.                                 counter(item, max);
  1017.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1018.                                 itemWidth(img);
  1020.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  1021.                                     {opacity: opacOn},
  1022.                                     500,
  1023.                                     'swing');
  1025.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  1026.                                     {marginLeft: marginL, opacity: 1},
  1027.                                     500,
  1028.                                     'swing',
  1029.                                     function(){
  1030.                                         if (isRight){
  1031.                                             \$(this).insertAfter(last);
  1032.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  1033.                                         }
  1034.                                     }
  1035.                                 );
  1036.                             });
  1039.                             if (_ww > 768){
  1040.                                 \$('.div-img-hover-2').hover(function (e) {
  1041.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1042.                                     var htext = \$(this).find('.project-content').height();
  1043.                                     if (htext == undefined){htext = 0};
  1044.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1045.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  1046.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  1047.                                 }, function() {
  1048.                                     console.log('down');
  1049.                                     \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1050.                                     \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1052.                                     \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1053.                                         \$(this).find('.project-content').css({'visibility': 'hidden'});
  1054.                                     });
  1055.                                 });
  1056.                             } else {
  1057.                                 \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1058.                                     console.log('tap tap');
  1059.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1060.                                         ht = opened ? 85 : '100%',
  1061.                                         vis = opened ? 0 : 1;
  1062.                                     \$(this).find('.div-hover-2').toggleClass('open');
  1063.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1064.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1065.                                 });
  1066.                             }
  1067.                             \$('.div-hover').hover(function (e) {
  1068.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1069.                             }, function() {
  1070.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1071.                             });
  1072.                         })
  1073.                         .catch((error) => {
  1074.                         });
  1075.                 })
  1076.             }
  1077.         }
  1079.         const filter = document.getElementById('filters')
  1080.         const filterElement = document.getElementById('form-search-filter-ajax')
  1081.         filter.addEventListener('click', function (e) {
  1082.             e.preventDefault()
  1083.             filterElement.classList.toggle('show')
  1084.         })
  1086.         const loader = document.querySelector(\"#loading\");
  1088.         function displayLoading() {
  1089.             loader.classList.add(\"display\");
  1090.             // to stop loading after some time
  1091.             setTimeout(() => {
  1092.                 loader.classList.remove(\"display\");
  1093.             }, 5000);
  1094.         }
  1096.         // hiding loading
  1097.         function hideLoading() {
  1098.             loader.classList.remove(\"display\");
  1099.         }
  1101.     </script>
  1103.     <script>
  1104.         const arrowPrev = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  1105.                                 <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\"/>
  1106.                             </svg>`;
  1107.         const arrowNext= `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  1108.                             <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\"/>
  1109.                         </svg>`;
  1110.         var countProperties = '";
  1111.         // line 867
  1112.         echo twig_escape_filter($this->env, twig_length_filter($this->env, (isset($context["properties"]) || array_key_exists("properties", $context) ? $context["properties"] : (function () { throw new RuntimeError('Variable "properties" does not exist.', 867, $this->source); })())), "html", null, true);
  1113.         echo "';
  1115.         var loopProp = 1;
  1116.         while (loopProp <= countProperties) {
  1117.             if (window.innerWidth > 768) {
  1118.                 \$('.slick-slide-single-'+loopProp).slick({
  1119.                     'slidesToShow': 1,
  1120.                     'prevArrow': `<div class=\"arrow-left square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowPrev}</div>`,
  1121.                     'nextArrow': `<div class=\"arrow-right square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowNext}</div>`
  1122.                 });
  1123.             }
  1125.             loopProp++;
  1126.         }
  1128.     </script>
  1129. ";
  1130.         
  1131.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1133.         
  1134.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1136.     }
  1138.     public function getTemplateName()
  1139.     {
  1140.         return "property.html.twig";
  1141.     }
  1143.     public function isTraitable()
  1144.     {
  1145.         return false;
  1146.     }
  1148.     public function getDebugInfo()
  1149.     {
  1150.         return array (  1112 => 867,  657 => 414,  655 => 413,  651 => 410,  649 => 409,  647 => 408,  645 => 407,  643 => 406,  641 => 405,  639 => 404,  637 => 403,  635 => 402,  633 => 401,  631 => 400,  629 => 399,  627 => 398,  625 => 397,  623 => 396,  621 => 395,  617 => 392,  615 => 391,  613 => 390,  611 => 389,  609 => 388,  607 => 387,  605 => 386,  602 => 384,  600 => 383,  598 => 382,  596 => 381,  594 => 380,  592 => 379,  590 => 378,  588 => 377,  585 => 375,  583 => 374,  581 => 373,  579 => 372,  577 => 371,  575 => 370,  573 => 369,  571 => 368,  569 => 367,  567 => 366,  565 => 365,  563 => 364,  561 => 363,  559 => 362,  557 => 361,  555 => 360,  553 => 359,  551 => 358,  549 => 357,  547 => 356,  545 => 355,  543 => 354,  541 => 353,  539 => 352,  537 => 351,  535 => 350,  533 => 349,  531 => 348,  529 => 347,  527 => 346,  525 => 345,  523 => 344,  520 => 342,  518 => 341,  516 => 340,  512 => 337,  510 => 336,  508 => 335,  506 => 334,  504 => 333,  502 => 332,  500 => 331,  498 => 330,  496 => 329,  491 => 325,  487 => 323,  481 => 321,  479 => 320,  470 => 314,  464 => 310,  452 => 261,  448 => 259,  445 => 258,  442 => 257,  439 => 256,  436 => 255,  433 => 254,  431 => 253,  427 => 251,  410 => 248,  406 => 247,  400 => 244,  391 => 240,  386 => 237,  380 => 235,  375 => 232,  363 => 229,  361 => 228,  357 => 227,  352 => 226,  349 => 225,  345 => 222,  342 => 199,  325 => 198,  317 => 192,  310 => 191,  307 => 190,  304 => 189,  301 => 188,  298 => 187,  295 => 186,  292 => 185,  289 => 184,  286 => 183,  284 => 182,  272 => 172,  269 => 168,  262 => 166,  246 => 163,  242 => 162,  236 => 159,  227 => 155,  222 => 152,  216 => 150,  211 => 147,  199 => 144,  197 => 143,  193 => 142,  188 => 141,  185 => 140,  181 => 137,  178 => 114,  160 => 113,  149 => 104,  125 => 60,  122 => 35,  120 => 34,  113 => 29,  110 => 14,  107 => 13,  104 => 12,  101 => 11,  98 => 10,  96 => 9,  93 => 8,  91 => 7,  78 => 5,  59 => 3,  36 => 1,);
  1151.     }
  1153.     public function getSourceContext()
  1154.     {
  1155.         return new Source("{% extends 'base.html.twig' %}
  1157. {% block title %}Biens{% endblock %}
  1159. {% block body %} 
  1161.     {% set headerContent = content('Biens', 'Header') %}
  1163.     {% if headerContent.picture is defined and headerContent.picture is not empty %}
  1164.         {% set backgroundImage = headerContent.picture[0].path %}
  1165.     {% else %}
  1166.         {% set backgroundImage = 'empty' %}
  1167.     {% endif %}
  1169.     {#
  1170.     <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;\">
  1171.         <div class=\"container-fluid\">
  1172.             <div id=\"header-habiter\" class=\"col-lg-8 mx-auto div-svg-header\">
  1173.                 <div class=\"header-habiter-div2\">
  1174.                     {% if headerContent.name is defined %}
  1175.                         <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>
  1176.                         <h2 class=\"header-habiter-title col-lg-8\">{{ headerContent.name }}</h2>
  1177.                     {% endif %}
  1178.                 </div>
  1179.             </div>
  1180.         </div>
  1181.     </header>
  1182.     #}
  1187.     <div class=\"container-fluid\">
  1188.         {% set sectionContent1 = content('Biens', 'Section-1') %}
  1190.         {#
  1191.         <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  1192.             <div class=\"col-lg-5 property-title\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  1193.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1194.                     <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\"/>
  1195.                 </svg>
  1196.                 {% if properties|length == 0 %}
  1197.                     <h1 class=\"lowercase-title\">Nous n'avons aucun bien correspondant à votre recherche.</h1>
  1198.                 {% elseif properties|length == 1 %}
  1199.                     <h1 class=\"project-title\">{{ properties|length }} bien disponible</h1>
  1200.                 {% else %}
  1201.                     <h1 class=\"project-title\">{{properties|length }} biens disponibles</h1>
  1202.                 {% endif %}
  1203.             </div>
  1204.             <div class=\"separator\"></div>
  1205.             <div class=\"col-lg-6 pre-section-content\">
  1206.                 {% if sectionContent1.content is defined %}
  1207.                     {{ sectionContent1.content|raw }}
  1208.                 {% else %}
  1209.                     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.
  1210.                 {% endif %}
  1211.             </div>
  1212.         </div>
  1213.         #}
  1216.         <section class=\"project\" style=\"margin-bottom: 120px; margin-top: 60px\">
  1217.             
  1218.             <div id=\"button-property-page\"  class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center; padding-left: 7px\">
  1219.                 <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  1220.                 <button data-id=\"sale\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ACHAT</span></button>
  1221.                 <button data-id=\"rental\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">LOCATION</span></button>
  1222.             </div>
  1224.             <div id=\"button-property-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  1225.                 <div id=\"flick3\" class=\"flicking-viewport\">
  1226.                     <div class=\"flicking-camera\">
  1227.                         <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  1228.                         <button data-id=\"sale\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ACHAT</span></button>
  1229.                         <button data-id=\"rental\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">LOCATION</span></button>
  1230.                     </div>
  1231.                 </div>
  1232.             </div>
  1234.             <div class=\"col-lg-8 mx-auto div-svg-header deactive-tablet\" style=\"display: flex; flex-direction: column; justify-content: center\">
  1236.                 {#
  1237.                 <div style=\"display: flex; flex-direction: row; padding-left: 7px; align-items: center; margin-top: 15px;\">
  1238.                     <div id=\"filter-desktop\" class=\"filters-biens\">
  1239.                         {% for key, subType in getTypeProperties() %}
  1240.                             <button data-id=\"{{ key }}\" class=\"select-projet\">{{ subType }} <i class=\"fas fa-times\"></i></button>
  1241.                         {% endfor %}
  1242.                     </div>
  1244.                     <div id=\"filter-mobile\" class=\"col-lg-3 div-form selectSubFilter property\" style=\"display: none\">
  1245.                         <div class=\"input-group dropdown show\">
  1246.                             <label class=\"label-search-filter\" for=\"location\">Filtrer par Type</label>
  1247.                             <input style=\"height: 75px; width: 60px;\" type=\"text\" autocomplete=\"off\" name=\"filters\" id=\"filters\"
  1248.                                    class=\"form-control\" aria-expanded=\"false\">
  1249.                             <ul id=\"form-search-filter-ajax\" class=\"dropdown-menu form-search-filter-ajax\" aria-labelledby=\"\">
  1250.                                 {% for key, subType in getTypeProperties() %}
  1251.                                     <li value=\"{{ key }}\" data-id=\"{{ key }}\" class=\"select-filter\"><i class=\"fas fa-times\"></i>{{ subType }}</li>
  1252.                                 {% endfor %}
  1253.                             </ul>
  1254.                         </div>
  1255.                     </div>
  1256.                 </div>
  1257.                 #}
  1261.                 <div id=\"loading\">
  1262.                     <h1 id=\"showOutput\"></h1>
  1263.                 </div>
  1266.                 <div id=\"properties\" class=\"col-lg-12 mt-5\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  1267.                     {% for property in properties %}
  1268.                         <div  class=\"col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
  1269.                             {#
  1270.                             <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\">
  1271.                                                             {% if property.comments[0].comment is not empty %}
  1272.                                                                 <p class=\"project-content\">
  1273.                                                                     {{ property.comments[0].comment|slice(0, 350) }}</p>
  1275.                                                                 <a href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1276.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1277.                                                                 </a>
  1278.                                                             {% else %}
  1279.                                                                 <a style=\"margin-top: 180px\" href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1280.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1281.                                                                 </a>
  1282.                                                             {% endif %}
  1283.                                                         </div>
  1285.                                                         <div class=\"col-lg-3 properties-price-absolute\" style=\"background-color: #c48300; height: 56px;\">
  1286.                                                             <p style=\"font-size: 20px;\" class=\"properties-price\">
  1287.                                                                 {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1288.                                                             </p>
  1289.                                                         </div>
  1290.                             #}
  1293.                             {# <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ specialPropertyCategory(property.category) }}</span></div> #}
  1294.                             {% if property.pictures is not empty %}
  1295.                                 <div class=\"position-relative properties-slide slick-slide-single-{{ loop.index }}\" style=\"height:300px;\">
  1296.                                     {% for picture in property.pictures|slice(0,3) %}
  1297.                                         {#                                    <img class=\"img-100\" src=\"{{ picture.url }}\">#}
  1298.                                         <div class=\"img\" style=\"background-image: url('{{ picture.url }}')\"  onclick=\"location.href='{{ path('property-detail', {'id': property.id}) }}'\">
  1299.                                         </div>
  1300.                                     {% endfor %}
  1301.                                 </div>
  1303.                             {% else %}
  1304.                                 <div class=\"img\" style=\"background-image: url('{{ asset('build/Hudson_Ontario2.png') }}')\"></div>
  1305.                             {% endif %}
  1306.                             <div class=\"row col-md-12 justify-content-between\">
  1307.                                 <ul class=\"col-md-4 items\">
  1308.                                     <li class=\"item surface\">
  1309.                                        <img src=\"{{ asset('img/surface.svg') }}\" class=\"surface-logo\"> {{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}
  1310.                                     </li>
  1311.                                 </ul>
  1312.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  1313.                                     {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1314.                                 </div>
  1315.                             </div>
  1316.                             <p class=\"city\">{{ property.city.name }}</p>
  1317.                             <p class=\"project-name\">{{ property.reference }}</p>
  1318.                         </div>
  1319.                     {% else %}
  1320.                         <h4>Aucun bien disponible avec ces critères</h4>
  1321.                     {% endfor %}
  1322.                 </div>
  1323.                 {#<div class=\"text-center text-capitalize more-projects\">
  1324.                     <p>AFFICHER PLUS DE BIENS</p>
  1325.                 </div>#}
  1326.             </div>
  1327.         </section>
  1329.         <section class=\"other-properties pt-5 pb-5\" style=\"background:#F7F7F7\">
  1330.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; margin-top: 30px\">
  1331.                 <div class=\"col-lg-6\">
  1332.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1333.                         <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>
  1334.                     </svg>
  1335.                     <h1 class=\"project-title\">
  1336.                         {% if app.request.attributes.get('_route_params')['keyword'] is defined %}
  1337.                             {% if app.request.attributes.get('_route_params')['keyword'] == 'location' %}
  1338.                                 {% set otherDispo = 'vente' %}
  1339.                             {% else %}
  1340.                                 {% set otherDispo = 'location' %}
  1341.                             {% endif %}
  1342.                         {% else %}
  1343.                             {% set otherDispo = null %}
  1344.                         {% endif %}
  1345.                         NOS biens disponibles<br> {% if otherDispo %}À la <span style=\"color:#F6A400\">{{ otherDispo }}</span>{% endif %}
  1346.                     </h1>
  1347.                 </div>
  1348.             </div>
  1350.             <div  class=\"col-lg-8 mx-auto\">
  1351.                 <div id=\"propertiesOther\" class=\"col-lg-12 mt-5 property-other-list\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  1352.                     {% for property in otherProperties %}
  1353.                         <div  class=\"col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
  1354.                             {#
  1355.                             <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\">
  1356.                                                             {% if property.comments[0].comment is not empty %}
  1357.                                                                 <p class=\"project-content\">
  1358.                                                                     {{ property.comments[0].comment|slice(0, 350) }}</p>
  1360.                                                                 <a href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1361.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1362.                                                                 </a>
  1363.                                                             {% else %}
  1364.                                                                 <a style=\"margin-top: 180px\" href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
  1365.                                                                     <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1366.                                                                 </a>
  1367.                                                             {% endif %}
  1368.                                                         </div>
  1370.                                                         <div class=\"col-lg-3 properties-price-absolute\" style=\"background-color: #c48300; height: 56px;\">
  1371.                                                             <p style=\"font-size: 20px;\" class=\"properties-price\">
  1372.                                                                 {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1373.                                                             </p>
  1374.                                                         </div>
  1375.                             #}
  1378.                             {# <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ specialPropertyCategory(property.category) }}</span></div> #}
  1379.                             {% if property.pictures is not empty %}
  1380.                                 <div class=\"position-relative properties-slide slick-slide-single-{{ loop.index }}\">
  1381.                                     {% for picture in property.pictures|slice(0,3) %}
  1382.                                         {#                                    <img class=\"img-100\" src=\"{{ picture.url }}\">#}
  1383.                                         <div class=\"img\" style=\"background-image: url('{{ picture.url }}')\"  onclick=\"location.href='{{ path('property-detail', {'id': property.id}) }}'\">
  1384.                                         </div>
  1385.                                     {% endfor %}
  1386.                                 </div>
  1388.                             {% else %}
  1389.                                 <div class=\"img\" style=\"background-image: url('{{ asset('build/Hudson_Ontario2.png') }}')\"></div>
  1390.                             {% endif %}
  1391.                             <div class=\"row col-md-12 justify-content-between infos-list\">
  1392.                                 <ul class=\"col-md-4 items\">
  1393.                                     <li class=\"item surface\">
  1394.                                         <img src=\"{{ asset('img/surface.svg') }}\" class=\"surface-logo\"> {{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}
  1395.                                     </li>
  1396.                                 </ul>
  1397.                                 <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  1398.                                     {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1399.                                 </div>
  1400.                             </div>
  1401.                             <p class=\"city\">{{ property.city.name }}</p>
  1402.                             <p class=\"project-name\">{{ property.reference }}</p>
  1403.                         </div>
  1404.                     {% endfor %}
  1405.                 </div>
  1407.                 {% set paramUrl = app.request.get('keyword') %}
  1408.                 {% if app.request.get('keyword') == 'location' %}
  1409.                     {% set paramUrl = 'vente' %}
  1410.                 {% elseif app.request.get('keyword') == 'vente' %}
  1411.                     {% set paramUrl = 'location' %}
  1412.                 {% endif %}
  1413.                 <div id=\"link-none\" class=\"col-lg-12 mx-auto other-property-link div-svg-header d-flex justify-content-end\">
  1414.                     <div>
  1415.                         <a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"{{ path('properties', {'keyword': paramUrl}) }}\">Découvrir plus
  1416.                             <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 -->
  1417.                         </a>
  1418.                     </div>
  1419.                 </div>
  1420.             </div>
  1422.         </section>
  1424.         {#
  1425.         <section style=\"margin-bottom: 80px; margin-top: 150px;\">
  1426.             <div class=\"col-lg-8 mx-auto div-svg-header\">
  1427.                 {% set sectionContent1 = content('Biens', 'Section-2') %}
  1428.                 <div id=\"habiter-content-id\" class=\"col-lg-6 habiter-content\">
  1429.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1430.                         <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\"/>
  1431.                     </svg>
  1432.                     <div class=\"col-lg-7\">
  1433.                         <h1 class=\"habiter-title mb-5\">
  1434.                             {% if sectionContent1.name is defined %}
  1435.                                 {{ sectionContent1.name }}
  1436.                             {% else %}
  1437.                                 HABITER AU LUXEMBOURG
  1438.                             {% endif %}
  1439.                         </h1>
  1440.                         {% if sectionContent1.content is defined %}
  1441.                             {{ sectionContent1.content|raw }}
  1442.                         {% else %}
  1443.                             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.
  1444.                         {% endif %}
  1445.                     </div>
  1446.                 </div>
  1447.                 <div id=\"display-none-mobile\" class=\"col-lg-6 habiter-img\">
  1448.                     {% if sectionContent1.picture is defined %}
  1449.                         <img id=\"img-property-section\" class=\"img-100\" src=\"/uploads/images/{{ sectionContent1.picture[0].path }}\">
  1450.                     {% else %}
  1451.                         <img id=\"img-property-section\" class=\"img-100\" src=\"https://tracol.lu/uploads/images/millebierg-6194cb6331d44212004123.png\">
  1452.                     {% endif %}
  1453.                 </div>
  1454.             </div>
  1455.             <div id=\"link-none\" class=\"col-lg-8 mx-auto div-svg-header\">
  1456.                 <div style=\"display: flex; align-content: center\">
  1457.                     <a id=\"link-none-a\" class=\"property-span-arrow\" href=\"{{ path('habiter') }}\">Découvrir les avantages
  1458.                         <i class=\"fas fa-arrow-right property-arrow\"></i>
  1459.                     </a>
  1460.                 </div>
  1461.             </div>
  1462.         </section>
  1463.         #}
  1465.     </div>
  1466.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  1467.         <div id=\"link-ok\" class=\"col-lg-3\" style=\"display: flex; align-content: center\">
  1468.             <a class=\"property-span-arrow\" href=\"{{ path('habiter') }}\">Découvrir les avantages
  1470.                 <i class=\"fas fa-arrow-right property-arrow\"></i>
  1471.             </a>
  1472.         </div>
  1473.         <div class=\"col-lg-6 habiter-img\">
  1474.             {% if sectionContent1.picture is defined %}
  1475.                 <img style=\"padding: 0px;\"  class=\"img-100\" src=\"/uploads/images/{{ sectionContent1.picture[0].path }}\">
  1476.             {% else %}
  1477.                 <img style=\"padding: 0px;\"  class=\"img-100\" src=\"https://tracol.lu/uploads/images/millebierg-6194cb6331d44212004123.png\">
  1478.             {% endif %}
  1479.         </div>
  1480.     </div>
  1481.     <script>
  1482.         {#const slideNextHeader = document.getElementById('slideNextHeader');#}
  1483.         {#const slidePreviousHeader = document.getElementById('slidePreviousHeader');#}
  1484.         {#const propertiesCity = document.getElementsByClassName('properties-city')#}
  1485.         {#const propertiesArea = document.getElementsByClassName('properties-area')#}
  1486.         {#const propertiesReference = document.getElementsByClassName('properties-reference')#}
  1487.         {#const propertiesPrice = document.getElementsByClassName('properties-price')#}
  1488.         {#const propertiesLink = document.getElementsByClassName('properties-link')#}
  1489.         {#const currentFigure = document.getElementsByClassName('current-figure')#}
  1490.         {#const lastFigure = document.getElementsByClassName('last-figure')#}
  1493.         {#let slideHeader = document.getElementById('sliderHeader');#}
  1494.         {#let positionHeader = 0;#}
  1495.         {#let positionThumbHeader = 1;#}
  1497.         {#arraySlidesHeader = [#}
  1498.         {#    {#}
  1499.         {#        'position': 1,#}
  1500.         {#        'img': '{{ saleProperties[0].pictures[0].url }}',#}
  1501.         {#        'city': '{{ saleProperties[0].city.name }}',#}
  1502.         {#        'area': '{{ saleProperties[0].area.value == null ? '' : saleProperties[0].area.value ~ areaConversion(saleProperties[0].area.unit) }}',#}
  1503.         {#        'reference': '{{ saleProperties[0].reference }}',#}
  1504.         {#        '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\": \" €\"})  }}',#}
  1505.         {#        'link': '{{ path('property-detail', {'id': saleProperties[0].id}) }}',#}
  1506.         {#        'dot': 'dot1'#}
  1507.         {#    },#}
  1508.         {#    {#}
  1509.         {#        'position': 2,#}
  1510.         {#        'img': '{{ saleProperties[1].pictures[0].url }}',#}
  1511.         {#        'city': '{{ saleProperties[1].city.name }}',#}
  1512.         {#        'area': '{{ saleProperties[1].area.value == null ? '' : saleProperties[1].area.value ~ areaConversion(saleProperties[1].area.unit) }}',#}
  1513.         {#        'reference': '{{ saleProperties[1].reference }}',#}
  1514.         {#        '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\": \" €\"})  }}',#}
  1515.         {#        'link': '{{ path('property-detail', {'id': saleProperties[1].id}) }}',#}
  1516.         {#        'dot': 'dot2'#}
  1517.         {#    },#}
  1518.         {#    {#}
  1519.         {#        'position': 3,#}
  1520.         {#        'img': '{{ saleProperties[2].pictures[0].url }}',#}
  1521.         {#        'city': '{{ saleProperties[2].city.name }}',#}
  1522.         {#        'area': '{{ saleProperties[2].area.value == null ? '' : saleProperties[2].area.value ~ areaConversion(saleProperties[2].area.unit) }}',#}
  1523.         {#        'reference': '{{ saleProperties[2].reference }}',#}
  1524.         {#        '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\": \" €\"})  }}',#}
  1525.         {#        'link': '{{ path('property-detail', {'id': saleProperties[2].id}) }}',#}
  1526.         {#        'dot': 'dot3'#}
  1527.         {#    },#}
  1528.         {#];#}
  1530.         {#slidePreviousHeader.addEventListener('click', () => {#}
  1531.         {#    if (arraySlidesHeader.length < (positionThumbHeader  + 1)) {#}
  1532.         {#        positionHeader = 0;#}
  1533.         {#        positionThumbHeader = 1;#}
  1534.         {#    } else {#}
  1535.         {#        positionHeader++;#}
  1536.         {#        positionThumbHeader++;#}
  1537.         {#    }#}
  1539.         {#    slideHeader.style.background =  `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;#}
  1540.         {#    propertiesCity[0].innerHTML = arraySlidesHeader[positionHeader].city#}
  1541.         {#    propertiesArea[0].innerHTML = arraySlidesHeader[positionHeader].area#}
  1542.         {#    propertiesReference[0].innerHTML = arraySlidesHeader[positionHeader].reference#}
  1543.         {#    propertiesPrice[0].innerHTML = arraySlidesHeader[positionHeader].price#}
  1544.         {#    propertiesLink[0].setAttribute('href', arraySlidesHeader[positionHeader].link)#}
  1545.         {#    currentFigure[0].innerHTML = '0'+positionThumbHeader#}
  1548.         {#    slideHeader.style.backgroundSize = `cover`;#}
  1549.         {#});#}
  1550.         {#slideNextHeader.addEventListener('click', () => {#}
  1551.         {#    if (positionThumbHeader === 1) {#}
  1552.         {#        positionHeader = (arraySlidesHeader.length - 1);#}
  1553.         {#        positionThumbHeader = arraySlidesHeader.length;#}
  1554.         {#    } else {#}
  1555.         {#        positionHeader = positionHeader - 1;#}
  1556.         {#        positionThumbHeader = positionThumbHeader - 1;#}
  1557.         {#    }#}
  1558.         {#    slideHeader.style.background =  `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;#}
  1559.         {#    propertiesCity[0].innerHTML = arraySlidesHeader[positionHeader].city#}
  1560.         {#    propertiesArea[0].innerHTML = arraySlidesHeader[positionHeader].area#}
  1561.         {#    propertiesReference[0].innerHTML = arraySlidesHeader[positionHeader].reference#}
  1562.         {#    propertiesPrice[0].innerHTML = arraySlidesHeader[positionHeader].price#}
  1563.         {#    currentFigure[0].innerHTML = '0'+positionThumbHeader#}
  1566.         {#    slideHeader.style.backgroundSize = `cover`;#}
  1567.         {#});#}
  1570.         const futurProjects = document.getElementById('properties')
  1571.         let buttons = document.getElementsByClassName('projectButton')
  1573.         for (const eElement of buttons) {
  1574.             eElement.addEventListener('click', function (e) {
  1575.                 e.preventDefault()
  1577.                 for (let button of buttons) {
  1578.                     if (button.classList.contains('all')){
  1579.                         button.classList.remove('all')
  1580.                         button.classList.add('come')
  1581.                         button.querySelector('span').classList.replace('span-all', 'span-projects')
  1582.                     }
  1583.                 }
  1585.                 eElement.classList.remove('come')
  1586.                 eElement.classList.add('all')
  1587.                 eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  1589.                 fetch('properties/display/'+this.dataset.id, {
  1590.                     method: 'GET',
  1591.                 })
  1592.                     .then(response => response.json())
  1593.                     .then(data => {
  1594.                         futurProjects.innerHTML = ''
  1595.                         futurProjects.innerHTML = data.data
  1597.                         _ww = \$(window).width();
  1598.                         var lightbox = \$('.lightbox'),
  1599.                             item = 0;
  1601.                         \$('.lightbox-on').click(function(e){
  1602.                             e.stopPropagation();
  1603.                             item = 0;
  1604.                             console.log('click btn');
  1606.                             var id = \$(this).attr('data-id'),
  1607.                                 max = 0;
  1608.                             \$('#'+id).toggle();
  1609.                             \$('#'+id).animate({opacity: 1}, 300);
  1610.                             \$('#'+id).find('img').each(function( i ) {
  1611.                                 //console.log('h : '+\$(this).height());
  1612.                                 //console.log('w : '+\$(this).width());
  1613.                                 max = i;
  1614.                                 item = 1;
  1615.                                 counter(item, max+1);
  1616.                                 itemWidth(\$(this));
  1617.                             });
  1618.                         });
  1620.                         lightbox.click(function(e) {
  1621.                             e.stopPropagation();
  1622.                             \$(this).animate({opacity: 0}, 300, function(){
  1623.                                 \$(this).toggle();
  1624.                             });
  1625.                         });
  1627.                         \$('.closer').on('click', function (e) {
  1628.                             e.stopPropagation();
  1629.                             \$(this).parent().animate(
  1630.                                 {opacity: 0},
  1631.                                 300,
  1632.                                 function(){
  1633.                                     \$(this).toggle();
  1634.                                 }
  1635.                             );
  1636.                         });
  1638.                         function itemWidth(img){
  1639.                             img.closest('.items').width(img.width());
  1640.                         }
  1642.                         function counter(item, max){
  1643.                             \$('.counter').text(item + ' / ' + max);
  1644.                         }
  1646.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  1647.                             var wd = \$(this).width(),
  1648.                                 last = \$(this).parent().find('.item').last(),
  1649.                                 img = \$(this).find('.img');
  1650.                             itemWidth(img);
  1652.                             \$(this).animate(
  1653.                                 {marginLeft: -wd, opacity: 0},
  1654.                                 500,
  1655.                                 'swing',
  1656.                                 function(){
  1657.                                     \$(this).insertAfter(last);
  1658.                                     \$(this).css({marginLeft: 0, opacity: 1});
  1659.                                 }
  1660.                             );
  1661.                         });
  1663.                         \$('.item', lightbox).on('swiperight', function (e) {
  1664.                             var wd = \$(this).width(),
  1665.                                 first = \$(this).parent().find('.item').first(),
  1666.                                 last = \$(this).parent().find('.item').last(),
  1667.                                 img = \$(this).find('.img');
  1668.                             itemWidth(img);
  1670.                             \$(last).insertBefore(\$(this));
  1671.                             \$(last).css({marginLeft: -wd, opacity: 0});
  1672.                             \$(this).parent().find('.item').eq(0).animate(
  1673.                                 {marginLeft: 0, opacity: 1},
  1674.                                 500,
  1675.                                 'swing'
  1676.                             );
  1677.                         });
  1679.                         \$('.arrows', lightbox).on('click', function (e) {
  1680.                             e.stopPropagation();
  1682.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1683.                                 max = \$(this)
  1684.                                     .siblings('.items').find('.item').length,
  1685.                                 first = \$(this).siblings('.items').find('.item').first(),
  1686.                                 last = \$(this).siblings('.items').find('.item').last(),
  1687.                                 isRight = \$(this).hasClass('right'),
  1688.                                 marginL = isRight ? -wd : 0,
  1689.                                 marginL0 = isRight ? 0: -wd,
  1690.                                 opacOn = isRight ? 1 : 0,
  1691.                                 opacOff = isRight ? 0 : 1;
  1693.                             if (!isRight){
  1694.                                 \$(last).insertBefore(first);
  1695.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1696.                                 item++;
  1697.                                 if (item == max+1) {item = 1};
  1698.                             } else {
  1699.                                 item--;
  1700.                                 if (item == 0) {item = max};
  1701.                             };
  1703.                             counter(item, max);
  1705.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1706.                             itemWidth(img);
  1708.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  1709.                                 {opacity: opacOn},
  1710.                                 500,
  1711.                                 'swing');
  1713.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  1714.                                 {marginLeft: marginL, opacity: 1},
  1715.                                 500,
  1716.                                 'swing',
  1717.                                 function(){
  1718.                                     if (isRight){
  1719.                                         \$(this).insertAfter(last);
  1720.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  1721.                                     }
  1722.                                 }
  1723.                             );
  1724.                         });
  1727.                         if (_ww > 768){
  1728.                             \$('.div-img-hover-2').hover(function (e) {
  1729.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1730.                                 var htext = \$(this).find('.project-content').height();
  1731.                                 if (htext == undefined){htext = 0};
  1732.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1733.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  1734.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  1735.                             }, function() {
  1736.                                 console.log('down');
  1737.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1738.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1740.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1741.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  1742.                                 });
  1743.                             });
  1744.                         } else {
  1745.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1746.                                 console.log('tap tap');
  1747.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1748.                                     ht = opened ? 85 : '100%',
  1749.                                     vis = opened ? 0 : 1;
  1750.                                 \$(this).find('.div-hover-2').toggleClass('open');
  1751.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1752.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1753.                             });
  1754.                         }
  1755.                     })
  1756.                     .catch((error) => {
  1757.                         console.error('Error:', error);
  1758.                     });
  1759.             })
  1760.         }
  1763.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1764.             new Flicking(\"#flick3\", {
  1765.                 moveType: \"freeScroll\",
  1766.                 bound: true
  1767.             });
  1769.         }
  1771.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1772.             const test = document.getElementsByClassName('select-filter')
  1774.             for (const testElement of test) {
  1775.                 testElement.addEventListener('click', function (e) {
  1776.                     e.preventDefault()
  1777.                     testElement.classList.toggle('select-projet-active')
  1778.                     const infos = document.querySelector('.projectButton.all')
  1779.                     const dataId = []
  1780.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  1782.                     for (const test1 of tests) {
  1783.                         dataId.push(parseFloat(test1.dataset.id))
  1784.                     }
  1785.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1786.                         method: 'GET',
  1787.                     })
  1788.                         .then(response => response.json())
  1789.                         .then(data => {
  1790.                             futurProjects.innerHTML = data.data
  1791.                         })
  1792.                         .catch((error) => {
  1793.                             console.error('Error:', error);
  1794.                         });
  1795.                 })
  1796.             }
  1797.         } else {
  1798.             const test = document.getElementsByClassName('select-projet')
  1799.             const textOutput = document.querySelector(\"#showOutput\");
  1801.             for (const testElement of test) {
  1802.                 testElement.addEventListener('click', function (e) {
  1803.                     displayLoading()
  1804.                     e.preventDefault()
  1805.                     testElement.classList.toggle('select-projet-active')
  1806.                     const infos = document.querySelector('.projectButton.all')
  1807.                     const dataId = []
  1808.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  1809.                     for (const test1 of tests) {
  1810.                         dataId.push(parseFloat(test1.dataset.id))
  1811.                     }
  1812.                     fetch('properties/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1813.                         method: 'GET'
  1814.                     })
  1815.                         .then(response => response.json())
  1816.                         .then(data => {
  1817.                             hideLoading()
  1818.                             futurProjects.innerHTML = data.data
  1820.                             _ww = \$(window).width();
  1821.                             var lightbox = \$('.lightbox'),
  1822.                                 item = 0;
  1824.                             \$('.lightbox-on').click(function(e){
  1825.                                 e.stopPropagation();
  1826.                                 item = 0;
  1827.                                 console.log('click btn');
  1829.                                 var id = \$(this).attr('data-id'),
  1830.                                     max = 0;
  1831.                                 \$('#'+id).toggle();
  1832.                                 \$('#'+id).animate({opacity: 1}, 300);
  1833.                                 \$('#'+id).find('img').each(function( i ) {
  1834.                                     //console.log('h : '+\$(this).height());
  1835.                                     //console.log('w : '+\$(this).width());
  1836.                                     max = i;
  1837.                                     item = 1;
  1838.                                     counter(item, max+1);
  1839.                                     itemWidth(\$(this));
  1840.                                 });
  1841.                             });
  1843.                             lightbox.click(function(e) {
  1844.                                 e.stopPropagation();
  1845.                                 \$(this).animate({opacity: 0}, 300, function(){
  1846.                                     \$(this).toggle();
  1847.                                 });
  1848.                             });
  1850.                             \$('.closer').on('click', function (e) {
  1851.                                 e.stopPropagation();
  1852.                                 \$(this).parent().animate(
  1853.                                     {opacity: 0},
  1854.                                     300,
  1855.                                     function(){
  1856.                                         \$(this).toggle();
  1857.                                     }
  1858.                                 );
  1859.                             });
  1861.                             function itemWidth(img){
  1862.                                 img.closest('.items').width(img.width());
  1863.                             }
  1865.                             function counter(item, max){
  1866.                                 \$('.counter').text(item + ' / ' + max);
  1867.                             }
  1869.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  1870.                                 var wd = \$(this).width(),
  1871.                                     last = \$(this).parent().find('.item').last(),
  1872.                                     img = \$(this).find('.img');
  1873.                                 itemWidth(img);
  1875.                                 \$(this).animate(
  1876.                                     {marginLeft: -wd, opacity: 0},
  1877.                                     500,
  1878.                                     'swing',
  1879.                                     function(){
  1880.                                         \$(this).insertAfter(last);
  1881.                                         \$(this).css({marginLeft: 0, opacity: 1});
  1882.                                     }
  1883.                                 );
  1884.                             });
  1886.                             \$('.item', lightbox).on('swiperight', function (e) {
  1887.                                 var wd = \$(this).width(),
  1888.                                     first = \$(this).parent().find('.item').first(),
  1889.                                     last = \$(this).parent().find('.item').last(),
  1890.                                     img = \$(this).find('.img');
  1891.                                 itemWidth(img);
  1893.                                 \$(last).insertBefore(\$(this));
  1894.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1895.                                 \$(this).parent().find('.item').eq(0).animate(
  1896.                                     {marginLeft: 0, opacity: 1},
  1897.                                     500,
  1898.                                     'swing'
  1899.                                 );
  1900.                             });
  1902.                             \$('.arrows', lightbox).on('click', function (e) {
  1903.                                 e.stopPropagation();
  1905.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1906.                                     max = \$(this)
  1907.                                         .siblings('.items').find('.item').length,
  1908.                                     first = \$(this).siblings('.items').find('.item').first(),
  1909.                                     last = \$(this).siblings('.items').find('.item').last(),
  1910.                                     isRight = \$(this).hasClass('right'),
  1911.                                     marginL = isRight ? -wd : 0,
  1912.                                     marginL0 = isRight ? 0: -wd,
  1913.                                     opacOn = isRight ? 1 : 0,
  1914.                                     opacOff = isRight ? 0 : 1;
  1916.                                 if (!isRight){
  1917.                                     \$(last).insertBefore(first);
  1918.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  1919.                                     item++;
  1920.                                     if (item == max+1) {item = 1};
  1921.                                 } else {
  1922.                                     item--;
  1923.                                     if (item == 0) {item = max};
  1924.                                 };
  1926.                                 counter(item, max);
  1928.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1929.                                 itemWidth(img);
  1931.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  1932.                                     {opacity: opacOn},
  1933.                                     500,
  1934.                                     'swing');
  1936.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  1937.                                     {marginLeft: marginL, opacity: 1},
  1938.                                     500,
  1939.                                     'swing',
  1940.                                     function(){
  1941.                                         if (isRight){
  1942.                                             \$(this).insertAfter(last);
  1943.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  1944.                                         }
  1945.                                     }
  1946.                                 );
  1947.                             });
  1950.                             if (_ww > 768){
  1951.                                 \$('.div-img-hover-2').hover(function (e) {
  1952.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1953.                                     var htext = \$(this).find('.project-content').height();
  1954.                                     if (htext == undefined){htext = 0};
  1955.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1956.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  1957.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  1958.                                 }, function() {
  1959.                                     console.log('down');
  1960.                                     \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1961.                                     \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1963.                                     \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1964.                                         \$(this).find('.project-content').css({'visibility': 'hidden'});
  1965.                                     });
  1966.                                 });
  1967.                             } else {
  1968.                                 \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1969.                                     console.log('tap tap');
  1970.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1971.                                         ht = opened ? 85 : '100%',
  1972.                                         vis = opened ? 0 : 1;
  1973.                                     \$(this).find('.div-hover-2').toggleClass('open');
  1974.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1975.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1976.                                 });
  1977.                             }
  1978.                             \$('.div-hover').hover(function (e) {
  1979.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1980.                             }, function() {
  1981.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1982.                             });
  1983.                         })
  1984.                         .catch((error) => {
  1985.                         });
  1986.                 })
  1987.             }
  1988.         }
  1990.         const filter = document.getElementById('filters')
  1991.         const filterElement = document.getElementById('form-search-filter-ajax')
  1992.         filter.addEventListener('click', function (e) {
  1993.             e.preventDefault()
  1994.             filterElement.classList.toggle('show')
  1995.         })
  1997.         const loader = document.querySelector(\"#loading\");
  1999.         function displayLoading() {
  2000.             loader.classList.add(\"display\");
  2001.             // to stop loading after some time
  2002.             setTimeout(() => {
  2003.                 loader.classList.remove(\"display\");
  2004.             }, 5000);
  2005.         }
  2007.         // hiding loading
  2008.         function hideLoading() {
  2009.             loader.classList.remove(\"display\");
  2010.         }
  2012.     </script>
  2014.     <script>
  2015.         const arrowPrev = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  2016.                                 <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\"/>
  2017.                             </svg>`;
  2018.         const arrowNext= `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
  2019.                             <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\"/>
  2020.                         </svg>`;
  2021.         var countProperties = '{{ properties|length }}';
  2023.         var loopProp = 1;
  2024.         while (loopProp <= countProperties) {
  2025.             if (window.innerWidth > 768) {
  2026.                 \$('.slick-slide-single-'+loopProp).slick({
  2027.                     'slidesToShow': 1,
  2028.                     'prevArrow': `<div class=\"arrow-left square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowPrev}</div>`,
  2029.                     'nextArrow': `<div class=\"arrow-right square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowNext}</div>`
  2030.                 });
  2031.             }
  2033.             loopProp++;
  2034.         }
  2036.     </script>
  2037. {% endblock %}
  2038. ", "property.html.twig", "/home/juca-stage/sites/sym/tracol/templates/property.html.twig");
  2039.     }
  2040. }