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

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