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

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