var/cache/dev/twig/62/620a852c76046e5a903bda15cf75d438e0502146274135cfc0de055b6ba5a4c2.php line 51

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* project.html.twig */
  17. class __TwigTemplate_837712e9a882b2b3384aaeba74346a34aa91f959fee069ee43c1e6c32e9a7e7f extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->blocks = [
  29.             'title' => [$this, 'block_title'],
  30.             'metaDescription' => [$this, 'block_metaDescription'],
  31.             'body' => [$this, 'block_body'],
  32.         ];
  33.     }
  35.     protected function doGetParent(array $context)
  36.     {
  37.         // line 1
  38.         return "base.html.twig";
  39.     }
  41.     protected function doDisplay(array $context, array $blocks = [])
  42.     {
  43.         $macros = $this->macros;
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  45.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "project.html.twig"));
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  48.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "project.html.twig"));
  50.         $this->parent = $this->loadTemplate("base.html.twig", "project.html.twig", 1);
  51.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  52.         
  53.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  55.         
  56.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  58.     }
  60.     // line 3
  61.     public function block_title($context, array $blocks = [])
  62.     {
  63.         $macros = $this->macros;
  64.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  65.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  67.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  68.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  70.         yield "Projets";
  71.         
  72.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  74.         
  75.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  77.         return; yield '';
  78.     }
  80.     // line 4
  81.     public function block_metaDescription($context, array $blocks = [])
  82.     {
  83.         $macros = $this->macros;
  84.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  85.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
  87.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  88.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
  90.         // line 5
  91.         yield "    ";
  92.         $context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Projets", "Header");
  93.         // line 6
  94.         yield "    <meta name=\"description\" content=\"
  95.     ";
  96.         // line 7
  97.         if (CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 7)) {
  98.             // line 8
  99.             yield "        ";
  100.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::striptags(CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 8, $this->source); })()), "content", [], "any", false, false, false, 8)), "html", null, true);
  101.             yield "
  102.     ";
  103.         } else {
  104.             // line 10
  105.             yield "         Tracol Immobilier propose une large offre en immobilier neuf (logements, bureaux, commerces), qui se caractérise par une architecture résolument contemporaine, des matériaux de qualité, et le soin apporté à chaque détail.
  106.     ";
  107.         }
  108.         // line 12
  109.         yield "    \">
  110. ";
  111.         
  112.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  114.         
  115.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  117.         return; yield '';
  118.     }
  120.     // line 15
  121.     public function block_body($context, array $blocks = [])
  122.     {
  123.         $macros = $this->macros;
  124.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  125.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  127.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  128.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  130.         // line 16
  131.         yield "
  132.     ";
  133.         // line 17
  134.         $context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Projets", "Header");
  135.         // line 18
  136.         yield "
  137.     ";
  138.         // line 19
  139.         if ((CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "picture", [], "any", true, true, false, 19) &&  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 19, $this->source); })()), "picture", [], "any", false, false, false, 19)))) {
  140.             // line 20
  141.             yield "        ";
  142.             $context["backgroundImage"] = ("/uploads/images/" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 20, $this->source); })()), "picture", [], "any", false, false, false, 20), 0, [], "array", false, false, false, 20), "path", [], "any", false, false, false, 20));
  143.             // line 21
  144.             yield "    ";
  145.         } else {
  146.             // line 22
  147.             yield "        ";
  148.             $context["backgroundImage"] = "img/projets_header.jpg";
  149.             // line 23
  150.             yield "    ";
  151.         }
  152.         // line 24
  153.         yield "
  154.     <header class=\"header-tracol col-lg-8 mx-auto\" style=\"background-image: url(";
  155.         // line 25
  156.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((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);
  157.         yield ");margin-top: 165px!important;\">
  158.         <div class=\"col-lg-8 mx-auto div-svg-header\">
  159.             <div id=\"header-project\" class=\"header-habiter-div\">
  160.                 ";
  161.         // line 28
  162.         if ((CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "name", [], "any", true, true, false, 28) && CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 28, $this->source); })()), "name", [], "any", false, false, false, 28))) {
  163.             // line 29
  164.             yield "                    <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>
  165.                     <h2 class=\"header-habiter-title col-lg-6\">";
  166.             // line 30
  167.             if (CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "name", [], "any", true, true, false, 30)) {
  168.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 30, $this->source); })()), "name", [], "any", false, false, false, 30), "html", null, true);
  169.             }
  170.             yield "</h2>
  171.                     <div class=\"col-lg-8 header-content\">
  172.                         ";
  173.             // line 32
  174.             if (CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 32)) {
  175.                 // line 33
  176.                 yield "                            ";
  177.                 yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 33, $this->source); })()), "content", [], "any", false, false, false, 33);
  178.                 yield "
  179.                         ";
  180.             } else {
  181.                 // line 35
  182.                 yield "                            <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>
  183.                         ";
  184.             }
  185.             // line 37
  186.             yield "                    </div>
  187.                 ";
  188.         }
  189.         // line 39
  190.         yield "            </div>
  191.         </div>
  192.     </header>
  194.     <div class=\"container-fluid project-page\">
  195.         ";
  196.         // line 44
  197.         $context["sectionContent1"] = $this->extensions['App\Twig\ContentExtension']->Content("Projets", "Section-1");
  198.         // line 45
  199.         yield "        <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  200.             <div class=\"col-lg-4\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  201.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  202.                     <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\"/>
  203.                 </svg>
  204.                 ";
  205.         // line 50
  206.         if ((0 === CoreExtension::compare(Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 50, $this->source); })())), 0))) {
  207.             // line 51
  208.             yield "                    <h1 class=\"project-title\">pas de projet</h1>
  209.                 ";
  210.         } elseif ((0 === CoreExtension::compare(Twig\Extension\CoreExtension::length($this->env->getCharset(),         // line 52
  211. (isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 52, $this->source); })())), 1))) {
  212.             // line 53
  213.             yield "                    <h1 class=\"project-title\">";
  214.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), (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);
  215.             yield " projet</h1>
  216.                 ";
  217.         } else {
  218.             // line 55
  219.             yield "                    <h1 class=\"project-title\">";
  220.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), (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);
  221.             yield " projets</h1>
  222.                 ";
  223.         }
  224.         // line 57
  225.         yield "            </div>
  226.             <div class=\"separator\"></div>
  227.             <div id=\"section-1-project\" class=\"col-lg-6 pre-section-content\">
  228.                 ";
  229.         // line 60
  230.         if (CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 60)) {
  231.             // line 61
  232.             yield "                    ";
  233.             yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["sectionContent1"]) || array_key_exists("sectionContent1", $context) ? $context["sectionContent1"] : (function () { throw new RuntimeError('Variable "sectionContent1" does not exist.', 61, $this->source); })()), "content", [], "any", false, false, false, 61);
  234.             yield "
  235.                 ";
  236.         } else {
  237.             // line 63
  238.             yield "                    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.";
  239.         }
  240.         // line 64
  241.         yield "            </div>
  242.         </div>
  244.         <section class=\"project filter mt-5\" style=\"margin-bottom: 40px\">
  245.             <div id=\"button-project-page\" class=\"col-lg-4 div-svg-header mb-4\" style=\"display: flex; align-items: center; padding-left:25px\">
  246.                 <div class=\"input-filter col-lg-3 d-flex\">
  247.                     <label for=\"all-projects\" style=\"margin-right:10px\">TOUS</label>
  248.                     <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects\" class=\"mr-3 projectButton\">
  249.                 </div>
  250.                 <div class=\"input-filter col-lg-3 d-flex\">
  251.                     <label for=\"futur-projects\" style=\"margin-right:10px\">À VENIR</label>
  252.                     <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects\" class=\"mr-3 projectButton\">
  253.                 </div>
  254.                 <div class=\"input-filter col-lg-3 d-flex\">
  255.                     <label for=\"construction-projects\" style=\"margin-right:10px\">EN COURS</label>
  256.                     <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects\" class=\" projectButton\">
  257.                 </div>
  261.                 ";
  262.         // line 89
  263.         yield "            </div>
  264.             <div id=\"button-project-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  265.                 <div  class=\"flicking-viewport\">
  266.                     <div class=\"flicking-camera\">
  267.                         <div class=\"input-filter\">
  268.                             <label for=\"all-projects-mobile\">TOUS</label>
  269.                             <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects-mobile\" class=\"mr-3 projectButton\">
  270.                         </div>
  271.                         <div class=\"input-filter\">
  272.                             <label for=\"futur-projects-mobile\">À VENIR</label>
  273.                             <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects-mobile\" class=\"mr-3 projectButton\">
  274.                         </div>
  275.                         <div class=\"input-filter\">
  276.                             <label for=\"construction-projects-mobile\">EN COURS</label>
  277.                             <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects-mobile\" class=\" projectButton\">
  278.                         </div>
  279.                         ";
  280.         // line 110
  281.         yield "
  282.                     </div>
  283.                 </div>
  284.             </div>
  287.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; justify-content: center; flex-direction: column;\">
  288.                 ";
  289.         // line 137
  290.         yield "
  292.                 ";
  293.         // line 144
  294.         yield "
  295.                 <div id=\"projects\" class=\"row\">
  296.                     ";
  297.         // line 178
  298.         yield "
  299.                     <div class=\"col-lg-12 project-desktop\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  300.                         ";
  301.         // line 180
  302.         $context['_parent'] = $context;
  303.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 180, $this->source); })()));
  304.         foreach ($context['_seq'] as $context["key"] => $context["property"]) {
  305.             // line 181
  306.             yield "                            <div  class=\"item2 col-12 col-xl-6 col-lg-6 col-md-12 col-sm-12\" style=\"position:relative;cursor: pointer\">
  307.                                 ";
  308.             // line 182
  309.             if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 182))) {
  310.                 // line 183
  311.                 yield "                                    <div class=\"position-relative properties-slide img-wrapper\">
  312.                                             ";
  313.                 // line 184
  314.                 $context["url"] = ((CoreExtension::inFilter("http", CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 184), 0, [], "any", false, false, false, 184), "url", [], "any", false, false, false, 184))) ? (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 184), 0, [], "any", false, false, false, 184), "url", [], "any", false, false, false, 184)) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("uploads/images/properties/" . CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 184)) . "/") . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 184), 0, [], "any", false, false, false, 184), "url", [], "any", false, false, false, 184)))));
  315.                 // line 185
  316.                 yield "                                            <div class=\"img\" style=\"background-image: url('";
  317.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["url"]) || array_key_exists("url", $context) ? $context["url"] : (function () { throw new RuntimeError('Variable "url" does not exist.', 185, $this->source); })()), "html", null, true);
  318.                 yield "')\"  onclick=\"location.href='";
  319.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("project-detail", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 185)]), "html", null, true);
  320.                 yield "'\">
  321.                                             </div>
  322.                                     </div>
  324.                                 ";
  325.             } else {
  326.                 // line 190
  327.                 yield "                                <div class=\"img-wrapper\">
  328.                                     <div class=\"img\" style=\"background-image: url('";
  329.                 // line 191
  330.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Maisons_H_R1.jpg"), "html", null, true);
  331.                 yield "')\"></div>
  332.                                 </div>
  333.                                 ";
  334.             }
  335.             // line 194
  336.             yield "                                ";
  337.             // line 206
  338.             yield "
  339.                                 <p class=\"city\">";
  340.             // line 207
  341.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "city", [], "any", false, false, false, 207), "name", [], "any", false, false, false, 207), "html", null, true);
  342.             yield "</p>
  343.                                 <p class=\"project-name\">";
  344.             // line 208
  345.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "reference", [], "any", false, false, false, 208), "html", null, true);
  346.             yield "</p>
  347.                                 <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">";
  348.             // line 209
  349.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\ContentExtension']->typeProject(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["property"], "construction", [], "any", false, false, false, 209), "construction_step", [], "any", false, false, false, 209)), "html", null, true);
  350.             yield "</span></div>
  351.                             </div>
  352.                         ";
  353.         }
  354.         $_parent = $context['_parent'];
  355.         unset($context['_seq'], $context['_iterated'], $context['key'], $context['property'], $context['_parent'], $context['loop']);
  356.         $context = array_intersect_key($context, $_parent) + $_parent;
  357.         // line 212
  358.         yield "                    </div>
  359.                 </div>
  362.                 <div class=\"text-center text-capitalize more-projects\">
  363.                     <p>AFFICHER PLUS DE PROJETS</p>
  364.                 </div>
  365.             </div>
  366.             ";
  367.         // line 251
  368.         yield "
  369.         </section>
  370.     </div>
  371.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  372.         <div class=\"col-lg-6 habiter-img\">
  373.             <img style=\"padding: 0px;\" height=\"430px\" class=\"img-100\" ";
  374.         // line 256
  375.         if ((CoreExtension::getAttribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "picture", [], "any", true, true, false, 256) && CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "picture", [], "any", false, true, false, 256), 0, [], "array", true, true, false, 256))) {
  376.             yield "src=\"/uploads/images/";
  377.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["sectionContent1"]) || array_key_exists("sectionContent1", $context) ? $context["sectionContent1"] : (function () { throw new RuntimeError('Variable "sectionContent1" does not exist.', 256, $this->source); })()), "picture", [], "any", false, false, false, 256), 0, [], "array", false, false, false, 256), "path", [], "any", false, false, false, 256), "html", null, true);
  378.             yield "\"";
  379.         }
  380.         yield ">
  381.         </div>
  382.     </div>
  385.     <script>
  386.         const futurProjects = document.getElementById('projects')
  387.         let buttons = document.getElementsByClassName('projectButton')
  389.         for (const eElement of buttons) {
  390.             eElement.addEventListener('click', function (e) {
  391.                 e.preventDefault()
  393.                 for (let button of buttons) {
  394.                     if (button.classList.contains('all')){
  395.                         button.classList.remove('all')
  396.                         //button.classList.add('come')
  397.                         //button.querySelector('span').classList.replace('span-all', 'span-projects')
  398.                     }
  399.                 }
  401.                 eElement.classList.remove('come')
  402.                 //eElement.classList.add('all')
  403.                 //eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  405.                 fetch('projects/display/'+this.dataset.id, {
  406.                     method: 'GET',
  407.                 })
  408.                     .then(response => response.json())
  409.                     .then(data => {
  410.                         futurProjects.innerHTML = ''
  411.                         futurProjects.innerHTML = data.data
  413.                         _ww = \$(window).width();
  414.                         var lightbox = \$('.lightbox'),
  415.                             item = 0;
  417.                         \$('.lightbox-on').click(function(e){
  418.                             e.stopPropagation();
  419.                             item = 0;
  421.                             var id = \$(this).attr('data-id'),
  422.                                 max = 0;
  423.                             \$('#'+id).toggle();
  424.                             \$('#'+id).animate({opacity: 1}, 300);
  425.                             \$('#'+id).find('img').each(function( i ) {
  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.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  550.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  552.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  553.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  554.                                 });
  555.                             });
  556.                         } else {
  557.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  558.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  559.                                     ht = opened ? 85 : '100%',
  560.                                     vis = opened ? 0 : 1;
  561.                                 \$(this).find('.div-hover-2').toggleClass('open');
  562.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  563.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  564.                             });
  565.                         }
  566.                         \$('.div-hover').hover(function (e) {
  567.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  568.                         }, function() {
  569.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  570.                         });
  571.                     })
  572.                     .catch((error) => {
  573.                         console.error('Error:', error);
  574.                     });
  575.             })
  576.         }
  580.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  581.             const test = document.getElementsByClassName('select-filter')
  583.             for (const testElement of test) {
  584.                 testElement.addEventListener('click', function (e) {
  585.                     e.preventDefault()
  586.                     testElement.classList.toggle('select-projet-active')
  587.                     const infos = document.querySelector('.projectButton.all')
  588.                     const dataId = []
  589.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  590.                     for (const test1 of tests) {
  591.                         dataId.push(parseFloat(test1.dataset.id))
  592.                     }
  593.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  594.                         method: 'GET'
  595.                     })
  596.                         .then(response => response.json())
  597.                         .then(data => {
  598.                             futurProjects.innerHTML = data.data
  599.                         })
  600.                         .catch((error) => {
  601.                             console.error('Error:', error);
  602.                         });
  603.                 })
  604.             }
  605.         } else {
  606.             const test = document.getElementsByClassName('select-projet')
  607.             for (const testElement of test) {
  608.                 testElement.addEventListener('click', function (e) {
  609.                     displayLoading()
  610.                     e.preventDefault()
  611.                     testElement.classList.toggle('select-projet-active')
  612.                     const infos = document.querySelector('.projectButton.all')
  613.                     const dataId = []
  614.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  615.                     for (const test1 of tests) {
  616.                         dataId.push(parseFloat(test1.dataset.id))
  617.                     }
  619.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  620.                         method: 'GET'
  621.                     })
  622.                         .then(response => response.json())
  623.                         .then(data => {
  624.                             hideLoading()
  625.                             futurProjects.innerHTML = data.data
  631.                             _ww = \$(window).width();
  632.                             var lightbox = \$('.lightbox'),
  633.                                 item = 0;
  635.                             \$('.lightbox-on').click(function(e){
  636.                                 e.stopPropagation();
  637.                                 item = 0;
  639.                                 var id = \$(this).attr('data-id'),
  640.                                     max = 0;
  641.                                 \$('#'+id).toggle();
  642.                                 \$('#'+id).animate({opacity: 1}, 300);
  643.                                 \$('#'+id).find('img').each(function( i ) {
  644.                                     max = i;
  645.                                     item = 1;
  646.                                     counter(item, max+1);
  647.                                     itemWidth(\$(this));
  648.                                 });
  649.                             });
  651.                             lightbox.click(function(e) {
  652.                                 e.stopPropagation();
  653.                                 \$(this).animate({opacity: 0}, 300, function(){
  654.                                     \$(this).toggle();
  655.                                 });
  656.                             });
  658.                             \$('.closer').on('click', function (e) {
  659.                                 e.stopPropagation();
  660.                                 \$(this).parent().animate(
  661.                                     {opacity: 0},
  662.                                     300,
  663.                                     function(){
  664.                                         \$(this).toggle();
  665.                                     }
  666.                                 );
  667.                             });
  669.                             function itemWidth(img){
  670.                                 img.closest('.items').width(img.width());
  671.                             }
  673.                             function counter(item, max){
  674.                                 \$('.counter').text(item + ' / ' + max);
  675.                             }
  677.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  678.                                 var wd = \$(this).width(),
  679.                                     last = \$(this).parent().find('.item').last(),
  680.                                     img = \$(this).find('.img');
  681.                                 itemWidth(img);
  683.                                 \$(this).animate(
  684.                                     {marginLeft: -wd, opacity: 0},
  685.                                     500,
  686.                                     'swing',
  687.                                     function(){
  688.                                         \$(this).insertAfter(last);
  689.                                         \$(this).css({marginLeft: 0, opacity: 1});
  690.                                     }
  691.                                 );
  692.                             });
  694.                             \$('.item', lightbox).on('swiperight', function (e) {
  695.                                 var wd = \$(this).width(),
  696.                                     first = \$(this).parent().find('.item').first(),
  697.                                     last = \$(this).parent().find('.item').last(),
  698.                                     img = \$(this).find('.img');
  699.                                 itemWidth(img);
  701.                                 \$(last).insertBefore(\$(this));
  702.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  703.                                 \$(this).parent().find('.item').eq(0).animate(
  704.                                     {marginLeft: 0, opacity: 1},
  705.                                     500,
  706.                                     'swing'
  707.                                 );
  708.                             });
  710.                             \$('.arrows', lightbox).on('click', function (e) {
  711.                                 e.stopPropagation();
  713.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  714.                                     max = \$(this)
  715.                                         .siblings('.items').find('.item').length,
  716.                                     first = \$(this).siblings('.items').find('.item').first(),
  717.                                     last = \$(this).siblings('.items').find('.item').last(),
  718.                                     isRight = \$(this).hasClass('right'),
  719.                                     marginL = isRight ? -wd : 0,
  720.                                     marginL0 = isRight ? 0: -wd,
  721.                                     opacOn = isRight ? 1 : 0,
  722.                                     opacOff = isRight ? 0 : 1;
  724.                                 if (!isRight){
  725.                                     \$(last).insertBefore(first);
  726.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  727.                                     item++;
  728.                                     if (item == max+1) {item = 1};
  729.                                 } else {
  730.                                     item--;
  731.                                     if (item == 0) {item = max};
  732.                                 };
  734.                                 counter(item, max);
  736.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  737.                                 itemWidth(img);
  739.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  740.                                     {opacity: opacOn},
  741.                                     500,
  742.                                     'swing');
  744.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  745.                                     {marginLeft: marginL, opacity: 1},
  746.                                     500,
  747.                                     'swing',
  748.                                     function(){
  749.                                         if (isRight){
  750.                                             \$(this).insertAfter(last);
  751.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  752.                                         }
  753.                                     }
  754.                                 );
  755.                             });
  758.                             if (_ww > 768){
  759.                                 \$('.div-img-hover-2').hover(function (e) {
  760.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  761.                                     var htext = \$(this).find('.project-content').height();
  762.                                     if (htext == undefined){htext = 0};
  763.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  764.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  765.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  766.                                 }, function() {
  767.                                     \$(this).find('.div-hover-2').animate({height : 85}, 150);
  768.                                     \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  770.                                     \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  771.                                         \$(this).find('.project-content').css({'visibility': 'hidden'});
  772.                                     });
  773.                                 });
  774.                             } else {
  775.                                 \$('.div-hover-2').on( \"click\", function( event ) {
  776.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  777.                                         ht = opened ? 85 : '100%',
  778.                                         vis = opened ? 0 : 1;
  779.                                     \$(this).find('.div-hover-2').toggleClass('open');
  780.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  781.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  782.                                 });
  783.                             }
  784.                             \$('.div-hover').hover(function (e) {
  785.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  786.                             }, function() {
  787.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  788.                             });
  791.                         })
  792.                         .catch((error) => {
  793.                             console.error('Error:', error);
  794.                         });
  795.                 })
  796.             }
  797.         }
  799.         const buttonFilter = document.getElementsByClassName('select-projet')
  800.         for (const buttonFilterElement of buttonFilter) {
  801.             buttonFilterElement.addEventListener('click', function () {
  803.             })
  804.         }
  806.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  807.             const flick = document.getElementById(\"flick4\")
  809.             if(flick){
  810.                 new Flicking(\"#flick4\", {
  811.                     moveType: \"freeScroll\",
  812.                     bound: true
  813.                 })
  814.             }
  815.         }
  817.         const filter = document.getElementById('filters')
  818.         const filterElement = document.getElementById('form-search-filter-ajax')
  819.         filter.addEventListener('click', function (e) {
  820.             e.preventDefault()
  821.             filterElement.classList.toggle('show')
  822.         })
  825.         const loader = document.querySelector(\"#loading\");
  827.         function displayLoading() {
  828.             loader.classList.add(\"display\");
  829.             // to stop loading after some time
  830.             setTimeout(() => {
  831.                 loader.classList.remove(\"display\");
  832.             }, 5000);
  833.         }
  835.         // hiding loading
  836.         function hideLoading() {
  837.             loader.classList.remove(\"display\");
  838.         }
  839.     </script>
  840. ";
  841.         
  842.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  844.         
  845.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  847.         return; yield '';
  848.     }
  850.     /**
  851.      * @codeCoverageIgnore
  852.      */
  853.     public function getTemplateName()
  854.     {
  855.         return "project.html.twig";
  856.     }
  858.     /**
  859.      * @codeCoverageIgnore
  860.      */
  861.     public function isTraitable()
  862.     {
  863.         return false;
  864.     }
  866.     /**
  867.      * @codeCoverageIgnore
  868.      */
  869.     public function getDebugInfo()
  870.     {
  871.         return array (  375 => 256,  368 => 251,  358 => 212,  349 => 209,  345 => 208,  341 => 207,  338 => 206,  336 => 194,  330 => 191,  327 => 190,  316 => 185,  314 => 184,  311 => 183,  309 => 182,  306 => 181,  302 => 180,  298 => 178,  294 => 144,  290 => 137,  281 => 110,  263 => 89,  241 => 64,  238 => 63,  232 => 61,  230 => 60,  225 => 57,  219 => 55,  213 => 53,  211 => 52,  208 => 51,  206 => 50,  199 => 45,  197 => 44,  190 => 39,  186 => 37,  182 => 35,  176 => 33,  174 => 32,  167 => 30,  164 => 29,  162 => 28,  156 => 25,  153 => 24,  150 => 23,  147 => 22,  144 => 21,  141 => 20,  139 => 19,  136 => 18,  134 => 17,  131 => 16,  121 => 15,  109 => 12,  105 => 10,  99 => 8,  97 => 7,  94 => 6,  91 => 5,  81 => 4,  61 => 3,  38 => 1,);
  872.     }
  874.     public function getSourceContext()
  875.     {
  876.         return new Source("{% extends 'base.html.twig' %}
  878. {% block title %}Projets{% endblock %}
  879. {% block metaDescription %}
  880.     {% set headerContent = content('Projets', 'Header') %}
  881.     <meta name=\"description\" content=\"
  882.     {% if headerContent.content is defined %}
  883.         {{ headerContent.content|striptags }}
  884.     {% else %}
  885.          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.
  886.     {% endif %}
  887.     \">
  888. {% endblock %}
  890. {% block body %}
  892.     {% set headerContent = content('Projets', 'Header') %}
  894.     {% if headerContent.picture is defined and headerContent.picture is not empty %}
  895.         {% set backgroundImage = '/uploads/images/'~headerContent.picture[0].path %}
  896.     {% else %}
  897.         {% set backgroundImage = 'img/projets_header.jpg' %}
  898.     {% endif %}
  900.     <header class=\"header-tracol col-lg-8 mx-auto\" style=\"background-image: url({{ backgroundImage }});margin-top: 165px!important;\">
  901.         <div class=\"col-lg-8 mx-auto div-svg-header\">
  902.             <div id=\"header-project\" class=\"header-habiter-div\">
  903.                 {% if headerContent.name is defined and headerContent.name %}
  904.                     <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>
  905.                     <h2 class=\"header-habiter-title col-lg-6\">{% if headerContent.name is defined %}{{ headerContent.name }}{% endif %}</h2>
  906.                     <div class=\"col-lg-8 header-content\">
  907.                         {% if headerContent.content is defined %}
  908.                             {{ headerContent.content|raw }}
  909.                         {% else %}
  910.                             <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>
  911.                         {% endif %}
  912.                     </div>
  913.                 {% endif %}
  914.             </div>
  915.         </div>
  916.     </header>
  918.     <div class=\"container-fluid project-page\">
  919.         {% set sectionContent1 = content('Projets', 'Section-1') %}
  920.         <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  921.             <div class=\"col-lg-4\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  922.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  923.                     <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\"/>
  924.                 </svg>
  925.                 {% if projects|length == 0 %}
  926.                     <h1 class=\"project-title\">pas de projet</h1>
  927.                 {% elseif projects|length == 1  %}
  928.                     <h1 class=\"project-title\">{{ projects|length }} projet</h1>
  929.                 {% else %}
  930.                     <h1 class=\"project-title\">{{ projects|length }} projets</h1>
  931.                 {% endif %}
  932.             </div>
  933.             <div class=\"separator\"></div>
  934.             <div id=\"section-1-project\" class=\"col-lg-6 pre-section-content\">
  935.                 {% if headerContent.content is defined %}
  936.                     {{ sectionContent1.content|raw }}
  937.                 {% else %}
  938.                     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 %}
  939.             </div>
  940.         </div>
  942.         <section class=\"project filter mt-5\" style=\"margin-bottom: 40px\">
  943.             <div id=\"button-project-page\" class=\"col-lg-4 div-svg-header mb-4\" style=\"display: flex; align-items: center; padding-left:25px\">
  944.                 <div class=\"input-filter col-lg-3 d-flex\">
  945.                     <label for=\"all-projects\" style=\"margin-right:10px\">TOUS</label>
  946.                     <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects\" class=\"mr-3 projectButton\">
  947.                 </div>
  948.                 <div class=\"input-filter col-lg-3 d-flex\">
  949.                     <label for=\"futur-projects\" style=\"margin-right:10px\">À VENIR</label>
  950.                     <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects\" class=\"mr-3 projectButton\">
  951.                 </div>
  952.                 <div class=\"input-filter col-lg-3 d-flex\">
  953.                     <label for=\"construction-projects\" style=\"margin-right:10px\">EN COURS</label>
  954.                     <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects\" class=\" projectButton\">
  955.                 </div>
  959.                 {#
  960.                 <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  961.                 <button data-id=\"futur\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">A VENIR</span></button>
  962.                 <button data-id=\"construction\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">EN COURS</span></button>
  963.                 #}
  964.             </div>
  965.             <div id=\"button-project-page-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
  966.                 <div  class=\"flicking-viewport\">
  967.                     <div class=\"flicking-camera\">
  968.                         <div class=\"input-filter\">
  969.                             <label for=\"all-projects-mobile\">TOUS</label>
  970.                             <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-projects-mobile\" class=\"mr-3 projectButton\">
  971.                         </div>
  972.                         <div class=\"input-filter\">
  973.                             <label for=\"futur-projects-mobile\">À VENIR</label>
  974.                             <input data-id=\"futur\" type=\"radio\" name=\"type\" id=\"futur-projects-mobile\" class=\"mr-3 projectButton\">
  975.                         </div>
  976.                         <div class=\"input-filter\">
  977.                             <label for=\"construction-projects-mobile\">EN COURS</label>
  978.                             <input data-id=\"construction\" type=\"radio\" name=\"type\" id=\"construction-projects-mobile\" class=\" projectButton\">
  979.                         </div>
  980.                         {#
  981.                         <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  982.                         <button data-id=\"futur\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">A VENIR</span></button>
  983.                         <button data-id=\"construction\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">EN COURS</span></button>
  984.                         #}
  986.                     </div>
  987.                 </div>
  988.             </div>
  991.             <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; justify-content: center; flex-direction: column;\">
  992.                 {#
  993.                 <div id=\"filter-project-desktop\">
  994.                     {% for key, subType in getSubTypeProject() %}
  995.                         <button data-id=\"{{ key }}\" class=\"select-projet\">{{ subType }} <i class=\"fas fa-times\"></i></button>
  996.                     {% endfor %}
  997.                 </div>
  999.                 <div id=\"filter-project-mobile\" class=\"col-lg-3 div-form selectSubFilter\" style=\"display: none\">
  1000.                     <div class=\"input-group dropdown show\">
  1001.                         <label class=\"label-search-filter\" for=\"location\">Filtrer par Type</label>
  1002.                         <input style=\"height: 75px; width: 60px;\" type=\"text\" autocomplete=\"off\" name=\"filters\" id=\"filters\"
  1003.                                class=\"form-control\" aria-expanded=\"false\">
  1004.                         <ul id=\"form-search-filter-ajax\" class=\"dropdown-menu form-search-filter-ajax\" aria-labelledby=\"\">
  1005.                             {% for key, subType in getSubTypeProject() %}
  1006.                                 <li value=\"{{ key }}\" data-id=\"{{ key }}\" class=\"select-filter\"><i class=\"fas fa-times\"></i>{{ subType }}</li>
  1007.                             {% endfor %}
  1008.                         </ul>
  1009.                     </div>
  1010.                 </div>
  1011.                 #}
  1014.                 {#
  1015.                 <div id=\"loading\">
  1016.                     <h1 id=\"showOutput\"></h1>
  1017.                 </div>
  1018.                 #}
  1020.                 <div id=\"projects\" class=\"row\">
  1021.                     {#
  1022.                     {% for key, project in projects|slice(0,5) %}
  1023.                         <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\">
  1024.                             {% if key == 0 %}
  1025.                                 <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\">
  1026.                                     <p class=\"city\">{{ project.city.name }}</p>
  1027.                                     <p class=\"project-name\">{{ project.reference }}</p>
  1028.                                     {% if project.comments[0].comment is not empty %}
  1029.                                         <p class=\"project-content\">
  1030.                                             {{ project.comments[0].comment|slice(0, 250) }}</p>
  1031.                                         <a  href=\"{{ path('project-detail', {'id': project.id}) }}\" class=\"project-arrow-2\">
  1032.                                             <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1033.                                         </a>
  1034.                                     {% else %}
  1035.                                         <a style=\"margin-top: 180px\" href=\"{{ path('project-detail', {'id': project.id}) }}\" class=\"project-arrow-2\">
  1036.                                             <span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  1037.                                         </a>
  1038.                                     {% endif %}
  1039.                                 </div>
  1040.                                 <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ typeProject(project.construction.construction_step) }}</span></div>
  1041.                                 {% if project.pictures is not empty %}
  1042.                                     {% for picture in project.pictures|slice(0,1) %}
  1043.                                         <div class=\"img\" style=\"background-image: url('{{ picture.url }}')\"></div>
  1044.                                     {% endfor %}
  1045.                                 {% else %}
  1046.                                     <div class=\"img\" style=\"background-image: url('{{ asset('build/Hudson_Ontario2.png') }}')\"></div>
  1047.                                 {% endif %}
  1048.                             {% endif %}
  1050.                         </div>
  1051.                     {% endfor %}
  1052.                     #}
  1054.                     <div class=\"col-lg-12 project-desktop\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
  1055.                         {% for key, property in projects %}
  1056.                             <div  class=\"item2 col-12 col-xl-6 col-lg-6 col-md-12 col-sm-12\" style=\"position:relative;cursor: pointer\">
  1057.                                 {% if property.pictures is not empty %}
  1058.                                     <div class=\"position-relative properties-slide img-wrapper\">
  1059.                                             {% set url = 'http' in property.pictures.0.url ? property.pictures.0.url : asset('uploads/images/properties/'~property.id~'/'~property.pictures.0.url) %}
  1060.                                             <div class=\"img\" style=\"background-image: url('{{ url }}')\"  onclick=\"location.href='{{ path('project-detail', {'id': property.id}) }}'\">
  1061.                                             </div>
  1062.                                     </div>
  1064.                                 {% else %}
  1065.                                 <div class=\"img-wrapper\">
  1066.                                     <div class=\"img\" style=\"background-image: url('{{ asset('build/Maisons_H_R1.jpg') }}')\"></div>
  1067.                                 </div>
  1068.                                 {% endif %}
  1069.                                 {#
  1070.                                 <div class=\"row col-md-12 justify-content-between\">
  1071.                                     <ul class=\"col-md-4 items\">
  1072.                                         <li class=\"item surface\">
  1073.                                             <img src=\"{{ asset('img/surface.svg') }}\" class=\"surface-logo\"> {{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}
  1074.                                         </li>
  1075.                                     </ul>
  1076.                                     <div class=\"col-md-8 properties-price d-flex justify-content-end\">
  1077.                                         {{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~  property.price.currency|replace({\"EUR\": \" €\"})  }}
  1078.                                     </div>
  1079.                                 </div>
  1080.                                 #}
  1082.                                 <p class=\"city\">{{ property.city.name }}</p>
  1083.                                 <p class=\"project-name\">{{ property.reference }}</p>
  1084.                                 <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ typeProject(property.construction.construction_step) }}</span></div>
  1085.                             </div>
  1086.                         {% endfor %}
  1087.                     </div>
  1088.                 </div>
  1091.                 <div class=\"text-center text-capitalize more-projects\">
  1092.                     <p>AFFICHER PLUS DE PROJETS</p>
  1093.                 </div>
  1094.             </div>
  1095.             {#
  1096.             <div class=\"col-lg-8 mx-auto div-svg-header content-projet\">
  1097.                 {% set sectionContent1 = content('Projets', 'Section-2') %}
  1098.                 <div id=\"section-2-project\" class=\"col-lg-6 habiter-content\">
  1099.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  1100.                         <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\"/>
  1101.                     </svg>
  1102.                     <div class=\"col-lg-9\">
  1103.                         <h1 class=\"habiter-title mb-5\">
  1104.                             {% if sectionContent1.name is defined %}{{ sectionContent1.name }}{% else %}INVESTIR À LUXEMBOURG{% endif %}
  1105.                         </h1>
  1106.                         {% 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 %}
  1107.                     </div>
  1108.                 </div>
  1109.                 <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 %}>
  1110.                 </div>
  1111.             </div>
  1113.             <div class=\"col-lg-12 div-svg-header last-section-project\">
  1114.                 <div id=\"section-projet-margin\" class=\"offset-lg-2 col-lg-2\" style=\"display: flex; justify-content: flex-start;\">
  1115.                     <a id=\"link-more\" class=\"property-span-arrow\" href=\"{{ path('invest') }}\">EN SAVOIR PLUS
  1116.                         <i class=\"fas fa-arrow-right property-arrow\"></i>
  1117.                     </a>
  1118.                 </div>
  1119.                 <div class=\"col-lg-3\" style=\"display: flex;justify-content: flex-start;margin-left: 0;\">
  1120.                     <a href=\"{{ path('location-management') }}\" class=\"property-span-arrow\">LA GESTION LOCATIVE
  1121.                         <i class=\"fas fa-arrow-right property-arrow\"></i>
  1122.                     </a>
  1123.                 </div>
  1124.             </div>
  1125.             #}
  1127.         </section>
  1128.     </div>
  1129.     <div id=\"img-property-section\" class=\"container-fluid\" style=\"display: none\">
  1130.         <div class=\"col-lg-6 habiter-img\">
  1131.             <img style=\"padding: 0px;\" height=\"430px\" class=\"img-100\" {% if sectionContent1.picture is defined and sectionContent1.picture[0] is defined %}src=\"/uploads/images/{{ sectionContent1.picture[0].path }}\"{% endif %}>
  1132.         </div>
  1133.     </div>
  1136.     <script>
  1137.         const futurProjects = document.getElementById('projects')
  1138.         let buttons = document.getElementsByClassName('projectButton')
  1140.         for (const eElement of buttons) {
  1141.             eElement.addEventListener('click', function (e) {
  1142.                 e.preventDefault()
  1144.                 for (let button of buttons) {
  1145.                     if (button.classList.contains('all')){
  1146.                         button.classList.remove('all')
  1147.                         //button.classList.add('come')
  1148.                         //button.querySelector('span').classList.replace('span-all', 'span-projects')
  1149.                     }
  1150.                 }
  1152.                 eElement.classList.remove('come')
  1153.                 //eElement.classList.add('all')
  1154.                 //eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  1156.                 fetch('projects/display/'+this.dataset.id, {
  1157.                     method: 'GET',
  1158.                 })
  1159.                     .then(response => response.json())
  1160.                     .then(data => {
  1161.                         futurProjects.innerHTML = ''
  1162.                         futurProjects.innerHTML = data.data
  1164.                         _ww = \$(window).width();
  1165.                         var lightbox = \$('.lightbox'),
  1166.                             item = 0;
  1168.                         \$('.lightbox-on').click(function(e){
  1169.                             e.stopPropagation();
  1170.                             item = 0;
  1172.                             var id = \$(this).attr('data-id'),
  1173.                                 max = 0;
  1174.                             \$('#'+id).toggle();
  1175.                             \$('#'+id).animate({opacity: 1}, 300);
  1176.                             \$('#'+id).find('img').each(function( i ) {
  1177.                                 max = i;
  1178.                                 item = 1;
  1179.                                 counter(item, max+1);
  1180.                                 itemWidth(\$(this));
  1181.                             });
  1182.                         });
  1184.                         lightbox.click(function(e) {
  1185.                             e.stopPropagation();
  1186.                             \$(this).animate({opacity: 0}, 300, function(){
  1187.                                 \$(this).toggle();
  1188.                             });
  1189.                         });
  1191.                         \$('.closer').on('click', function (e) {
  1192.                             e.stopPropagation();
  1193.                             \$(this).parent().animate(
  1194.                                 {opacity: 0},
  1195.                                 300,
  1196.                                 function(){
  1197.                                     \$(this).toggle();
  1198.                                 }
  1199.                             );
  1200.                         });
  1202.                         function itemWidth(img){
  1203.                             img.closest('.items').width(img.width());
  1204.                         }
  1206.                         function counter(item, max){
  1207.                             \$('.counter').text(item + ' / ' + max);
  1208.                         }
  1210.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  1211.                             var wd = \$(this).width(),
  1212.                                 last = \$(this).parent().find('.item').last(),
  1213.                                 img = \$(this).find('.img');
  1214.                             itemWidth(img);
  1216.                             \$(this).animate(
  1217.                                 {marginLeft: -wd, opacity: 0},
  1218.                                 500,
  1219.                                 'swing',
  1220.                                 function(){
  1221.                                     \$(this).insertAfter(last);
  1222.                                     \$(this).css({marginLeft: 0, opacity: 1});
  1223.                                 }
  1224.                             );
  1225.                         });
  1227.                         \$('.item', lightbox).on('swiperight', function (e) {
  1228.                             var wd = \$(this).width(),
  1229.                                 first = \$(this).parent().find('.item').first(),
  1230.                                 last = \$(this).parent().find('.item').last(),
  1231.                                 img = \$(this).find('.img');
  1232.                             itemWidth(img);
  1234.                             \$(last).insertBefore(\$(this));
  1235.                             \$(last).css({marginLeft: -wd, opacity: 0});
  1236.                             \$(this).parent().find('.item').eq(0).animate(
  1237.                                 {marginLeft: 0, opacity: 1},
  1238.                                 500,
  1239.                                 'swing'
  1240.                             );
  1241.                         });
  1243.                         \$('.arrows', lightbox).on('click', function (e) {
  1244.                             e.stopPropagation();
  1246.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1247.                                 max = \$(this)
  1248.                                     .siblings('.items').find('.item').length,
  1249.                                 first = \$(this).siblings('.items').find('.item').first(),
  1250.                                 last = \$(this).siblings('.items').find('.item').last(),
  1251.                                 isRight = \$(this).hasClass('right'),
  1252.                                 marginL = isRight ? -wd : 0,
  1253.                                 marginL0 = isRight ? 0: -wd,
  1254.                                 opacOn = isRight ? 1 : 0,
  1255.                                 opacOff = isRight ? 0 : 1;
  1257.                             if (!isRight){
  1258.                                 \$(last).insertBefore(first);
  1259.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1260.                                 item++;
  1261.                                 if (item == max+1) {item = 1};
  1262.                             } else {
  1263.                                 item--;
  1264.                                 if (item == 0) {item = max};
  1265.                             };
  1267.                             counter(item, max);
  1269.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1270.                             itemWidth(img);
  1272.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  1273.                                 {opacity: opacOn},
  1274.                                 500,
  1275.                                 'swing');
  1277.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  1278.                                 {marginLeft: marginL, opacity: 1},
  1279.                                 500,
  1280.                                 'swing',
  1281.                                 function(){
  1282.                                     if (isRight){
  1283.                                         \$(this).insertAfter(last);
  1284.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  1285.                                     }
  1286.                                 }
  1287.                             );
  1288.                         });
  1291.                         if (_ww > 768){
  1292.                             \$('.div-img-hover-2').hover(function (e) {
  1293.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1294.                                 var htext = \$(this).find('.project-content').height();
  1295.                                 if (htext == undefined){htext = 0};
  1296.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1297.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  1298.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  1299.                             }, function() {
  1300.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  1301.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  1303.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  1304.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  1305.                                 });
  1306.                             });
  1307.                         } else {
  1308.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  1309.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1310.                                     ht = opened ? 85 : '100%',
  1311.                                     vis = opened ? 0 : 1;
  1312.                                 \$(this).find('.div-hover-2').toggleClass('open');
  1313.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1314.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1315.                             });
  1316.                         }
  1317.                         \$('.div-hover').hover(function (e) {
  1318.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1319.                         }, function() {
  1320.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1321.                         });
  1322.                     })
  1323.                     .catch((error) => {
  1324.                         console.error('Error:', error);
  1325.                     });
  1326.             })
  1327.         }
  1331.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1332.             const test = document.getElementsByClassName('select-filter')
  1334.             for (const testElement of test) {
  1335.                 testElement.addEventListener('click', function (e) {
  1336.                     e.preventDefault()
  1337.                     testElement.classList.toggle('select-projet-active')
  1338.                     const infos = document.querySelector('.projectButton.all')
  1339.                     const dataId = []
  1340.                     const tests = document.querySelectorAll('.select-filter.select-projet-active')
  1341.                     for (const test1 of tests) {
  1342.                         dataId.push(parseFloat(test1.dataset.id))
  1343.                     }
  1344.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1345.                         method: 'GET'
  1346.                     })
  1347.                         .then(response => response.json())
  1348.                         .then(data => {
  1349.                             futurProjects.innerHTML = data.data
  1350.                         })
  1351.                         .catch((error) => {
  1352.                             console.error('Error:', error);
  1353.                         });
  1354.                 })
  1355.             }
  1356.         } else {
  1357.             const test = document.getElementsByClassName('select-projet')
  1358.             for (const testElement of test) {
  1359.                 testElement.addEventListener('click', function (e) {
  1360.                     displayLoading()
  1361.                     e.preventDefault()
  1362.                     testElement.classList.toggle('select-projet-active')
  1363.                     const infos = document.querySelector('.projectButton.all')
  1364.                     const dataId = []
  1365.                     const tests = document.querySelectorAll('.select-projet.select-projet-active')
  1366.                     for (const test1 of tests) {
  1367.                         dataId.push(parseFloat(test1.dataset.id))
  1368.                     }
  1370.                     fetch('projects/display/'+infos.dataset.id+'/params/' + JSON.stringify(dataId), {
  1371.                         method: 'GET'
  1372.                     })
  1373.                         .then(response => response.json())
  1374.                         .then(data => {
  1375.                             hideLoading()
  1376.                             futurProjects.innerHTML = data.data
  1382.                             _ww = \$(window).width();
  1383.                             var lightbox = \$('.lightbox'),
  1384.                                 item = 0;
  1386.                             \$('.lightbox-on').click(function(e){
  1387.                                 e.stopPropagation();
  1388.                                 item = 0;
  1390.                                 var id = \$(this).attr('data-id'),
  1391.                                     max = 0;
  1392.                                 \$('#'+id).toggle();
  1393.                                 \$('#'+id).animate({opacity: 1}, 300);
  1394.                                 \$('#'+id).find('img').each(function( i ) {
  1395.                                     max = i;
  1396.                                     item = 1;
  1397.                                     counter(item, max+1);
  1398.                                     itemWidth(\$(this));
  1399.                                 });
  1400.                             });
  1402.                             lightbox.click(function(e) {
  1403.                                 e.stopPropagation();
  1404.                                 \$(this).animate({opacity: 0}, 300, function(){
  1405.                                     \$(this).toggle();
  1406.                                 });
  1407.                             });
  1409.                             \$('.closer').on('click', function (e) {
  1410.                                 e.stopPropagation();
  1411.                                 \$(this).parent().animate(
  1412.                                     {opacity: 0},
  1413.                                     300,
  1414.                                     function(){
  1415.                                         \$(this).toggle();
  1416.                                     }
  1417.                                 );
  1418.                             });
  1420.                             function itemWidth(img){
  1421.                                 img.closest('.items').width(img.width());
  1422.                             }
  1424.                             function counter(item, max){
  1425.                                 \$('.counter').text(item + ' / ' + max);
  1426.                             }
  1428.                             \$('.item', lightbox).on('click, swipeleft', function (e) {
  1429.                                 var wd = \$(this).width(),
  1430.                                     last = \$(this).parent().find('.item').last(),
  1431.                                     img = \$(this).find('.img');
  1432.                                 itemWidth(img);
  1434.                                 \$(this).animate(
  1435.                                     {marginLeft: -wd, opacity: 0},
  1436.                                     500,
  1437.                                     'swing',
  1438.                                     function(){
  1439.                                         \$(this).insertAfter(last);
  1440.                                         \$(this).css({marginLeft: 0, opacity: 1});
  1441.                                     }
  1442.                                 );
  1443.                             });
  1445.                             \$('.item', lightbox).on('swiperight', function (e) {
  1446.                                 var wd = \$(this).width(),
  1447.                                     first = \$(this).parent().find('.item').first(),
  1448.                                     last = \$(this).parent().find('.item').last(),
  1449.                                     img = \$(this).find('.img');
  1450.                                 itemWidth(img);
  1452.                                 \$(last).insertBefore(\$(this));
  1453.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  1454.                                 \$(this).parent().find('.item').eq(0).animate(
  1455.                                     {marginLeft: 0, opacity: 1},
  1456.                                     500,
  1457.                                     'swing'
  1458.                                 );
  1459.                             });
  1461.                             \$('.arrows', lightbox).on('click', function (e) {
  1462.                                 e.stopPropagation();
  1464.                                 var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  1465.                                     max = \$(this)
  1466.                                         .siblings('.items').find('.item').length,
  1467.                                     first = \$(this).siblings('.items').find('.item').first(),
  1468.                                     last = \$(this).siblings('.items').find('.item').last(),
  1469.                                     isRight = \$(this).hasClass('right'),
  1470.                                     marginL = isRight ? -wd : 0,
  1471.                                     marginL0 = isRight ? 0: -wd,
  1472.                                     opacOn = isRight ? 1 : 0,
  1473.                                     opacOff = isRight ? 0 : 1;
  1475.                                 if (!isRight){
  1476.                                     \$(last).insertBefore(first);
  1477.                                     \$(last).css({marginLeft: -wd, opacity: 0});
  1478.                                     item++;
  1479.                                     if (item == max+1) {item = 1};
  1480.                                 } else {
  1481.                                     item--;
  1482.                                     if (item == 0) {item = max};
  1483.                                 };
  1485.                                 counter(item, max);
  1487.                                 var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  1488.                                 itemWidth(img);
  1490.                                 \$(this).siblings('.items').find('.item').eq(1).animate(
  1491.                                     {opacity: opacOn},
  1492.                                     500,
  1493.                                     'swing');
  1495.                                 \$(this).siblings('.items').find('.item').eq(0).animate(
  1496.                                     {marginLeft: marginL, opacity: 1},
  1497.                                     500,
  1498.                                     'swing',
  1499.                                     function(){
  1500.                                         if (isRight){
  1501.                                             \$(this).insertAfter(last);
  1502.                                             \$(this).css({ marginLeft: 0, opacity: 1});
  1503.                                         }
  1504.                                     }
  1505.                                 );
  1506.                             });
  1509.                             if (_ww > 768){
  1510.                                 \$('.div-img-hover-2').hover(function (e) {
  1511.                                     \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1512.                                     var htext = \$(this).find('.project-content').height();
  1513.                                     if (htext == undefined){htext = 0};
  1514.                                     \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  1515.                                     \$(this).find('.project-content').css({'visibility': 'visible'});
  1516.                                     \$(this).find('.project-content').animate({opacity: 1}, 150);
  1517.                                 }, function() {
  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.                                     var opened = \$(this).find('.div-hover-2').hasClass('open'),
  1528.                                         ht = opened ? 85 : '100%',
  1529.                                         vis = opened ? 0 : 1;
  1530.                                     \$(this).find('.div-hover-2').toggleClass('open');
  1531.                                     \$(this).find('.div-hover-2').animate({height : ht}, 150);
  1532.                                     \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  1533.                                 });
  1534.                             }
  1535.                             \$('.div-hover').hover(function (e) {
  1536.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  1537.                             }, function() {
  1538.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  1539.                             });
  1542.                         })
  1543.                         .catch((error) => {
  1544.                             console.error('Error:', error);
  1545.                         });
  1546.                 })
  1547.             }
  1548.         }
  1550.         const buttonFilter = document.getElementsByClassName('select-projet')
  1551.         for (const buttonFilterElement of buttonFilter) {
  1552.             buttonFilterElement.addEventListener('click', function () {
  1554.             })
  1555.         }
  1557.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  1558.             const flick = document.getElementById(\"flick4\")
  1560.             if(flick){
  1561.                 new Flicking(\"#flick4\", {
  1562.                     moveType: \"freeScroll\",
  1563.                     bound: true
  1564.                 })
  1565.             }
  1566.         }
  1568.         const filter = document.getElementById('filters')
  1569.         const filterElement = document.getElementById('form-search-filter-ajax')
  1570.         filter.addEventListener('click', function (e) {
  1571.             e.preventDefault()
  1572.             filterElement.classList.toggle('show')
  1573.         })
  1576.         const loader = document.querySelector(\"#loading\");
  1578.         function displayLoading() {
  1579.             loader.classList.add(\"display\");
  1580.             // to stop loading after some time
  1581.             setTimeout(() => {
  1582.                 loader.classList.remove(\"display\");
  1583.             }, 5000);
  1584.         }
  1586.         // hiding loading
  1587.         function hideLoading() {
  1588.             loader.classList.remove(\"display\");
  1589.         }
  1590.     </script>
  1591. {% endblock %}
  1592. ", "project.html.twig", "/home/fuzxzwq/www/templates/project.html.twig");
  1593.     }
  1594. }