var/cache/dev/twig/2b/2b83e11da16d442c204fe87fb25da7feb7b5e3412003ab7e25f3fce303a4ccbc.php line 50

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\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. /* reference.html.twig */
  17. class __TwigTemplate_a5944d2bdba562b771006f9aafe46ca7dc331600e2d58e485c3aca0ee8d29439 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.             'body' => [$this, 'block_body'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 1
  37.         return "base.html.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "reference.html.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "reference.html.twig"));
  49.         $this->parent = $this->loadTemplate("base.html.twig", "reference.html.twig", 1);
  50.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  51.         
  52.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  54.         
  55.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  57.     }
  59.     // line 3
  60.     public function block_title($context, array $blocks = [])
  61.     {
  62.         $macros = $this->macros;
  63.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  64.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  66.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  67.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  69.         yield "References";
  70.         
  71.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  73.         
  74.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  76.         return; yield '';
  77.     }
  79.     // line 5
  80.     public function block_body($context, array $blocks = [])
  81.     {
  82.         $macros = $this->macros;
  83.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  84.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  86.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  87.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  89.         // line 6
  90.         yield "
  91.     ";
  92.         // line 7
  93.         $context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Reference", "Header");
  94.         // line 8
  95.         yield "
  96.     ";
  97.         // line 9
  98.         if ((CoreExtension::getAttribute($this->env, $this->source, ($context["headerContent"] ?? null), "picture", [], "any", true, true, false, 9) &&  !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.', 9, $this->source); })()), "picture", [], "any", false, false, false, 9)))) {
  99.             // line 10
  100.             yield "        ";
  101.             $context["backgroundImage"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 10, $this->source); })()), "picture", [], "any", false, false, false, 10), 0, [], "array", false, false, false, 10), "path", [], "any", false, false, false, 10);
  102.             // line 11
  103.             yield "    ";
  104.         } else {
  105.             // line 12
  106.             yield "        ";
  107.             $context["backgroundImage"] = "empty";
  108.             // line 13
  109.             yield "    ";
  110.         }
  111.         // line 14
  112.         yield "    ";
  113.         // line 26
  114.         yield "
  116.     <div class=\"container-fluid reference-page\">
  117.         ";
  118.         // line 29
  119.         $context["sectionContent1"] = $this->extensions['App\Twig\ContentExtension']->Content("Reference", "Section-1");
  120.         // line 30
  121.         yield "        <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  122.             <div class=\"col-lg-4\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  123.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  124.                     <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\"/>
  125.                 </svg>
  126.                 ";
  127.         // line 35
  128.         if ((0 === CoreExtension::compare(Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["references"]) || array_key_exists("references", $context) ? $context["references"] : (function () { throw new RuntimeError('Variable "references" does not exist.', 35, $this->source); })())), 0))) {
  129.             // line 36
  130.             yield "                    <h1 class=\"project-title\">pas de reference</h1>
  131.                 ";
  132.         } elseif ((0 === CoreExtension::compare(Twig\Extension\CoreExtension::length($this->env->getCharset(),         // line 37
  133. (isset($context["references"]) || array_key_exists("references", $context) ? $context["references"] : (function () { throw new RuntimeError('Variable "references" does not exist.', 37, $this->source); })())), 1))) {
  134.             // line 38
  135.             yield "                    <h1 class=\"project-title\">";
  136.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["references"]) || array_key_exists("references", $context) ? $context["references"] : (function () { throw new RuntimeError('Variable "references" does not exist.', 38, $this->source); })())), "html", null, true);
  137.             yield " référence</h1>
  138.                 ";
  139.         } else {
  140.             // line 40
  141.             yield "                    <h1 class=\"project-title\">";
  142.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["references"]) || array_key_exists("references", $context) ? $context["references"] : (function () { throw new RuntimeError('Variable "references" does not exist.', 40, $this->source); })())), "html", null, true);
  143.             yield " références</h1>
  144.                 ";
  145.         }
  146.         // line 42
  147.         yield "            </div>
  148.             ";
  149.         // line 43
  150.         if (CoreExtension::getAttribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "content", [], "any", true, true, false, 43)) {
  151.             // line 44
  152.             yield "                <div class=\"separator\"></div>
  153.                 <div id=\"section-1-reference\" class=\"col-lg-6 pre-section-content\">
  154.                     ";
  155.             // line 46
  156.             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.', 46, $this->source); })()), "content", [], "any", false, false, false, 46);
  157.             yield "
  158.                 </div>
  159.             ";
  160.         }
  161.         // line 49
  162.         yield "        </div>
  164.         <section class=\"project filter\" style=\"margin-bottom: 60px\">
  165.             <div id=\"button-reference-page\"  class=\"col-lg-8 mx-auto div-svg-header\">
  166.                 <div class=\"input-filter\">
  167.                     <label for=\"all-references\" class=\"mr-1\">TOUS</label>
  168.                     <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-references\" class=\"mr-1 projectButton\">
  169.                 </div>
  170.                 <div class=\"input-filter\">
  171.                     <label for=\"residences-references\" class=\"mr-2\">RÉSIDENCES</label>
  172.                     <input data-id=\"residences\" type=\"radio\" name=\"type\" id=\"residences-references\" class=\"mr-3 projectButton\">
  173.                 </div>
  174.                 <div class=\"input-filter\">
  175.                     <label for=\"maisons-references\" class=\"mr-2\">MAISONS</label>
  176.                     <input data-id=\"maisons\" type=\"radio\" name=\"type\" id=\"maisons-references\" class=\" projectButton\">
  177.                 </div>
  178.                 ";
  179.         // line 75
  180.         yield "
  181.                 ";
  182.         // line 83
  183.         yield "
  184.             </div>
  186.             <div id=\"reference\" class=\"col-lg-8 mx-auto div-svg-header row\" style=\"display: flex;justify-content: center\">
  187.                 ";
  188.         // line 87
  189.         $context['_parent'] = $context;
  190.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["references"]) || array_key_exists("references", $context) ? $context["references"] : (function () { throw new RuntimeError('Variable "references" does not exist.', 87, $this->source); })()));
  191.         foreach ($context['_seq'] as $context["key"] => $context["reference"]) {
  192.             // line 88
  193.             yield "                    <div class=\"col-lg-6 div-img-hover-2 position-relative reference-list-single lightbox-on\" data-id=\"modul-";
  194.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["key"], "html", null, true);
  195.             yield "\" style=\"cursor: pointer\">
  197.                         <div class=\"div-hover-2\" id=\"div-hover-2\">
  198.                             <div class=\"d-flex justify-content-between\">
  199.                                 <p class=\"city\">";
  200.             // line 92
  201.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "city", [], "any", false, false, false, 92), "name", [], "any", false, false, false, 92), "html", null, true);
  202.             yield "</p>
  203.                                 <p class=\"date-ref\">";
  204.             // line 93
  205.             yield "</p>
  206.                             </div>
  208.                             <p class=\"project-name\">";
  209.             // line 96
  210.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "reference", [], "any", false, false, false, 96), "html", null, true);
  211.             yield "</p>
  212.                             ";
  213.             // line 97
  214.             if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "comments", [], "any", false, false, false, 97), 0, [], "array", false, false, false, 97), "comment", [], "any", false, false, false, 97))) {
  215.                 // line 98
  216.                 yield "                                <p class=\"project-content\" style=\"visibility: hidden\">
  217.                                     ";
  218.                 // line 99
  219.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "comments", [], "any", false, false, false, 99), 0, [], "array", false, false, false, 99), "comment", [], "any", false, false, false, 99), 0, 350), "html", null, true);
  220.                 yield "
  221.                                 </p>
  222.                                 <a href=\"javascript:void(0);\" class=\"project-arrow-2\">
  223.                                     <span class=\"galerry-ref\">GALERIE PHOTOS</span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  224.                                 </a>
  225.                             ";
  226.             } else {
  227.                 // line 105
  228.                 yield "                                <a style=\"margin-top: 180px\" href=\"javascript:void(0);\" class=\"project-arrow-2 \">
  229.                                     <span class=\"galerry-ref\">GALERIE PHOTOS</span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  230.                                 </a>
  231.                             ";
  232.             }
  233.             // line 109
  234.             yield "                        </div>
  236.                         <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">";
  237.             // line 111
  238.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\ContentExtension']->getTypeReferences(CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "type", [], "any", false, false, false, 111)), "html", null, true);
  239.             yield "</span></div>
  240.                         ";
  241.             // line 112
  242.             if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "pictures", [], "any", false, false, false, 112))) {
  243.                 // line 113
  244.                 yield "                            ";
  245.                 $context['_parent'] = $context;
  246.                 $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "pictures", [], "any", false, false, false, 113), 0, 1));
  247.                 foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
  248.                     // line 114
  249.                     yield "                                ";
  250.                     $context["url"] = ((CoreExtension::inFilter("http", CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 114))) ? (CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 114)) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("uploads/images/properties/" . CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "id", [], "any", false, false, false, 114)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 114)))));
  251.                     // line 115
  252.                     yield "                                <div class=\"img\" style=\"background-image: url('";
  253.                     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.', 115, $this->source); })()), "html", null, true);
  254.                     yield "')\"></div>
  255.                             ";
  256.                 }
  257.                 $_parent = $context['_parent'];
  258.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
  259.                 $context = array_intersect_key($context, $_parent) + $_parent;
  260.                 // line 117
  261.                 yield "                        ";
  262.             } else {
  263.                 // line 118
  264.                 yield "                            <div class=\"img\" style=\"background-image: url('";
  265.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Hudson_Ontario2.png"), "html", null, true);
  266.                 yield "')\"></div>
  267.                         ";
  268.             }
  269.             // line 120
  270.             yield "
  271.                         <div class=\"lightbox\" id=\"modul-";
  272.             // line 121
  273.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["key"], "html", null, true);
  274.             yield "\">
  275.                             <div class=\"closer\"></div>
  276.                             <div class=\"arrows left\">&#8592;</div>
  277.                             <div class=\"arrows right\">&#8594;</div>
  278.                             <div class=\"counter\">1/1</div>
  279.                             <ul class=\"items\">
  280.                                 ";
  281.             // line 127
  282.             $context['_parent'] = $context;
  283.             $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "pictures", [], "any", false, false, false, 127));
  284.             foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
  285.                 // line 128
  286.                 yield "                                    <li class=\"item\">
  287.                                         ";
  288.                 // line 129
  289.                 $context["url"] = ((CoreExtension::inFilter("http", CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 129))) ? (CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 129)) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("uploads/images/properties/" . CoreExtension::getAttribute($this->env, $this->source, $context["reference"], "id", [], "any", false, false, false, 129)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 129)))));
  290.                 // line 130
  291.                 yield "                                        <img class=\"img\" src=\"";
  292.                 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.', 130, $this->source); })()), "html", null, true);
  293.                 yield "\">
  294.                                     </li>
  295.                                 ";
  296.             }
  297.             $_parent = $context['_parent'];
  298.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
  299.             $context = array_intersect_key($context, $_parent) + $_parent;
  300.             // line 133
  301.             yield "                            </ul>
  302.                         </div>
  303.                     </div>
  305.                 ";
  306.         }
  307.         $_parent = $context['_parent'];
  308.         unset($context['_seq'], $context['_iterated'], $context['key'], $context['reference'], $context['_parent'], $context['loop']);
  309.         $context = array_intersect_key($context, $_parent) + $_parent;
  310.         // line 138
  311.         yield "
  312.                 <div class=\"text-center text-capitalize more-projects\">
  313.                     <p>AFFICHER PLUS DE REFERENCES</p>
  314.                 </div>
  315.             </div>
  316.         </section>
  317.     </div>
  319.     <script>
  321.         for (const eElement of document.getElementsByClassName('projectButton')) {
  322.             eElement.addEventListener('click', function (e) {
  323.                 e.preventDefault()
  325.                 for (let button of document.getElementsByClassName('projectButton')) {
  326.                     if (button.classList.contains('all')){
  327.                         button.classList.remove('all')
  328.                         button.classList.add('come')
  329.                         //button.querySelector('span').classList.replace('span-all', 'span-projects')
  330.                     }
  331.                 }
  333.                 eElement.classList.remove('come')
  334.                 eElement.classList.add('all')
  335.                 //eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  337.                 fetch('references/display/'+this.dataset.id, {
  338.                     method: 'GET',
  339.                 })
  340.                     .then(response => response.json())
  341.                     .then(data => {
  342.                         document.getElementById('reference').innerHTML = ''
  343.                         document.getElementById('reference').innerHTML = data.data
  344.                         _ww = \$(window).width();
  345.                         var lightbox = \$('.lightbox'),
  346.                             item = 0;
  348.                         \$('.lightbox-on').click(function(e){
  349.                             e.stopPropagation();
  350.                             item = 0;
  352.                             var id = \$(this).attr('data-id'),
  353.                                 max = 0;
  354.                             \$('#'+id).toggle();
  355.                             \$('#'+id).animate({opacity: 1}, 300);
  356.                             \$('#'+id).find('img').each(function( i ) {
  357.                                 max = i;
  358.                                 item = 1;
  359.                                 counter(item, max+1);
  360.                                 itemWidth(\$(this));
  361.                             });
  362.                         });
  364.                         lightbox.click(function(e) {
  365.                             e.stopPropagation();
  366.                             \$(this).animate({opacity: 0}, 300, function(){
  367.                                 \$(this).toggle();
  368.                             });
  369.                         });
  371.                         \$('.closer').on('click', function (e) {
  372.                             e.stopPropagation();
  373.                             \$(this).parent().animate(
  374.                                 {opacity: 0},
  375.                                 300,
  376.                                 function(){
  377.                                     \$(this).toggle();
  378.                                 }
  379.                             );
  380.                         });
  382.                         function itemWidth(img){
  383.                             img.closest('.items').width(img.width());
  384.                         }
  386.                         function counter(item, max){
  387.                             \$('.counter').text(item + ' / ' + max);
  388.                         }
  390.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  391.                             var wd = \$(this).width(),
  392.                                 last = \$(this).parent().find('.item').last(),
  393.                                 img = \$(this).find('.img');
  394.                             itemWidth(img);
  396.                             \$(this).animate(
  397.                                 {marginLeft: -wd, opacity: 0},
  398.                                 500,
  399.                                 'swing',
  400.                                 function(){
  401.                                     \$(this).insertAfter(last);
  402.                                     \$(this).css({marginLeft: 0, opacity: 1});
  403.                                 }
  404.                             );
  405.                         });
  407.                         \$('.item', lightbox).on('swiperight', function (e) {
  408.                             var wd = \$(this).width(),
  409.                                 first = \$(this).parent().find('.item').first(),
  410.                                 last = \$(this).parent().find('.item').last(),
  411.                                 img = \$(this).find('.img');
  412.                             itemWidth(img);
  414.                             \$(last).insertBefore(\$(this));
  415.                             \$(last).css({marginLeft: -wd, opacity: 0});
  416.                             \$(this).parent().find('.item').eq(0).animate(
  417.                                 {marginLeft: 0, opacity: 1},
  418.                                 500,
  419.                                 'swing'
  420.                             );
  421.                         });
  423.                         \$('.arrows', lightbox).on('click', function (e) {
  424.                             e.stopPropagation();
  426.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  427.                                 max = \$(this)
  428.                                     .siblings('.items').find('.item').length,
  429.                                 first = \$(this).siblings('.items').find('.item').first(),
  430.                                 last = \$(this).siblings('.items').find('.item').last(),
  431.                                 isRight = \$(this).hasClass('right'),
  432.                                 marginL = isRight ? -wd : 0,
  433.                                 marginL0 = isRight ? 0: -wd,
  434.                                 opacOn = isRight ? 1 : 0,
  435.                                 opacOff = isRight ? 0 : 1;
  437.                             if (!isRight){
  438.                                 \$(last).insertBefore(first);
  439.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  440.                                 item++;
  441.                                 if (item == max+1) {item = 1};
  442.                             } else {
  443.                                 item--;
  444.                                 if (item == 0) {item = max};
  445.                             };
  447.                             counter(item, max);
  449.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  450.                             itemWidth(img);
  452.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  453.                                 {opacity: opacOn},
  454.                                 500,
  455.                                 'swing');
  457.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  458.                                 {marginLeft: marginL, opacity: 1},
  459.                                 500,
  460.                                 'swing',
  461.                                 function(){
  462.                                     if (isRight){
  463.                                         \$(this).insertAfter(last);
  464.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  465.                                     }
  466.                                 }
  467.                             );
  468.                         });
  471.                         if (_ww > 768){
  472.                             \$('.div-img-hover-2').hover(function (e) {
  473.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  474.                                 var htext = \$(this).find('.project-content').height();
  475.                                 if (htext == undefined){htext = 0};
  476.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  477.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  478.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  479.                             }, function() {
  480.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  481.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  483.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  484.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  485.                                 });
  486.                             });
  487.                         } else {
  488.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  489.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  490.                                     ht = opened ? 85 : '100%',
  491.                                     vis = opened ? 0 : 1;
  492.                                 \$(this).find('.div-hover-2').toggleClass('open');
  493.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  494.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  495.                             });
  496.                         }
  497.                         \$('.div-hover').hover(function (e) {
  498.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  499.                         }, function() {
  500.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  501.                         });
  502.                     })
  503.                     .catch((error) => {
  504.                         console.error('Error:', error);
  505.                     });
  506.             })
  507.         }
  510.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  511.             new Flicking(\"#flick5\", {
  512.                 moveType: \"freeScroll\",
  513.                 bound: true
  514.             });
  516.         }
  517.     </script>
  518. ";
  519.         
  520.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  522.         
  523.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  525.         return; yield '';
  526.     }
  528.     /**
  529.      * @codeCoverageIgnore
  530.      */
  531.     public function getTemplateName()
  532.     {
  533.         return "reference.html.twig";
  534.     }
  536.     /**
  537.      * @codeCoverageIgnore
  538.      */
  539.     public function isTraitable()
  540.     {
  541.         return false;
  542.     }
  544.     /**
  545.      * @codeCoverageIgnore
  546.      */
  547.     public function getDebugInfo()
  548.     {
  549.         return array (  311 => 138,  301 => 133,  291 => 130,  289 => 129,  286 => 128,  282 => 127,  273 => 121,  270 => 120,  264 => 118,  261 => 117,  252 => 115,  249 => 114,  244 => 113,  242 => 112,  238 => 111,  234 => 109,  228 => 105,  219 => 99,  216 => 98,  214 => 97,  210 => 96,  205 => 93,  201 => 92,  193 => 88,  189 => 87,  183 => 83,  180 => 75,  162 => 49,  156 => 46,  152 => 44,  150 => 43,  147 => 42,  141 => 40,  135 => 38,  133 => 37,  130 => 36,  128 => 35,  121 => 30,  119 => 29,  114 => 26,  112 => 14,  109 => 13,  106 => 12,  103 => 11,  100 => 10,  98 => 9,  95 => 8,  93 => 7,  90 => 6,  80 => 5,  60 => 3,  37 => 1,);
  550.     }
  552.     public function getSourceContext()
  553.     {
  554.         return new Source("{% extends 'base.html.twig' %}
  556. {% block title %}References{% endblock %}
  558. {% block body %}
  560.     {% set headerContent = content('Reference', 'Header') %}
  562.     {% if headerContent.picture is defined and headerContent.picture is not empty %}
  563.         {% set backgroundImage = headerContent.picture[0].path %}
  564.     {% else %}
  565.         {% set backgroundImage = 'empty' %}
  566.     {% endif %}
  567.     {#
  568.     <header class=\"header-tracol\" style=\"background-image: url('/uploads/images/{{ backgroundImage }}');\">
  569.         <div class=\"col-lg-8 mx-auto div-svg-header\">
  570.             {% if headerContent.name is defined %}
  571.                 <div class=\"header-habiter-div\">
  572.                     <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>
  573.                     <h2 class=\"header-habiter-title col-lg-12\">{{ headerContent.name }}</h2>
  574.                 </div>
  575.             {% endif %}
  576.         </div>
  577.     </header>
  578.     #}
  581.     <div class=\"container-fluid reference-page\">
  582.         {% set sectionContent1 = content('Reference', 'Section-1') %}
  583.         <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
  584.             <div class=\"col-lg-4\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
  585.                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
  586.                     <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\"/>
  587.                 </svg>
  588.                 {% if references|length == 0 %}
  589.                     <h1 class=\"project-title\">pas de reference</h1>
  590.                 {% elseif references|length == 1  %}
  591.                     <h1 class=\"project-title\">{{ references|length }} référence</h1>
  592.                 {% else %}
  593.                     <h1 class=\"project-title\">{{ references|length }} références</h1>
  594.                 {% endif %}
  595.             </div>
  596.             {% if sectionContent1.content is defined %}
  597.                 <div class=\"separator\"></div>
  598.                 <div id=\"section-1-reference\" class=\"col-lg-6 pre-section-content\">
  599.                     {{ sectionContent1.content|raw }}
  600.                 </div>
  601.             {% endif %}
  602.         </div>
  604.         <section class=\"project filter\" style=\"margin-bottom: 60px\">
  605.             <div id=\"button-reference-page\"  class=\"col-lg-8 mx-auto div-svg-header\">
  606.                 <div class=\"input-filter\">
  607.                     <label for=\"all-references\" class=\"mr-1\">TOUS</label>
  608.                     <input data-id=\"all\" type=\"radio\" name=\"type\" id=\"all-references\" class=\"mr-1 projectButton\">
  609.                 </div>
  610.                 <div class=\"input-filter\">
  611.                     <label for=\"residences-references\" class=\"mr-2\">RÉSIDENCES</label>
  612.                     <input data-id=\"residences\" type=\"radio\" name=\"type\" id=\"residences-references\" class=\"mr-3 projectButton\">
  613.                 </div>
  614.                 <div class=\"input-filter\">
  615.                     <label for=\"maisons-references\" class=\"mr-2\">MAISONS</label>
  616.                     <input data-id=\"maisons\" type=\"radio\" name=\"type\" id=\"maisons-references\" class=\" projectButton\">
  617.                 </div>
  618.                 {#
  619.                 <div class=\"input-filter\" style=\"padding-right:20px;\">
  620.                    <label for=\"commerces-references\">COMMERCES</label>
  621.                    <input data-id=\"commerces\" type=\"radio\" name=\"type\" id=\"commerces-references\" class=\" projectButton\">
  622.                </div>
  623.                <div class=\"input-filter\" style=\"padding-right:20px;\">
  624.                    <label for=\"bureaux-references\">BUREAUX</label>
  625.                    <input data-id=\"bureaux\" type=\"radio\" name=\"type\" id=\"bureaux-references\" class=\" projectButton\">
  626.                </div>
  627.                 #}
  629.                 {#
  630.                 <button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
  631.                 <button data-id=\"residences\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">RÉSIDENCES</span></button>
  632.                 <button data-id=\"maisons\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">MAISONS</span></button>
  633.                 <button data-id=\"commerces\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">COMMERCES</span></button>
  634.                 <button data-id=\"bureaux\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">BUREAUX</span></button>
  635.                 #}
  637.             </div>
  639.             <div id=\"reference\" class=\"col-lg-8 mx-auto div-svg-header row\" style=\"display: flex;justify-content: center\">
  640.                 {% for key, reference in references %}
  641.                     <div class=\"col-lg-6 div-img-hover-2 position-relative reference-list-single lightbox-on\" data-id=\"modul-{{ key }}\" style=\"cursor: pointer\">
  643.                         <div class=\"div-hover-2\" id=\"div-hover-2\">
  644.                             <div class=\"d-flex justify-content-between\">
  645.                                 <p class=\"city\">{{ reference.city.name }}</p>
  646.                                 <p class=\"date-ref\">{# {{ reference.updated_at|date(\"d/m/Y\") }} #}</p>
  647.                             </div>
  649.                             <p class=\"project-name\">{{ reference.reference }}</p>
  650.                             {% if reference.comments[0].comment is not empty %}
  651.                                 <p class=\"project-content\" style=\"visibility: hidden\">
  652.                                     {{ reference.comments[0].comment|slice(0, 350) }}
  653.                                 </p>
  654.                                 <a href=\"javascript:void(0);\" class=\"project-arrow-2\">
  655.                                     <span class=\"galerry-ref\">GALERIE PHOTOS</span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  656.                                 </a>
  657.                             {% else %}
  658.                                 <a style=\"margin-top: 180px\" href=\"javascript:void(0);\" class=\"project-arrow-2 \">
  659.                                     <span class=\"galerry-ref\">GALERIE PHOTOS</span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
  660.                                 </a>
  661.                             {% endif %}
  662.                         </div>
  664.                         <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ getTypeReferences(reference.type) }}</span></div>
  665.                         {% if reference.pictures is not empty %}
  666.                             {% for picture in reference.pictures|slice(0,1) %}
  667.                                 {% set url = 'http' in picture.url ? picture.url : asset('uploads/images/properties/'~reference.id~'/'~picture.url) %}
  668.                                 <div class=\"img\" style=\"background-image: url('{{ url }}')\"></div>
  669.                             {% endfor %}
  670.                         {% else %}
  671.                             <div class=\"img\" style=\"background-image: url('{{ asset('build/Hudson_Ontario2.png') }}')\"></div>
  672.                         {% endif %}
  674.                         <div class=\"lightbox\" id=\"modul-{{ key }}\">
  675.                             <div class=\"closer\"></div>
  676.                             <div class=\"arrows left\">&#8592;</div>
  677.                             <div class=\"arrows right\">&#8594;</div>
  678.                             <div class=\"counter\">1/1</div>
  679.                             <ul class=\"items\">
  680.                                 {% for picture in reference.pictures %}
  681.                                     <li class=\"item\">
  682.                                         {% set url = 'http' in picture.url ? picture.url : asset('uploads/images/properties/'~reference.id~'/'~picture.url) %}
  683.                                         <img class=\"img\" src=\"{{ url }}\">
  684.                                     </li>
  685.                                 {% endfor %}
  686.                             </ul>
  687.                         </div>
  688.                     </div>
  690.                 {% endfor %}
  692.                 <div class=\"text-center text-capitalize more-projects\">
  693.                     <p>AFFICHER PLUS DE REFERENCES</p>
  694.                 </div>
  695.             </div>
  696.         </section>
  697.     </div>
  699.     <script>
  701.         for (const eElement of document.getElementsByClassName('projectButton')) {
  702.             eElement.addEventListener('click', function (e) {
  703.                 e.preventDefault()
  705.                 for (let button of document.getElementsByClassName('projectButton')) {
  706.                     if (button.classList.contains('all')){
  707.                         button.classList.remove('all')
  708.                         button.classList.add('come')
  709.                         //button.querySelector('span').classList.replace('span-all', 'span-projects')
  710.                     }
  711.                 }
  713.                 eElement.classList.remove('come')
  714.                 eElement.classList.add('all')
  715.                 //eElement.querySelector('span').classList.replace('span-projects', 'span-all')
  717.                 fetch('references/display/'+this.dataset.id, {
  718.                     method: 'GET',
  719.                 })
  720.                     .then(response => response.json())
  721.                     .then(data => {
  722.                         document.getElementById('reference').innerHTML = ''
  723.                         document.getElementById('reference').innerHTML = data.data
  724.                         _ww = \$(window).width();
  725.                         var lightbox = \$('.lightbox'),
  726.                             item = 0;
  728.                         \$('.lightbox-on').click(function(e){
  729.                             e.stopPropagation();
  730.                             item = 0;
  732.                             var id = \$(this).attr('data-id'),
  733.                                 max = 0;
  734.                             \$('#'+id).toggle();
  735.                             \$('#'+id).animate({opacity: 1}, 300);
  736.                             \$('#'+id).find('img').each(function( i ) {
  737.                                 max = i;
  738.                                 item = 1;
  739.                                 counter(item, max+1);
  740.                                 itemWidth(\$(this));
  741.                             });
  742.                         });
  744.                         lightbox.click(function(e) {
  745.                             e.stopPropagation();
  746.                             \$(this).animate({opacity: 0}, 300, function(){
  747.                                 \$(this).toggle();
  748.                             });
  749.                         });
  751.                         \$('.closer').on('click', function (e) {
  752.                             e.stopPropagation();
  753.                             \$(this).parent().animate(
  754.                                 {opacity: 0},
  755.                                 300,
  756.                                 function(){
  757.                                     \$(this).toggle();
  758.                                 }
  759.                             );
  760.                         });
  762.                         function itemWidth(img){
  763.                             img.closest('.items').width(img.width());
  764.                         }
  766.                         function counter(item, max){
  767.                             \$('.counter').text(item + ' / ' + max);
  768.                         }
  770.                         \$('.item', lightbox).on('click, swipeleft', function (e) {
  771.                             var wd = \$(this).width(),
  772.                                 last = \$(this).parent().find('.item').last(),
  773.                                 img = \$(this).find('.img');
  774.                             itemWidth(img);
  776.                             \$(this).animate(
  777.                                 {marginLeft: -wd, opacity: 0},
  778.                                 500,
  779.                                 'swing',
  780.                                 function(){
  781.                                     \$(this).insertAfter(last);
  782.                                     \$(this).css({marginLeft: 0, opacity: 1});
  783.                                 }
  784.                             );
  785.                         });
  787.                         \$('.item', lightbox).on('swiperight', function (e) {
  788.                             var wd = \$(this).width(),
  789.                                 first = \$(this).parent().find('.item').first(),
  790.                                 last = \$(this).parent().find('.item').last(),
  791.                                 img = \$(this).find('.img');
  792.                             itemWidth(img);
  794.                             \$(last).insertBefore(\$(this));
  795.                             \$(last).css({marginLeft: -wd, opacity: 0});
  796.                             \$(this).parent().find('.item').eq(0).animate(
  797.                                 {marginLeft: 0, opacity: 1},
  798.                                 500,
  799.                                 'swing'
  800.                             );
  801.                         });
  803.                         \$('.arrows', lightbox).on('click', function (e) {
  804.                             e.stopPropagation();
  806.                             var wd = \$(this).siblings('.items').find('.item').eq(0).width(),
  807.                                 max = \$(this)
  808.                                     .siblings('.items').find('.item').length,
  809.                                 first = \$(this).siblings('.items').find('.item').first(),
  810.                                 last = \$(this).siblings('.items').find('.item').last(),
  811.                                 isRight = \$(this).hasClass('right'),
  812.                                 marginL = isRight ? -wd : 0,
  813.                                 marginL0 = isRight ? 0: -wd,
  814.                                 opacOn = isRight ? 1 : 0,
  815.                                 opacOff = isRight ? 0 : 1;
  817.                             if (!isRight){
  818.                                 \$(last).insertBefore(first);
  819.                                 \$(last).css({marginLeft: -wd, opacity: 0});
  820.                                 item++;
  821.                                 if (item == max+1) {item = 1};
  822.                             } else {
  823.                                 item--;
  824.                                 if (item == 0) {item = max};
  825.                             };
  827.                             counter(item, max);
  829.                             var img = \$(this).siblings('.items').find('.item').eq(0).find('.img');
  830.                             itemWidth(img);
  832.                             \$(this).siblings('.items').find('.item').eq(1).animate(
  833.                                 {opacity: opacOn},
  834.                                 500,
  835.                                 'swing');
  837.                             \$(this).siblings('.items').find('.item').eq(0).animate(
  838.                                 {marginLeft: marginL, opacity: 1},
  839.                                 500,
  840.                                 'swing',
  841.                                 function(){
  842.                                     if (isRight){
  843.                                         \$(this).insertAfter(last);
  844.                                         \$(this).css({ marginLeft: 0, opacity: 1});
  845.                                     }
  846.                                 }
  847.                             );
  848.                         });
  851.                         if (_ww > 768){
  852.                             \$('.div-img-hover-2').hover(function (e) {
  853.                                 \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  854.                                 var htext = \$(this).find('.project-content').height();
  855.                                 if (htext == undefined){htext = 0};
  856.                                 \$(this).find('.div-hover-2').animate({height : htext+180}, 150);
  857.                                 \$(this).find('.project-content').css({'visibility': 'visible'});
  858.                                 \$(this).find('.project-content').animate({opacity: 1}, 150);
  859.                             }, function() {
  860.                                 \$(this).find('.div-hover-2').animate({height : 85}, 150);
  861.                                 \$(this).find('.project-arrow-2').animate({opacity: 0}, 150);
  863.                                 \$(this).find('.project-content').animate({opacity: 0}, 150, function(){
  864.                                     \$(this).find('.project-content').css({'visibility': 'hidden'});
  865.                                 });
  866.                             });
  867.                         } else {
  868.                             \$('.div-img-hover-2').on( \"tap\", function( event ) {
  869.                                 var opened = \$(this).find('.div-hover-2').hasClass('open'),
  870.                                     ht = opened ? 85 : '100%',
  871.                                     vis = opened ? 0 : 1;
  872.                                 \$(this).find('.div-hover-2').toggleClass('open');
  873.                                 \$(this).find('.div-hover-2').animate({height : ht}, 150);
  874.                                 \$(this).find('.project-arrow-2').animate({opacity: vis}, 150);
  875.                             });
  876.                         }
  877.                         \$('.div-hover').hover(function (e) {
  878.                             \$(this).find('.project-arrow-2').animate({opacity: 1}, 150);
  879.                         }, function() {
  880.                             \$(this).find('.project-arrow-2').animate({opacity: 0}, 50);
  881.                         });
  882.                     })
  883.                     .catch((error) => {
  884.                         console.error('Error:', error);
  885.                     });
  886.             })
  887.         }
  890.         if (window.matchMedia(\"(max-width: 768px)\").matches) {
  891.             new Flicking(\"#flick5\", {
  892.                 moveType: \"freeScroll\",
  893.                 bound: true
  894.             });
  896.         }
  897.     </script>
  898. {#    <script>#}
  899. {#        \$('.slider-ref-detail').slick({#}
  900. {#            dots: false,#}
  901. {#            infinite: true,#}
  902. {#            speed: 300,#}
  903. {#            slidesToShow: 1,#}
  904. {#            slidesToScroll: 1,#}
  905. {#            autoplay: true,#}
  906. {#            responsive: [#}
  907. {#                {#}
  908. {#                    breakpoint: 576,#}
  909. {#                    settings: {#}
  910. {#                        slidesToShow: 1,#}
  911. {#                        slidesToScroll: 1#}
  912. {#                    }#}
  913. {#                }#}
  914. {#                // You can unslick at a given breakpoint now by adding:#}
  915. {#                // settings: \"unslick\"#}
  916. {#                // instead of a settings object#}
  917. {#            ]#}
  918. {#        });#}
  919. {#    </script>#}
  920. {% endblock %}
  921. ", "reference.html.twig", "/home/fuzxzwq/www/templates/reference.html.twig");
  922.     }
  923. }