var/cache/dev/twig/e5/e556f7b94b4d4f3e761909d6146d9b2389859efe886ecb159aa9c25eec82afe4.php line 90

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. /* project.html.twig */
  16. class __TwigTemplate_13f70910f050a903c91d2cc0b7d3a762f174758d7f6b6d653c908236a1984926 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", "project.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", "project.html.twig"));
  49.         $this->parent = $this->loadTemplate("base.html.twig", "project.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 "Projets";
  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("Projets", "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.         // line 16
  128.         echo "
  129.     ";
  130.         // line 17
  131.         $context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Projets", "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.     <header class=\"header-tracol col-lg-8 mx-auto\" style=\"background-image: url(";
  152.         // line 25
  153.         if ((0 !== twig_compare((isset($context["backgroundImage"]) || array_key_exists("backgroundImage", $context) ? $context["backgroundImage"] : (function () { throw new RuntimeError('Variable "backgroundImage" does not exist.', 25, $this->source); })()), "empty"))) {
  154.             echo "'/uploads/images/";
  155.             echo twig_escape_filter($this->env, (isset($context["backgroundImage"]) || array_key_exists("backgroundImage", $context) ? $context["backgroundImage"] : (function () { throw new RuntimeError('Variable "backgroundImage" does not exist.', 25, $this->source); })()), "html", null, true);
  156.             echo "'";
  157.         } else {
  158.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/projets_header.jpg"), "html", null, true);
  159.         }
  160.         echo ");margin-top: 165px!important;\">
  161.         <div class=\"col-lg-8 mx-auto div-svg-header\">
  162.             <div id=\"header-project\" class=\"header-habiter-div\">
  163.                 ";
  164.         // line 28
  165.         if (twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "name", [], "any", true, true, false, 28)) {
  166.             // line 29
  167.             echo "                    <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>
  168.                     <h2 class=\"header-habiter-title col-lg-6\">";
  169.             // line 30
  170.             if (twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "name", [], "any", true, true, false, 30)) {
  171.                 echo twig_escape_filter($this->env, 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.', 30, $this->source); })()), "name", [], "any", false, false, false, 30), "html", null, true);
  172.             }
  173.             echo "</h2>
  174.                     <div class=\"col-lg-8 header-content\">
  175.                         ";
  176.             // line 32
  177.             if (twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 32)) {
  178.                 // line 33
  179.                 echo "                            ";
  180.                 echo 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.', 33, $this->source); })()), "content", [], "any", false, false, false, 33);
  181.                 echo "
  182.                         ";
  183.             } else {
  184.                 // line 35
  185.                 echo "                            <p>Fort de plusieurs années d’expérience, Tracol Immobilier propose des projets adaptés aux besoins de chacun. Répondant aux plus hautes exigences et s’inscrivant dans le temps, ils se caractérisent par une architecture résolument contemporaine, des matériaux de qualité et le soin apporté à chaque détail.</p>
  186.                         ";
  187.             }
  188.             // line 37
  189.             echo "                    </div>
  190.                 ";
  191.         }
  192.         // line 39
  193.         echo "            </div>
  194.         </div>
  195.     </header>
  197.     <div class=\"container-fluid project-page\">
  198.         ";
  199.         // line 44
  200.         $context["sectionContent1"] = $this->extensions['App\Twig\ContentExtension']->Content("Projets", "Section-1");
  201.         // line 45
  202.         echo "        <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  203.             <div class=\"col-lg-4\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  204.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  205.                     <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\"/>
  206.                 </svg>
  207.                 ";
  208.         // line 50
  209.         if ((0 === twig_compare(twig_length_filter($this->env, (isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 50, $this->source); })())), 0))) {
  210.             // line 51
  211.             echo "                    <h1 class=\"project-title\">pas de projet</h1>
  212.                 ";
  213.         } elseif ((0 === twig_compare(twig_length_filter($this->env,         // line 52
  214. (isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 52, $this->source); })())), 1))) {
  215.             // line 53
  216.             echo "                    <h1 class=\"project-title\">";
  217.             echo twig_escape_filter($this->env, twig_length_filter($this->env, (isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 53, $this->source); })())), "html", null, true);
  218.             echo " projet</h1>
  219.                 ";
  220.         } else {
  221.             // line 55
  222.             echo "                    <h1 class=\"project-title\">";
  223.             echo twig_escape_filter($this->env, twig_length_filter($this->env, (isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 55, $this->source); })())), "html", null, true);
  224.             echo " projets</h1>
  225.                 ";
  226.         }
  227.         // line 57
  228.         echo "            </div>
  229.             <div class=\"separator\"></div>
  230.             <div id=\"section-1-project\" class=\"col-lg-6 pre-section-content\">
  231.                 ";
  232.         // line 60
  233.         if (twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 60)) {
  234.             // line 61
  235.             echo "                    ";
  236.             echo 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.', 61, $this->source); })()), "content", [], "any", false, false, false, 61);
  237.             echo "
  238.                 ";
  239.         } else {
  240.             // line 63
  241.             echo "                    Fort de plusieurs années d’expérience, Tracol Immobilier propose des projets adaptés aux besoins de chacun. Répondant aux plus hautes exigences et s’inscrivant dans le temps, ils se caractérisent par une architecture résolument contemporaine, des matériaux de qualité et le soin apporté à chaque détail.";
  242.         }
  243.         // line 64
  244.         echo "            </div>
  245.         </div>
  247.         <section class=\"project filter mt-5\" style=\"margin-bottom: 120px\">
  248.             <div id=\"button-project-page\" class=\"col-lg-4 div-svg-header mb-4\" style=\"display: flex; align-items: center; padding-left:25px\">
  249.                 <div class=\"input-filter col-lg-3 d-flex\">
  250.                     <label for=\"all-projects\" style=\"margin-right:10px\">TOUS</label>
  251.                     <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects\" class=\"mr-3 projectButton\">
  252.                 </div>
  253.                 <div class=\"input-filter col-lg-3 d-flex\">
  254.                     <label for=\"futur-projects\" style=\"margin-right:10px\">À VENIR</label>
  255.                     <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects\" class=\"mr-3 projectButton\">
  256.                 </div>
  257.                 <div class=\"input-filter col-lg-3 d-flex\">
  258.                     <label for=\"construction-projects\" style=\"margin-right:10px\">EN COURS</label>
  259.                     <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects\" class=\" projectButton\">
  260.                 </div>
  264.                 ";
  265.         // line 89
  266.         echo "            </div>
  267.             <div id=\"button-project-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  268.                 <div  class=\"flicking-viewport\">
  269.                     <div class=\"flicking-camera\">
  270.                         <div class=\"input-filter\">
  271.                             <label for=\"all-projects-mobile\">TOUS</label>
  272.                             <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects-mobile\" class=\"mr-3 projectButton\">
  273.                         </div>
  274.                         <div class=\"input-filter\">
  275.                             <label for=\"futur-projects-mobile\">À VENIR</label>
  276.                             <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects-mobile\" class=\"mr-3 projectButton\">
  277.                         </div>
  278.                         <div class=\"input-filter\">
  279.                             <label for=\"construction-projects-mobile\">EN COURS</label>
  280.                             <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects-mobile\" class=\" projectButton\">
  281.                         </div>
  282.                         ";
  283.         // line 110
  284.         echo "
  285.                     </div>
  286.                 </div>
  287.             </div>
  290.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; justify-content: center; flex-direction: column;\">
  291.                 ";
  292.         // line 137
  293.         echo "
  295.                 ";
  296.         // line 144
  297.         echo "
  298.                 <div id=\"projects\" class=\"row\">
  299.                     ";
  300.         // line 178
  301.         echo "
  302.                     <div class=\"col-lg-12 project-desktop\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  303.                         ";
  304.         // line 180
  305.         $context['_parent'] = $context;
  306.         $context['_seq'] = twig_ensure_traversable((isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 180, $this->source); })()));
  307.         foreach ($context['_seq'] as $context["key"] => $context["property"]) {
  308.             // line 181
  309.             echo "                            <div  class=\"col-12 col-xl-6 col-lg-6 col-md-12 col-sm-12\" style=\"position:relative;cursor: pointer\">
  310.                                 ";
  311.             // line 182
  312.             if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 182))) {
  313.                 // line 183
  314.                 echo "                                    <div class=\"position-relative properties-slide\">
  315.                                             <div class=\"img\" style=\"background-image: url('";
  316.                 // line 184
  317.                 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, $context["property"], "pictures", [], "any", false, false, false, 184), 0, [], "any", false, false, false, 184), "url", [], "any", false, false, false, 184), "html", null, true);
  318.                 echo "')\"  onclick=\"location.href='";
  319.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("project-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 184)]), "html", null, true);
  320.                 echo "'\">
  321.                                             </div>
  322.                                     </div>
  324.                                 ";
  325.             } else {
  326.                 // line 189
  327.                 echo "                                    <div class=\"img\" style=\"background-image: url('";
  328.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Maisons_H_R1.jpg"), "html", null, true);
  329.                 echo "')\"></div>
  330.                                 ";
  331.             }
  332.             // line 191
  333.             echo "                                ";
  334.             // line 203
  335.             echo "
  336.                                 <p class=\"city\">";
  337.             // line 204
  338.             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, 204), "name", [], "any", false, false, false, 204), "html", null, true);
  339.             echo "</p>
  340.                                 <p class=\"project-name\">";
  341.             // line 205
  342.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["property"], "reference", [], "any", false, false, false, 205), "html", null, true);
  343.             echo "</p>
  344.                                 <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">";
  345.             // line 206
  346.             echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->typeProject(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "construction", [], "any", false, false, false, 206), "construction_step", [], "any", false, false, false, 206)), "html", null, true);
  347.             echo "</span></div>
  348.                             </div>
  349.                         ";
  350.         }
  351.         $_parent = $context['_parent'];
  352.         unset($context['_seq'], $context['_iterated'], $context['key'], $context['property'], $context['_parent'], $context['loop']);
  353.         $context = array_intersect_key($context, $_parent) + $_parent;
  354.         // line 209
  355.         echo "                    </div>
  356.                 </div>
  359.                 <div class=\"text-center text-capitalize more-projects\">
  360.                     <p>AFFICHER PLUS DE PROJETS</p>
  361.                 </div>
  362.             </div>
  363.             ";
  364.         // line 248
  365.         echo "
  366.         </section>
  367.     </div>
  368.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  369.         <div class=\"col-lg-6 habiter-img\">
  370.             <img style=\"padding: 0px;\" height=\"430px\" class=\"img-100\" ";
  371.         // line 253
  372.         if (twig_get_attribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "picture", [], "any", true, true, false, 253)) {
  373.             echo "src=\"/uploads/images/";
  374.             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.', 253, $this->source); })()), "picture", [], "any", false, false, false, 253), 0, [], "array", false, false, false, 253), "path", [], "any", false, false, false, 253), "html", null, true);
  375.             echo "\"";
  376.         }
  377.         echo ">
  378.         </div>
  379.     </div>
  382.     <script>
  383.         const futurProjects = document.getElementById('projects')
  384.         let buttons = document.getElementsByClassName('projectButton')
  386.         for (const eElement of buttons) {
  387.             eElement.addEventListener('click', function (e) {
  388.                 e.preventDefault()
  390.                 for (let button of buttons) {
  391.                     if (button.classList.contains('all')){
  392.                         button.classList.remove('all')
  393.                         //button.classList.add('come')
  394.                         //button.querySelector('span').classList.replace('span-all', 'span-projects')
  395.                     }
  396.                 }
  398.                 eElement.classList.remove('come')
  399.                 //eElement.classList.add('all')
  400.                 //eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  402.                 fetch('projects/display/'+this.dataset.id, {
  403.                     method: 'GET',
  404.                 })
  405.                     .then(response => response.json())
  406.                     .then(data => {
  407.                         futurProjects.innerHTML = ''
  408.                         futurProjects.innerHTML = data.data
  410.                         _ww = \$(window).width();
  411.                         var lightbox = \$('.lightbox'),
  412.                             item = 0;
  414.                         \$('.lightbox-on').click(function(e){
  415.                             e.stopPropagation();
  416.                             item = 0;
  417.                             console.log('click btn');
  419.                             var id = \$(this).attr('data-id'),
  420.                                 max = 0;
  421.                             \$('#'+id).toggle();
  422.                             \$('#'+id).animate({opacity: 1}, 300);
  423.                             \$('#'+id).find('img').each(function( i ) {
  424.                                 //console.log('h : '+\$(this).height());
  425.                                 //console.log('w : '+\$(this).width());
  426.                                 max = i;
  427.                                 item = 1;
  428.                                 counter(item, max+1);
  429.                                 itemWidth(\$(this));
  430.                             });
  431.                         });
  433.                         lightbox.click(function(e) {
  434.                             e.stopPropagation();
  435.                             \$(this).animate({opacity: 0}, 300, function(){
  436.                                 \$(this).toggle();
  437.                             });
  438.                         });
  440.                         \$('.closer').on('click', function (e) {
  441.                             e.stopPropagation();
  442.                             \$(this).parent().animate(
  443.                                 {opacity: 0},
  444.                                 300,
  445.                                 function(){
  446.                                     \$(this).toggle();
  447.                                 }
  448.                             );
  449.                         });
  451.                         function itemWidth(img){
  452.                             img.closest('.items').width(img.width());
  453.                         }
  455.                         function counter(item, max){
  456.                             \$('.counter').text(item + ' / ' + max);
  457.                         }
  459.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  460.                             var wd = \$(this).width(),
  461.                                 last = \$(this).parent().find('.item').last(),
  462.                                 img = \$(this).find('.img');
  463.                             itemWidth(img);
  465.                             \$(this).animate(
  466.                                 {marginLeft: -wd, opacity: 0},
  467.                                 500,
  468.                                 'swing',
  469.                                 function(){
  470.                                     \$(this).insertAfter(last);
  471.                                     \$(this).css({marginLeft: 0, opacity: 1});
  472.                                 }
  473.                             );
  474.                         });
  476.                         \$('.item', lightbox).on('swiperight', function (e) {
  477.                             var wd = \$(this).width(),
  478.                                 first = \$(this).parent().find('.item').first(),
  479.                                 last = \$(this).parent().find('.item').last(),
  480.                                 img = \$(this).find('.img');
  481.                             itemWidth(img);
  483.                             \$(last).insertBefore(\$(this));
  484.                             \$(last).css({marginLeft: -wd, opacity: 0});
  485.                             \$(this).parent().find('.item').eq(0).animate(
  486.                                 {marginLeft: 0, opacity: 1},
  487.                                 500,
  488.                                 'swing'
  489.                             );
  490.                         });
  492.                         \$('.arrows', lightbox).on('click', function (e) {
  493.                             e.stopPropagation();
  495.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  496.                                 max = \$(this)
  497.                                     .siblings('.items').find('.item').length,
  498.                                 first = \$(this).siblings('.items').find('.item').first(),
  499.                                 last = \$(this).siblings('.items').find('.item').last(),
  500.                                 isRight = \$(this).hasClass('right'),
  501.                                 marginL = isRight ? -wd : 0,
  502.                                 marginL0 = isRight ? 0: -wd,
  503.                                 opacOn = isRight ? 1 : 0,
  504.                                 opacOff = isRight ? 0 : 1;
  506.                             if (!isRight){
  507.                                 \$(last).insertBefore(first);
  508.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  509.                                 item++;
  510.                                 if (item == max+1) {item = 1};
  511.                             } else {
  512.                                 item--;
  513.                                 if (item == 0) {item = max};
  514.                             };
  516.                             counter(item, max);
  518.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  519.                             itemWidth(img);
  521.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  522.                                 {opacity: opacOn},
  523.                                 500,
  524.                                 'swing');
  526.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  527.                                 {marginLeft: marginL, opacity: 1},
  528.                                 500,
  529.                                 'swing',
  530.                                 function(){
  531.                                     if (isRight){
  532.                                         \$(this).insertAfter(last);
  533.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  534.                                     }
  535.                                 }
  536.                             );
  537.                         });
  540.                         if (_ww > 768){
  541.                             \$('.div-img-hover-2').hover(function (e) {
  542.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  543.                                 var htext = \$(this).find('.project-content').height();
  544.                                 if (htext == undefined){htext = 0};
  545.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  546.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  547.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  548.                             }, function() {
  549.                                 console.log('down');
  550.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  551.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  553.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  554.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  555.                                 });
  556.                             });
  557.                         } else {
  558.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  559.                                 console.log('tap tap');
  560.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  561.                                     ht = opened ? 85 : '100%',
  562.                                     vis = opened ? 0 : 1;
  563.                                 \$(this).find('.div-hover-2').toggleClass('open');
  564.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  565.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  566.                             });
  567.                         }
  568.                         \$('.div-hover').hover(function (e) {
  569.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  570.                         }, function() {
  571.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  572.                         });
  573.                     })
  574.                     .catch((error) => {
  575.                         console.error('Error:', error);
  576.                     });
  577.             })
  578.         }
  582.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  583.             const test = document.getElementsByClassName('select-filter')
  585.             for (const testElement of test) {
  586.                 testElement.addEventListener('click', function (e) {
  587.                     e.preventDefault()
  588.                     testElement.classList.toggle('select-projet-active')
  589.                     const infos = document.querySelector('.projectButton.all')
  590.                     const dataId = []
  591.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  592.                     for (const test1 of tests) {
  593.                         dataId.push(parseFloat(test1.dataset.id))
  594.                     }
  595.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  596.                         method: 'GET'
  597.                     })
  598.                         .then(response => response.json())
  599.                         .then(data => {
  600.                             futurProjects.innerHTML = data.data
  601.                         })
  602.                         .catch((error) => {
  603.                             console.error('Error:', error);
  604.                         });
  605.                 })
  606.             }
  607.         } else {
  608.             const test = document.getElementsByClassName('select-projet')
  609.             for (const testElement of test) {
  610.                 testElement.addEventListener('click', function (e) {
  611.                     displayLoading()
  612.                     e.preventDefault()
  613.                     testElement.classList.toggle('select-projet-active')
  614.                     const infos = document.querySelector('.projectButton.all')
  615.                     const dataId = []
  616.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  617.                     for (const test1 of tests) {
  618.                         dataId.push(parseFloat(test1.dataset.id))
  619.                     }
  621.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  622.                         method: 'GET'
  623.                     })
  624.                         .then(response => response.json())
  625.                         .then(data => {
  626.                             hideLoading()
  627.                             futurProjects.innerHTML = data.data
  633.                             _ww = \$(window).width();
  634.                             var lightbox = \$('.lightbox'),
  635.                                 item = 0;
  637.                             \$('.lightbox-on').click(function(e){
  638.                                 e.stopPropagation();
  639.                                 item = 0;
  640.                                 console.log('click btn');
  642.                                 var id = \$(this).attr('data-id'),
  643.                                     max = 0;
  644.                                 \$('#'+id).toggle();
  645.                                 \$('#'+id).animate({opacity: 1}, 300);
  646.                                 \$('#'+id).find('img').each(function( i ) {
  647.                                     //console.log('h : '+\$(this).height());
  648.                                     //console.log('w : '+\$(this).width());
  649.                                     max = i;
  650.                                     item = 1;
  651.                                     counter(item, max+1);
  652.                                     itemWidth(\$(this));
  653.                                 });
  654.                             });
  656.                             lightbox.click(function(e) {
  657.                                 e.stopPropagation();
  658.                                 \$(this).animate({opacity: 0}, 300, function(){
  659.                                     \$(this).toggle();
  660.                                 });
  661.                             });
  663.                             \$('.closer').on('click', function (e) {
  664.                                 e.stopPropagation();
  665.                                 \$(this).parent().animate(
  666.                                     {opacity: 0},
  667.                                     300,
  668.                                     function(){
  669.                                         \$(this).toggle();
  670.                                     }
  671.                                 );
  672.                             });
  674.                             function itemWidth(img){
  675.                                 img.closest('.items').width(img.width());
  676.                             }
  678.                             function counter(item, max){
  679.                                 \$('.counter').text(item + ' / ' + max);
  680.                             }
  682.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  683.                                 var wd = \$(this).width(),
  684.                                     last = \$(this).parent().find('.item').last(),
  685.                                     img = \$(this).find('.img');
  686.                                 itemWidth(img);
  688.                                 \$(this).animate(
  689.                                     {marginLeft: -wd, opacity: 0},
  690.                                     500,
  691.                                     'swing',
  692.                                     function(){
  693.                                         \$(this).insertAfter(last);
  694.                                         \$(this).css({marginLeft: 0, opacity: 1});
  695.                                     }
  696.                                 );
  697.                             });
  699.                             \$('.item', lightbox).on('swiperight', function (e) {
  700.                                 var wd = \$(this).width(),
  701.                                     first = \$(this).parent().find('.item').first(),
  702.                                     last = \$(this).parent().find('.item').last(),
  703.                                     img = \$(this).find('.img');
  704.                                 itemWidth(img);
  706.                                 \$(last).insertBefore(\$(this));
  707.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  708.                                 \$(this).parent().find('.item').eq(0).animate(
  709.                                     {marginLeft: 0, opacity: 1},
  710.                                     500,
  711.                                     'swing'
  712.                                 );
  713.                             });
  715.                             \$('.arrows', lightbox).on('click', function (e) {
  716.                                 e.stopPropagation();
  718.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  719.                                     max = \$(this)
  720.                                         .siblings('.items').find('.item').length,
  721.                                     first = \$(this).siblings('.items').find('.item').first(),
  722.                                     last = \$(this).siblings('.items').find('.item').last(),
  723.                                     isRight = \$(this).hasClass('right'),
  724.                                     marginL = isRight ? -wd : 0,
  725.                                     marginL0 = isRight ? 0: -wd,
  726.                                     opacOn = isRight ? 1 : 0,
  727.                                     opacOff = isRight ? 0 : 1;
  729.                                 if (!isRight){
  730.                                     \$(last).insertBefore(first);
  731.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  732.                                     item++;
  733.                                     if (item == max+1) {item = 1};
  734.                                 } else {
  735.                                     item--;
  736.                                     if (item == 0) {item = max};
  737.                                 };
  739.                                 counter(item, max);
  741.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  742.                                 itemWidth(img);
  744.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  745.                                     {opacity: opacOn},
  746.                                     500,
  747.                                     'swing');
  749.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  750.                                     {marginLeft: marginL, opacity: 1},
  751.                                     500,
  752.                                     'swing',
  753.                                     function(){
  754.                                         if (isRight){
  755.                                             \$(this).insertAfter(last);
  756.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  757.                                         }
  758.                                     }
  759.                                 );
  760.                             });
  763.                             if (_ww > 768){
  764.                                 \$('.div-img-hover-2').hover(function (e) {
  765.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  766.                                     var htext = \$(this).find('.project-content').height();
  767.                                     if (htext == undefined){htext = 0};
  768.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  769.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  770.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  771.                                 }, function() {
  772.                                     console.log('down');
  773.                                     \$(this).find('.div-hover-2').animate({height : 85}, 150);
  774.                                     \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  776.                                     \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  777.                                         \$(this).find('.project-content').css({'visibility': 'hidden'});
  778.                                     });
  779.                                 });
  780.                             } else {
  781.                                 \$('.div-hover-2').on( \"click\", function( event ) {
  782.                                     console.log('tap tap');
  783.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  784.                                         ht = opened ? 85 : '100%',
  785.                                         vis = opened ? 0 : 1;
  786.                                     \$(this).find('.div-hover-2').toggleClass('open');
  787.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  788.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  789.                                 });
  790.                             }
  791.                             \$('.div-hover').hover(function (e) {
  792.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  793.                             }, function() {
  794.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  795.                             });
  798.                         })
  799.                         .catch((error) => {
  800.                             console.error('Error:', error);
  801.                         });
  802.                 })
  803.             }
  804.         }
  806.         const buttonFilter = document.getElementsByClassName('select-projet')
  807.         for (const buttonFilterElement of buttonFilter) {
  808.             buttonFilterElement.addEventListener('click', function () {
  810.             })
  811.         }
  813.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  814.             new Flicking(\"#flick4\", {
  815.                 moveType: \"freeScroll\",
  816.                 bound: true
  817.             });
  819.         }
  821.         const filter = document.getElementById('filters')
  822.         const filterElement = document.getElementById('form-search-filter-ajax')
  823.         filter.addEventListener('click', function (e) {
  824.             e.preventDefault()
  825.             filterElement.classList.toggle('show')
  826.         })
  829.         const loader = document.querySelector(\"#loading\");
  831.         function displayLoading() {
  832.             loader.classList.add(\"display\");
  833.             // to stop loading after some time
  834.             setTimeout(() => {
  835.                 loader.classList.remove(\"display\");
  836.             }, 5000);
  837.         }
  839.         // hiding loading
  840.         function hideLoading() {
  841.             loader.classList.remove(\"display\");
  842.         }
  843.     </script>
  844. ";
  845.         
  846.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  848.         
  849.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  851.     }
  853.     public function getTemplateName()
  854.     {
  855.         return "project.html.twig";
  856.     }
  858.     public function isTraitable()
  859.     {
  860.         return false;
  861.     }
  863.     public function getDebugInfo()
  864.     {
  865.         return array (  372 => 253,  365 => 248,  355 => 209,  346 => 206,  342 => 205,  338 => 204,  335 => 203,  333 => 191,  327 => 189,  317 => 184,  314 => 183,  312 => 182,  309 => 181,  305 => 180,  301 => 178,  297 => 144,  293 => 137,  284 => 110,  266 => 89,  244 => 64,  241 => 63,  235 => 61,  233 => 60,  228 => 57,  222 => 55,  216 => 53,  214 => 52,  211 => 51,  209 => 50,  202 => 45,  200 => 44,  193 => 39,  189 => 37,  185 => 35,  179 => 33,  177 => 32,  170 => 30,  167 => 29,  165 => 28,  153 => 25,  150 => 24,  147 => 23,  144 => 22,  141 => 21,  138 => 20,  136 => 19,  133 => 18,  131 => 17,  128 => 16,  118 => 15,  107 => 12,  103 => 10,  97 => 8,  95 => 7,  92 => 6,  89 => 5,  79 => 4,  60 => 3,  37 => 1,);
  866.     }
  868.     public function getSourceContext()
  869.     {
  870.         return new Source("{% extends 'base.html.twig' %}
  872. {% block title %}Projets{% endblock %}
  873. {% block metaDescription %}
  874.     {% set headerContent = content('Projets', 'Header') %}
  875.     <meta name=\"description\" content=\"
  876.     {% if headerContent.content is defined %}
  877.         {{ headerContent.content|striptags }}
  878.     {% else %}
  879.          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.
  880.     {% endif %}
  881.     \">
  882. {% endblock %}
  884. {% block body %}
  886.     {% set headerContent = content('Projets', 'Header') %}
  888.     {% if headerContent.picture is defined and headerContent.picture is not empty %}
  889.         {% set backgroundImage = headerContent.picture[0].path %}
  890.     {% else %}
  891.         {% set backgroundImage = 'empty' %}
  892.     {% endif %}
  894.     <header class=\"header-tracol col-lg-8 mx-auto\" style=\"background-image: url({% if backgroundImage != 'empty' %}'/uploads/images/{{ backgroundImage }}'{% else %}{{ asset('img/projets_header.jpg') }}{% endif %});margin-top: 165px!important;\">
  895.         <div class=\"col-lg-8 mx-auto div-svg-header\">
  896.             <div id=\"header-project\" class=\"header-habiter-div\">
  897.                 {% if headerContent.name is defined %}
  898.                     <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>
  899.                     <h2 class=\"header-habiter-title col-lg-6\">{% if headerContent.name is defined %}{{ headerContent.name }}{% endif %}</h2>
  900.                     <div class=\"col-lg-8 header-content\">
  901.                         {% if headerContent.content is defined %}
  902.                             {{ headerContent.content|raw }}
  903.                         {% else %}
  904.                             <p>Fort de plusieurs années d’expérience, Tracol Immobilier propose des projets adaptés aux besoins de chacun. Répondant aux plus hautes exigences et s’inscrivant dans le temps, ils se caractérisent par une architecture résolument contemporaine, des matériaux de qualité et le soin apporté à chaque détail.</p>
  905.                         {% endif %}
  906.                     </div>
  907.                 {% endif %}
  908.             </div>
  909.         </div>
  910.     </header>
  912.     <div class=\"container-fluid project-page\">
  913.         {% set sectionContent1 = content('Projets', 'Section-1') %}
  914.         <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  915.             <div class=\"col-lg-4\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  916.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  917.                     <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\"/>
  918.                 </svg>
  919.                 {% if projects|length == 0 %}
  920.                     <h1 class=\"project-title\">pas de projet</h1>
  921.                 {% elseif projects|length == 1  %}
  922.                     <h1 class=\"project-title\">{{ projects|length }} projet</h1>
  923.                 {% else %}
  924.                     <h1 class=\"project-title\">{{ projects|length }} projets</h1>
  925.                 {% endif %}
  926.             </div>
  927.             <div class=\"separator\"></div>
  928.             <div id=\"section-1-project\" class=\"col-lg-6 pre-section-content\">
  929.                 {% if headerContent.content is defined %}
  930.                     {{ sectionContent1.content|raw }}
  931.                 {% else %}
  932.                     Fort de plusieurs années d’expérience, Tracol Immobilier propose des projets adaptés aux besoins de chacun. Répondant aux plus hautes exigences et s’inscrivant dans le temps, ils se caractérisent par une architecture résolument contemporaine, des matériaux de qualité et le soin apporté à chaque détail.{% endif %}
  933.             </div>
  934.         </div>
  936.         <section class=\"project filter mt-5\" style=\"margin-bottom: 120px\">
  937.             <div id=\"button-project-page\" class=\"col-lg-4 div-svg-header mb-4\" style=\"display: flex; align-items: center; padding-left:25px\">
  938.                 <div class=\"input-filter col-lg-3 d-flex\">
  939.                     <label for=\"all-projects\" style=\"margin-right:10px\">TOUS</label>
  940.                     <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects\" class=\"mr-3 projectButton\">
  941.                 </div>
  942.                 <div class=\"input-filter col-lg-3 d-flex\">
  943.                     <label for=\"futur-projects\" style=\"margin-right:10px\">À VENIR</label>
  944.                     <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects\" class=\"mr-3 projectButton\">
  945.                 </div>
  946.                 <div class=\"input-filter col-lg-3 d-flex\">
  947.                     <label for=\"construction-projects\" style=\"margin-right:10px\">EN COURS</label>
  948.                     <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects\" class=\" projectButton\">
  949.                 </div>
  953.                 {#
  954.                 <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  955.                 <button data-id=\"futur\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">A VENIR</span></button>
  956.                 <button data-id=\"construction\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">EN COURS</span></button>
  957.                 #}
  958.             </div>
  959.             <div id=\"button-project-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  960.                 <div  class=\"flicking-viewport\">
  961.                     <div class=\"flicking-camera\">
  962.                         <div class=\"input-filter\">
  963.                             <label for=\"all-projects-mobile\">TOUS</label>
  964.                             <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects-mobile\" class=\"mr-3 projectButton\">
  965.                         </div>
  966.                         <div class=\"input-filter\">
  967.                             <label for=\"futur-projects-mobile\">À VENIR</label>
  968.                             <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects-mobile\" class=\"mr-3 projectButton\">
  969.                         </div>
  970.                         <div class=\"input-filter\">
  971.                             <label for=\"construction-projects-mobile\">EN COURS</label>
  972.                             <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects-mobile\" class=\" projectButton\">
  973.                         </div>
  974.                         {#
  975.                         <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  976.                         <button data-id=\"futur\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">A VENIR</span></button>
  977.                         <button data-id=\"construction\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">EN COURS</span></button>
  978.                         #}
  980.                     </div>
  981.                 </div>
  982.             </div>
  985.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; justify-content: center; flex-direction: column;\">
  986.                 {#
  987.                 <div id=\"filter-project-desktop\">
  988.                     {% for key, subType in getSubTypeProject() %}
  989.                         <button data-id=\"{{ key }}\" class=\"select-projet\">{{ subType }} <i class=\"fas fa-times\"></i></button>
  990.                     {% endfor %}
  991.                 </div>
  993.                 <div id=\"filter-project-mobile\" class=\"col-lg-3 div-form selectSubFilter\" style=\"display: none\">
  994.                     <div class=\"input-group dropdown show\">
  995.                         <label class=\"label-search-filter\" for=\"location\">Filtrer par Type</label>
  996.                         <input style=\"height: 75px; width: 60px;\" type=\"text\" autocomplete=\"off\" name=\"filters\" id=\"filters\"
  997.                                class=\"form-control\" aria-expanded=\"false\">
  998.                         <ul id=\"form-search-filter-ajax\" class=\"dropdown-menu form-search-filter-ajax\" aria-labelledby=\"\">
  999.                             {% for key, subType in getSubTypeProject() %}
  1000.                                 <li value=\"{{ key }}\" data-id=\"{{ key }}\" class=\"select-filter\"><i class=\"fas fa-times\"></i>{{ subType }}</li>
  1001.                             {% endfor %}
  1002.                         </ul>
  1003.                     </div>
  1004.                 </div>
  1005.                 #}
  1008.                 {#
  1009.                 <div id=\"loading\">
  1010.                     <h1 id=\"showOutput\"></h1>
  1011.                 </div>
  1012.                 #}
  1014.                 <div id=\"projects\" class=\"row\">
  1015.                     {#
  1016.                     {% for key, project in projects|slice(0,5) %}
  1017.                         <div onclick=\"location.href='{{ path('project-detail', {'id': project.id}) }}'\" data-id=\"{{ path('project-detail', {'id': project.id}) }}\" class=\"col-lg-12 div-img-hover-2 project-desktop\" style=\"cursor: pointer\">
  1018.                             {% if key == 0 %}
  1019.                                 <div class=\"div-hover-2\" id=\"div-hover-2\" style=\"position: absolute; bottom: 8px; left: 8px; background-color: #242424; color: white; width: 291px; height: 85px\">
  1020.                                     <p class=\"city\">{{ project.city.name }}</p>
  1021.                                     <p class=\"project-name\">{{ project.reference }}</p>
  1022.                                     {% if project.comments[0].comment is not empty %}
  1023.                                         <p class=\"project-content\">
  1024.                                             {{ project.comments[0].comment|slice(0, 250) }}</p>
  1025.                                         <a  href=\"{{ path('project-detail', {'id': project.id}) }}\" class=\"project-arrow-2\">
  1026.                                             <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1027.                                         </a>
  1028.                                     {% else %}
  1029.                                         <a style=\"margin-top: 180px\" href=\"{{ path('project-detail', {'id': project.id}) }}\" class=\"project-arrow-2\">
  1030.                                             <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1031.                                         </a>
  1032.                                     {% endif %}
  1033.                                 </div>
  1034.                                 <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ typeProject(project.construction.construction_step) }}</span></div>
  1035.                                 {% if project.pictures is not empty %}
  1036.                                     {% for picture in project.pictures|slice(0,1) %}
  1037.                                         <div class=\"img\" style=\"background-image: url('{{ picture.url }}')\"></div>
  1038.                                     {% endfor %}
  1039.                                 {% else %}
  1040.                                     <div class=\"img\" style=\"background-image: url('{{ asset('build/Hudson_Ontario2.png') }}')\"></div>
  1041.                                 {% endif %}
  1042.                             {% endif %}
  1044.                         </div>
  1045.                     {% endfor %}
  1046.                     #}
  1048.                     <div class=\"col-lg-12 project-desktop\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  1049.                         {% for key, property in projects %}
  1050.                             <div  class=\"col-12 col-xl-6 col-lg-6 col-md-12 col-sm-12\" style=\"position:relative;cursor: pointer\">
  1051.                                 {% if property.pictures is not empty %}
  1052.                                     <div class=\"position-relative properties-slide\">
  1053.                                             <div class=\"img\" style=\"background-image: url('{{ property.pictures.0.url }}')\"  onclick=\"location.href='{{ path('project-detail', {'id': property.id}) }}'\">
  1054.                                             </div>
  1055.                                     </div>
  1057.                                 {% else %}
  1058.                                     <div class=\"img\" style=\"background-image: url('{{ asset('build/Maisons_H_R1.jpg') }}')\"></div>
  1059.                                 {% endif %}
  1060.                                 {#
  1061.                                 <div class=\"row col-md-12 justify-content-between\">
  1062.                                     <ul class=\"col-md-4 items\">
  1063.                                         <li class=\"item surface\">
  1064.                                             <img src=\"{{ asset('img/surface.svg') }}\" class=\"surface-logo\"> {{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}
  1065.                                         </li>
  1066.                                     </ul>
  1067.                                     <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  1068.                                         {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1069.                                     </div>
  1070.                                 </div>
  1071.                                 #}
  1073.                                 <p class=\"city\">{{ property.city.name }}</p>
  1074.                                 <p class=\"project-name\">{{ property.reference }}</p>
  1075.                                 <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ typeProject(property.construction.construction_step) }}</span></div>
  1076.                             </div>
  1077.                         {% endfor %}
  1078.                     </div>
  1079.                 </div>
  1082.                 <div class=\"text-center text-capitalize more-projects\">
  1083.                     <p>AFFICHER PLUS DE PROJETS</p>
  1084.                 </div>
  1085.             </div>
  1086.             {#
  1087.             <div class=\"col-lg-8 mx-auto div-svg-header content-projet\">
  1088.                 {% set sectionContent1 = content('Projets', 'Section-2') %}
  1089.                 <div id=\"section-2-project\" class=\"col-lg-6 habiter-content\">
  1090.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1091.                         <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\"/>
  1092.                     </svg>
  1093.                     <div class=\"col-lg-9\">
  1094.                         <h1 class=\"habiter-title mb-5\">
  1095.                             {% if sectionContent1.name is defined %}{{ sectionContent1.name }}{% else %}INVESTIR À LUXEMBOURG{% endif %}
  1096.                         </h1>
  1097.                         {% if sectionContent1.content is defined %}{{ sectionContent1.content|raw }}{% else %}La demande locative est très importante au Luxembourg. En choisissant d’investir dans nos projets, vous avez l’assurance de louer très vite votre bien immobilier sans souci de devoir partir à la recherche de locataires potentiels. Votre investissement devient rapidement rentable. De plus, notre service de gestion locative peut vous accompagner dans votre démarche de A à Z.{% endif %}
  1098.                     </div>
  1099.                 </div>
  1100.                 <div id=\"display-none-mobile\" class=\"col-lg-6 habiter-img\" {% if sectionContent1.picture is defined %}style=\"background-image: url('/uploads/images/{{ sectionContent1.picture[0].path }}')\"{% endif %}>
  1101.                 </div>
  1102.             </div>
  1104.             <div class=\"col-lg-12 div-svg-header last-section-project\">
  1105.                 <div id=\"section-projet-margin\" class=\"offset-lg-2 col-lg-2\" style=\"display: flex; justify-content: flex-start;\">
  1106.                     <a id=\"link-more\" class=\"property-span-arrow\" href=\"{{ path('invest') }}\">EN SAVOIR PLUS
  1107.                         <i class=\"fas fa-arrow-right property-arrow\"></i>
  1108.                     </a>
  1109.                 </div>
  1110.                 <div class=\"col-lg-3\" style=\"display: flex;justify-content: flex-start;margin-left: 0;\">
  1111.                     <a href=\"{{ path('location-management') }}\" class=\"property-span-arrow\">LA GESTION LOCATIVE
  1112.                         <i class=\"fas fa-arrow-right property-arrow\"></i>
  1113.                     </a>
  1114.                 </div>
  1115.             </div>
  1116.             #}
  1118.         </section>
  1119.     </div>
  1120.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  1121.         <div class=\"col-lg-6 habiter-img\">
  1122.             <img style=\"padding: 0px;\" height=\"430px\" class=\"img-100\" {% if sectionContent1.picture is defined %}src=\"/uploads/images/{{ sectionContent1.picture[0].path }}\"{% endif %}>
  1123.         </div>
  1124.     </div>
  1127.     <script>
  1128.         const futurProjects = document.getElementById('projects')
  1129.         let buttons = document.getElementsByClassName('projectButton')
  1131.         for (const eElement of buttons) {
  1132.             eElement.addEventListener('click', function (e) {
  1133.                 e.preventDefault()
  1135.                 for (let button of buttons) {
  1136.                     if (button.classList.contains('all')){
  1137.                         button.classList.remove('all')
  1138.                         //button.classList.add('come')
  1139.                         //button.querySelector('span').classList.replace('span-all', 'span-projects')
  1140.                     }
  1141.                 }
  1143.                 eElement.classList.remove('come')
  1144.                 //eElement.classList.add('all')
  1145.                 //eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  1147.                 fetch('projects/display/'+this.dataset.id, {
  1148.                     method: 'GET',
  1149.                 })
  1150.                     .then(response => response.json())
  1151.                     .then(data => {
  1152.                         futurProjects.innerHTML = ''
  1153.                         futurProjects.innerHTML = data.data
  1155.                         _ww = \$(window).width();
  1156.                         var lightbox = \$('.lightbox'),
  1157.                             item = 0;
  1159.                         \$('.lightbox-on').click(function(e){
  1160.                             e.stopPropagation();
  1161.                             item = 0;
  1162.                             console.log('click btn');
  1164.                             var id = \$(this).attr('data-id'),
  1165.                                 max = 0;
  1166.                             \$('#'+id).toggle();
  1167.                             \$('#'+id).animate({opacity: 1}, 300);
  1168.                             \$('#'+id).find('img').each(function( i ) {
  1169.                                 //console.log('h : '+\$(this).height());
  1170.                                 //console.log('w : '+\$(this).width());
  1171.                                 max = i;
  1172.                                 item = 1;
  1173.                                 counter(item, max+1);
  1174.                                 itemWidth(\$(this));
  1175.                             });
  1176.                         });
  1178.                         lightbox.click(function(e) {
  1179.                             e.stopPropagation();
  1180.                             \$(this).animate({opacity: 0}, 300, function(){
  1181.                                 \$(this).toggle();
  1182.                             });
  1183.                         });
  1185.                         \$('.closer').on('click', function (e) {
  1186.                             e.stopPropagation();
  1187.                             \$(this).parent().animate(
  1188.                                 {opacity: 0},
  1189.                                 300,
  1190.                                 function(){
  1191.                                     \$(this).toggle();
  1192.                                 }
  1193.                             );
  1194.                         });
  1196.                         function itemWidth(img){
  1197.                             img.closest('.items').width(img.width());
  1198.                         }
  1200.                         function counter(item, max){
  1201.                             \$('.counter').text(item + ' / ' + max);
  1202.                         }
  1204.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  1205.                             var wd = \$(this).width(),
  1206.                                 last = \$(this).parent().find('.item').last(),
  1207.                                 img = \$(this).find('.img');
  1208.                             itemWidth(img);
  1210.                             \$(this).animate(
  1211.                                 {marginLeft: -wd, opacity: 0},
  1212.                                 500,
  1213.                                 'swing',
  1214.                                 function(){
  1215.                                     \$(this).insertAfter(last);
  1216.                                     \$(this).css({marginLeft: 0, opacity: 1});
  1217.                                 }
  1218.                             );
  1219.                         });
  1221.                         \$('.item', lightbox).on('swiperight', function (e) {
  1222.                             var wd = \$(this).width(),
  1223.                                 first = \$(this).parent().find('.item').first(),
  1224.                                 last = \$(this).parent().find('.item').last(),
  1225.                                 img = \$(this).find('.img');
  1226.                             itemWidth(img);
  1228.                             \$(last).insertBefore(\$(this));
  1229.                             \$(last).css({marginLeft: -wd, opacity: 0});
  1230.                             \$(this).parent().find('.item').eq(0).animate(
  1231.                                 {marginLeft: 0, opacity: 1},
  1232.                                 500,
  1233.                                 'swing'
  1234.                             );
  1235.                         });
  1237.                         \$('.arrows', lightbox).on('click', function (e) {
  1238.                             e.stopPropagation();
  1240.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1241.                                 max = \$(this)
  1242.                                     .siblings('.items').find('.item').length,
  1243.                                 first = \$(this).siblings('.items').find('.item').first(),
  1244.                                 last = \$(this).siblings('.items').find('.item').last(),
  1245.                                 isRight = \$(this).hasClass('right'),
  1246.                                 marginL = isRight ? -wd : 0,
  1247.                                 marginL0 = isRight ? 0: -wd,
  1248.                                 opacOn = isRight ? 1 : 0,
  1249.                                 opacOff = isRight ? 0 : 1;
  1251.                             if (!isRight){
  1252.                                 \$(last).insertBefore(first);
  1253.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1254.                                 item++;
  1255.                                 if (item == max+1) {item = 1};
  1256.                             } else {
  1257.                                 item--;
  1258.                                 if (item == 0) {item = max};
  1259.                             };
  1261.                             counter(item, max);
  1263.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1264.                             itemWidth(img);
  1266.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  1267.                                 {opacity: opacOn},
  1268.                                 500,
  1269.                                 'swing');
  1271.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  1272.                                 {marginLeft: marginL, opacity: 1},
  1273.                                 500,
  1274.                                 'swing',
  1275.                                 function(){
  1276.                                     if (isRight){
  1277.                                         \$(this).insertAfter(last);
  1278.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  1279.                                     }
  1280.                                 }
  1281.                             );
  1282.                         });
  1285.                         if (_ww > 768){
  1286.                             \$('.div-img-hover-2').hover(function (e) {
  1287.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1288.                                 var htext = \$(this).find('.project-content').height();
  1289.                                 if (htext == undefined){htext = 0};
  1290.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1291.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  1292.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  1293.                             }, function() {
  1294.                                 console.log('down');
  1295.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1296.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1298.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1299.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  1300.                                 });
  1301.                             });
  1302.                         } else {
  1303.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1304.                                 console.log('tap tap');
  1305.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1306.                                     ht = opened ? 85 : '100%',
  1307.                                     vis = opened ? 0 : 1;
  1308.                                 \$(this).find('.div-hover-2').toggleClass('open');
  1309.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1310.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1311.                             });
  1312.                         }
  1313.                         \$('.div-hover').hover(function (e) {
  1314.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1315.                         }, function() {
  1316.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1317.                         });
  1318.                     })
  1319.                     .catch((error) => {
  1320.                         console.error('Error:', error);
  1321.                     });
  1322.             })
  1323.         }
  1327.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1328.             const test = document.getElementsByClassName('select-filter')
  1330.             for (const testElement of test) {
  1331.                 testElement.addEventListener('click', function (e) {
  1332.                     e.preventDefault()
  1333.                     testElement.classList.toggle('select-projet-active')
  1334.                     const infos = document.querySelector('.projectButton.all')
  1335.                     const dataId = []
  1336.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  1337.                     for (const test1 of tests) {
  1338.                         dataId.push(parseFloat(test1.dataset.id))
  1339.                     }
  1340.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1341.                         method: 'GET'
  1342.                     })
  1343.                         .then(response => response.json())
  1344.                         .then(data => {
  1345.                             futurProjects.innerHTML = data.data
  1346.                         })
  1347.                         .catch((error) => {
  1348.                             console.error('Error:', error);
  1349.                         });
  1350.                 })
  1351.             }
  1352.         } else {
  1353.             const test = document.getElementsByClassName('select-projet')
  1354.             for (const testElement of test) {
  1355.                 testElement.addEventListener('click', function (e) {
  1356.                     displayLoading()
  1357.                     e.preventDefault()
  1358.                     testElement.classList.toggle('select-projet-active')
  1359.                     const infos = document.querySelector('.projectButton.all')
  1360.                     const dataId = []
  1361.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  1362.                     for (const test1 of tests) {
  1363.                         dataId.push(parseFloat(test1.dataset.id))
  1364.                     }
  1366.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1367.                         method: 'GET'
  1368.                     })
  1369.                         .then(response => response.json())
  1370.                         .then(data => {
  1371.                             hideLoading()
  1372.                             futurProjects.innerHTML = data.data
  1378.                             _ww = \$(window).width();
  1379.                             var lightbox = \$('.lightbox'),
  1380.                                 item = 0;
  1382.                             \$('.lightbox-on').click(function(e){
  1383.                                 e.stopPropagation();
  1384.                                 item = 0;
  1385.                                 console.log('click btn');
  1387.                                 var id = \$(this).attr('data-id'),
  1388.                                     max = 0;
  1389.                                 \$('#'+id).toggle();
  1390.                                 \$('#'+id).animate({opacity: 1}, 300);
  1391.                                 \$('#'+id).find('img').each(function( i ) {
  1392.                                     //console.log('h : '+\$(this).height());
  1393.                                     //console.log('w : '+\$(this).width());
  1394.                                     max = i;
  1395.                                     item = 1;
  1396.                                     counter(item, max+1);
  1397.                                     itemWidth(\$(this));
  1398.                                 });
  1399.                             });
  1401.                             lightbox.click(function(e) {
  1402.                                 e.stopPropagation();
  1403.                                 \$(this).animate({opacity: 0}, 300, function(){
  1404.                                     \$(this).toggle();
  1405.                                 });
  1406.                             });
  1408.                             \$('.closer').on('click', function (e) {
  1409.                                 e.stopPropagation();
  1410.                                 \$(this).parent().animate(
  1411.                                     {opacity: 0},
  1412.                                     300,
  1413.                                     function(){
  1414.                                         \$(this).toggle();
  1415.                                     }
  1416.                                 );
  1417.                             });
  1419.                             function itemWidth(img){
  1420.                                 img.closest('.items').width(img.width());
  1421.                             }
  1423.                             function counter(item, max){
  1424.                                 \$('.counter').text(item + ' / ' + max);
  1425.                             }
  1427.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  1428.                                 var wd = \$(this).width(),
  1429.                                     last = \$(this).parent().find('.item').last(),
  1430.                                     img = \$(this).find('.img');
  1431.                                 itemWidth(img);
  1433.                                 \$(this).animate(
  1434.                                     {marginLeft: -wd, opacity: 0},
  1435.                                     500,
  1436.                                     'swing',
  1437.                                     function(){
  1438.                                         \$(this).insertAfter(last);
  1439.                                         \$(this).css({marginLeft: 0, opacity: 1});
  1440.                                     }
  1441.                                 );
  1442.                             });
  1444.                             \$('.item', lightbox).on('swiperight', function (e) {
  1445.                                 var wd = \$(this).width(),
  1446.                                     first = \$(this).parent().find('.item').first(),
  1447.                                     last = \$(this).parent().find('.item').last(),
  1448.                                     img = \$(this).find('.img');
  1449.                                 itemWidth(img);
  1451.                                 \$(last).insertBefore(\$(this));
  1452.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1453.                                 \$(this).parent().find('.item').eq(0).animate(
  1454.                                     {marginLeft: 0, opacity: 1},
  1455.                                     500,
  1456.                                     'swing'
  1457.                                 );
  1458.                             });
  1460.                             \$('.arrows', lightbox).on('click', function (e) {
  1461.                                 e.stopPropagation();
  1463.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1464.                                     max = \$(this)
  1465.                                         .siblings('.items').find('.item').length,
  1466.                                     first = \$(this).siblings('.items').find('.item').first(),
  1467.                                     last = \$(this).siblings('.items').find('.item').last(),
  1468.                                     isRight = \$(this).hasClass('right'),
  1469.                                     marginL = isRight ? -wd : 0,
  1470.                                     marginL0 = isRight ? 0: -wd,
  1471.                                     opacOn = isRight ? 1 : 0,
  1472.                                     opacOff = isRight ? 0 : 1;
  1474.                                 if (!isRight){
  1475.                                     \$(last).insertBefore(first);
  1476.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  1477.                                     item++;
  1478.                                     if (item == max+1) {item = 1};
  1479.                                 } else {
  1480.                                     item--;
  1481.                                     if (item == 0) {item = max};
  1482.                                 };
  1484.                                 counter(item, max);
  1486.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1487.                                 itemWidth(img);
  1489.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  1490.                                     {opacity: opacOn},
  1491.                                     500,
  1492.                                     'swing');
  1494.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  1495.                                     {marginLeft: marginL, opacity: 1},
  1496.                                     500,
  1497.                                     'swing',
  1498.                                     function(){
  1499.                                         if (isRight){
  1500.                                             \$(this).insertAfter(last);
  1501.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  1502.                                         }
  1503.                                     }
  1504.                                 );
  1505.                             });
  1508.                             if (_ww > 768){
  1509.                                 \$('.div-img-hover-2').hover(function (e) {
  1510.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1511.                                     var htext = \$(this).find('.project-content').height();
  1512.                                     if (htext == undefined){htext = 0};
  1513.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1514.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  1515.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  1516.                                 }, function() {
  1517.                                     console.log('down');
  1518.                                     \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1519.                                     \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1521.                                     \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1522.                                         \$(this).find('.project-content').css({'visibility': 'hidden'});
  1523.                                     });
  1524.                                 });
  1525.                             } else {
  1526.                                 \$('.div-hover-2').on( \"click\", function( event ) {
  1527.                                     console.log('tap tap');
  1528.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1529.                                         ht = opened ? 85 : '100%',
  1530.                                         vis = opened ? 0 : 1;
  1531.                                     \$(this).find('.div-hover-2').toggleClass('open');
  1532.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1533.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1534.                                 });
  1535.                             }
  1536.                             \$('.div-hover').hover(function (e) {
  1537.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1538.                             }, function() {
  1539.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1540.                             });
  1543.                         })
  1544.                         .catch((error) => {
  1545.                             console.error('Error:', error);
  1546.                         });
  1547.                 })
  1548.             }
  1549.         }
  1551.         const buttonFilter = document.getElementsByClassName('select-projet')
  1552.         for (const buttonFilterElement of buttonFilter) {
  1553.             buttonFilterElement.addEventListener('click', function () {
  1555.             })
  1556.         }
  1558.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1559.             new Flicking(\"#flick4\", {
  1560.                 moveType: \"freeScroll\",
  1561.                 bound: true
  1562.             });
  1564.         }
  1566.         const filter = document.getElementById('filters')
  1567.         const filterElement = document.getElementById('form-search-filter-ajax')
  1568.         filter.addEventListener('click', function (e) {
  1569.             e.preventDefault()
  1570.             filterElement.classList.toggle('show')
  1571.         })
  1574.         const loader = document.querySelector(\"#loading\");
  1576.         function displayLoading() {
  1577.             loader.classList.add(\"display\");
  1578.             // to stop loading after some time
  1579.             setTimeout(() => {
  1580.                 loader.classList.remove(\"display\");
  1581.             }, 5000);
  1582.         }
  1584.         // hiding loading
  1585.         function hideLoading() {
  1586.             loader.classList.remove(\"display\");
  1587.         }
  1588.     </script>
  1589. {% endblock %}
  1590. ", "project.html.twig", "/home/jumo/sites/sym/tracol/templates/project.html.twig");
  1591.     }
  1592. }