var/cache/dev/twig/61/619c99646fc27c5ba1552116b4f923b5ca0d2b7a133e16c100d93f9bfa749832.php line 78

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