var/cache/dev/twig/ad/adf73c19cb80e20f73d5d8ec892f0b11f49628cefb51683570a80e4ec6c3de34.php line 40

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* areas/product-table-brick/view.html.twig */
  18. class __TwigTemplate_964436efdd695f14360fa08b2cf3902c17d3be5f381a4f2428e00f84021e5a25 extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->parent = false;
  34.         $this->blocks = [
  35.         ];
  36.         $this->sandbox = $this->extensions[SandboxExtension::class];
  37.         $this->checkSecurity();
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = []): iterable
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  49.         // line 1
  50.         $context["selectedProducts"] = CoreExtension::getAttribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "relations", "selectedProducts"), "getData", [], "method", false, false, true, 1);
  51.         // line 2
  52.         $context["selectedProperties"] = CoreExtension::getAttribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "relations", "selectedProperties"), "getData", [], "method", false, false, true, 2);
  53.         // line 3
  54.         yield "
  55. ";
  56.         // line 4
  57.         yield from $this->loadTemplate("areas/product-table-brick/view.html.twig", "areas/product-table-brick/view.html.twig", 4, "1481781932")->unwrap()->yield($context);
  58.         
  59.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  61.         
  62.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  64.         yield from [];
  65.     }
  67.     /**
  68.      * @codeCoverageIgnore
  69.      */
  70.     public function getTemplateName(): string
  71.     {
  72.         return "areas/product-table-brick/view.html.twig";
  73.     }
  75.     /**
  76.      * @codeCoverageIgnore
  77.      */
  78.     public function isTraitable(): bool
  79.     {
  80.         return false;
  81.     }
  83.     /**
  84.      * @codeCoverageIgnore
  85.      */
  86.     public function getDebugInfo(): array
  87.     {
  88.         return array (  57 => 4,  54 => 3,  52 => 2,  50 => 1,);
  89.     }
  91.     public function getSourceContext(): Source
  92.     {
  93.         return new Source("{% set selectedProducts = pimcore_relations('selectedProducts').getData() %}
  94. {% set selectedProperties = pimcore_relations('selectedProperties').getData() %}
  96. {% embed 'app/area-brick-layout.html.twig' %}
  97.     {% block content %}
  99.         {% if selectedProducts is empty %}
  100.             {% if editmode %}
  101.                 {% embed 'app/editmodenotice.html.twig' %}
  102.                     {% block title %} Nog geen alternatieve producten geselecteerd. {% endblock %}
  103.                     {% block information %} Kies alternatieve producten middels het potloodje. {% endblock %}
  104.                 {% endembed %}
  105.             {% endif %}
  106.         {% else %}
  107.             <section class=\"py-10 bg-blue-200 lg:py-20\" x-data=\"{ tableOpen: false }\">
  108.                 <div class=\"overflow-hidden lg:container\">
  110.                     {% if editmode and selectedProperties is empty %}
  111.                         {% embed 'app/editmodenotice.html.twig' %}
  112.                             {% block title %} Nog geen producteneigenschappen geselecteerd. {% endblock %}
  113.                             {% block information %} Kies producteneigenschappen middels het potloodje {% endblock %}
  114.                         {% endembed %}
  115.                     {% endif %}
  117.                     <div class=\"grid grid-cols-12 gap-6\">
  118.                         <div class=\"col-span-12\">
  119.                             <h2 class=\"mb-4 text-2xl text-center md:text-3xl lg:text-4xl\">
  120.                                 {% include 'areas/unique-selling-point-brick/partials/_title.html.twig' %}
  121.                             </h2>
  122.                         </div>
  123.                     </div>
  125.                     {#
  126.                     Here we set the maxinum amount of specs that are shown on initial page load.
  127.                     If there are more then this amount then those will be hidden, a button will then be shown
  128.                     #}
  129.                     {% set shownSpecsOnInitialLoad = 8 %}
  130.                     {% set showReadMoreSpecsButton = false %}
  132.                     <div class=\"px-0 overflow-x-auto lg:pb-6 lg:pr-6 \">
  133.                         <table class=\"w-full lg:border-separate text-md lg:text-base lg:border-slate-500 lg:border-spacing-2\" >
  134.                             {# First, we generate the table header based on the selected properties. #}
  135.                             <thead class=\"bg-gray-50\">
  136.                                 <tr>
  137.                                     <th>
  138.                                         <!-- title -->
  139.                                     </th>
  140.                                     {% for property in selectedProperties ?: [] %}
  141.                                         <th scope=\"col\" class=\"px-4 py-2 font-normal text-left text-gray-900 lg:px-6 lg:py-4 {{ loop.index > 2 ? 'hidden lg:table-cell' : '' }}\">
  142.                                             {{ property.title ?: property.key }}
  143.                                         </th>
  144.                                     {% endfor %}
  145.                                     <th class=\"hidden lg:table-cell\">
  146.                                         <!-- info -->
  147.                                     </th>
  148.                                     <th class=\"hidden lg:table-cell\">
  149.                                         <!-- button -->
  150.                                     </th>
  151.                                     <th>
  152.                                         <!-- chevron  -->
  153.                                     </th>
  154.                                 </tr>
  155.                             </thead>
  157.                             {# then, we will output the product-rows #}
  158.                             <tbody class=\"gap-6\" x-data=\"{ rowOpen: false }\">
  159.                                 {% for product in selectedProducts %}
  160.                                     <tr
  161.                                         x-description=\"Odd row\"
  162.                                         class=\"bg-white border-t-8 border-blue-200 lg:border-t-0\"
  163.                                         {% if loop.index >= shownSpecsOnInitialLoad %}
  164.                                             :class=\"tableOpen ? '' : 'hidden'\"
  165.                                         {% endif %}
  166.                                     >
  167.                                         {# Output the product title as the first column in this row #}
  168.                                         <td class=\"px-4 py-5 mb-4 font-bold leading-4 text-md lg:text-xl lg:px-6 lg:py-4 lg:rounded-l-md whitespace-nowrap\">
  169.                                             <a href=\"{{ product.page.url | trimUrl }}\">
  170.                                                 <span class=\"hidden md:inline-block\">{{ product.name }}</span> <span class=\"text-blue\">{{ product.code ?? \"\" }}</span>
  171.                                             </a>
  172.                                         </td>
  173.                                         {#
  174.                                         then we will loop through all the selected properties...
  175.                                         We always render a column for each selected property, we do this to maintain table-like
  176.                                         formatting. In case a selected spec to highlight does not exist in a product
  177.                                         we will simply show an empty column for that product :)
  178.                                         #}
  179.                                         {% set customCounter = 0 %}
  180.                                         {% for property in selectedProperties ?: [] %}
  181.                                             {% set found = false %}
  183.                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  184.                                                 {% set specificationObject = spec.specification_property.data %}
  185.                                                 {% if specificationObject.id == property.id %}
  186.                                                     {% set found = true %}
  187.                                                     {% set customCounter = customCounter + 1 %}
  188.                                                     {# Output the specification value and unit to this row #}
  189.                                                     <td class=\"px-4 py-4 leading-4 lg:px-6 lg:py-4  whitespace-nowrap {{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  190.                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  191.                                                     </td>
  192.                                                     {# skip the rest of the spec-for-loop when entry is found #}
  193.                                                     {% break %}
  194.                                                 {% endif %}
  195.                                             {% endfor %}
  196.                                             {% if not found %}
  197.                                                 {% set customCounter = customCounter + 1 %}
  198.                                                 <td class=\"{{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  199.                                                     <!-- empty -->
  200.                                                 </td>
  201.                                             {% endif %}
  202.                                         {% endfor %}
  204.                                         <td class=\"hidden px-4 py-2 lg:px-6 lg:py-4 lg:table-cell lg:rounded-r-md\">
  205.                                             {% include 'includes/partials/_rental-form.html.twig' with {
  206.                                                 buttonText: 'Offerte aanvragen'|trans,
  207.                                                 buttonClass: 'button button__green',
  208.                                                 trackButtonId: 'conversion_rentnow',
  209.                                                 requestUrl: data.request.url
  210.                                             } %}
  211.                                         </td>
  212.                                         <td class=\"content-end px-4 py-2 text-right md:hidden lg:px-6 lg:py-4 group \">
  213.                                             <div
  214.                                                 class=\"inline-flex items-center justify-center w-8 h-8 bg-gray-200 rounded-full cursor-pointer text-blue group-hover:bg-blue group-hover:text-white lg:hidden\"
  215.                                                 :class=\"(rowOpen == {{loop.index}}) ? '-rotate-90' : 'rotate-90'\"
  216.                                                 @click=\"(rowOpen == {{loop.index}}) ? rowOpen = false : rowOpen = {{loop.index}}\"
  217.                                             >
  218.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"16\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m2.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L2.406.343A1.206 1.206 0 0 0 .657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L6.731 8 .722 13.807a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"/></svg>
  219.                                             </div>
  220.                                         </td>
  221.                                     </tr>
  222.                                     <tr
  223.                                         class=\"bg-white border-2 rounded-md lg:hidden\"
  224.                                         :class=\"(rowOpen == {{loop.index}}) ? 'table-row' : 'hidden'\"
  225.                                     >
  226.                                         <td colspan=\"4\" class=\"px-4 pt-6 pb-6 text-sm\">
  227.                                             {% for property in selectedProperties ?: [] %}
  228.                                                 {% if loop.index > 2 %}
  229.                                                     <div class=\"flex justify-between py-1\">
  230.                                                         <span>{{ property.title ?: property.key }}</span>
  231.                                                         <span class=\"text-right text-blue\">
  232.                                                             {% set customCounter = 0 %}
  233.                                                             {% set found = false %}
  234.                                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  235.                                                                 {% set specificationObject = spec.specification_property.data %}
  236.                                                                 {% if specificationObject.id == property.id %}
  237.                                                                     {% set found = true %}
  238.                                                                     {% set customCounter = customCounter + 1 %}
  239.                                                                     {# Output the specification value and unit to this row #}
  240.                                                                     <div class=\" {{ customCounter > 2 ? '' : '' }}\">
  241.                                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  242.                                                                     </div>
  243.                                                                     {# skip the rest of the spec-for-loop when entry is found #}
  244.                                                                     {% break %}
  245.                                                                 {% endif %}
  246.                                                             {% endfor %}
  247.                                                         </span>
  248.                                                     </div>
  249.                                                 {% endif %}
  250.                                             {% endfor %}
  252.                                             <div class=\"lg:py-1.5 hidden lg:flex lg:justify-between \">
  253.                                                 <span>{{ 'Meer informatie'|trans }}</span>
  254.                                                 <span class=\"relative text-right text-blue\" x-data=\"{ tooltipOpen: false }\">
  255.                                                     <span
  256.                                                         class=\"cursor-pointer\"
  257.                                                         @click=\"tooltipOpen = !tooltipOpen\"
  258.                                                         @click.outside=\"tooltipOpen = false\"
  259.                                                     >
  260.                                                         <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"#0072BB\" fill-rule=\"evenodd\" d=\"M8.036 5.235c.433 0 .747-.081.942-.244.196-.162.294-.418.294-.767 0-.358-.098-.618-.294-.78-.195-.163-.51-.244-.942-.244-.433 0-.747.081-.943.243-.195.163-.293.423-.293.78 0 .35.098.606.293.768.196.163.51.244.943.244Zm1.06 6.965V5.959H6.976V12.2h2.122ZM8 14.4A6.4 6.4 0 1 1 14.4 8 6.407 6.407 0 0 1 8 14.4ZM0 8a8 8 0 0 0 16 0 8.009 8.009 0 0 0-8-8 8 8 0 0 0-8 8Z\"/></svg>
  261.                                                     </span>
  262.                                                     <div
  263.                                                         class=\"absolute right-0 z-10 w-64 p-4 bg-white rounded shadow-lg top-5\"
  264.                                                         :class=\"tooltipOpen ? 'block' : 'hidden'\"
  265.                                                     >
  266.                                                         <span class=\"text-sm leading-6 text-gray-900\">
  267.                                                             {{ \"Onze specialisten zorgen voor een passende oplossing, vrijblijvend advies en afstemming met u.\"|trans }}
  268.                                                         </span>
  269.                                                     </div>
  270.                                                 </span>
  271.                                             </div>
  273.                                             <div class=\"mt-4\">
  274.                                                 {% include 'includes/partials/_rental-form.html.twig' with {
  275.                                                     buttonText: 'Offerte aanvragen'|trans,
  276.                                                     buttonClass: 'button button__green',
  277.                                                     trackButtonId: 'conversion_rentnow',
  278.                                                     requestUrl: data.request.url ?? null
  279.                                                 } %}
  280.                                                 <a href=\"{{ product.page.url | trimUrl }}\" class=\"items-center justify-center !hidden lg:flex button button__secondary\">
  281.                                                     Meer informatie
  282.                                                     <span class=\"flex items-center justify-center w-6 h-6 ml-3 bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white\">
  283.                                                     <svg class=\"h-3.5 w-3.5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">
  284.                                                             <path fill=\"currentColor\" fill-rule=\"currentColor\" d=\"m6.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L6.406.343A1.206 1.206 0 0 0 4.657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L10.731 8l-6.008 5.806a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"></path>
  285.                                                         </svg>
  286.                                                     </span>
  287.                                                 </a>
  288.                                             </div>
  290.                                         </td>
  291.                                     </tr>
  293.                                     {% set showReadMoreSpecsButton = loop.index > shownSpecsOnInitialLoad %}
  294.                                 {% endfor %}
  295.                             </tbody>
  296.                         </table>
  297.                     </div>
  300.                     {# never show this button when printing (printmode), even though there could be more specs. #}
  301.                     {% if showReadMoreSpecsButton and printmode is not defined %}
  302.                         <div class=\"flex justify-center w-full mt-6 \">
  303.                             <button
  304.                                 class=\"button button__secondary group\"
  305.                                 @click=\"tableOpen = !tableOpen\"
  306.                             >
  307.                                 <span class=\"flex w-6 h-6 mr-3 transition-all bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white \">
  308.                                     <span class=\"flex items-center justify-center w-full h-full \">
  309.                                         <svg
  310.                                             x-show=\"!tableOpen\"
  311.                                             class=\"w-3.5\"
  312.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M6.68 0h.024a.929.929 0 0 1 .916.915l.07 4.994 4.994.07a.93.93 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024l-4.995-.07.07 4.995a.878.878 0 0 1-.89.89.93.93 0 0 1-.915-.916L5.91 7.69.914 7.62A.93.93 0 0 1 0 6.704a.878.878 0 0 1 .89-.89l4.994.07L5.814.89A.878.878 0 0 1 6.68 0Z\"/>
  313.                                         </svg>
  314.                                         <svg
  315.                                             x-show=\"tableOpen\"
  316.                                             class=\"w-3.5\"
  317.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 3\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M12.684.979a.929.929 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024L.915 2.62A.929.929 0 0 1 0 1.704a.878.878 0 0 1 .89-.89l11.794.165Z\"/>
  318.                                         </svg>
  319.                                     </span>
  320.                                 </span>
  321.                                 <span x-show=\"!tableOpen\">
  322.                                     {{ ('Meer {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  323.                                 </span>
  324.                                 <span x-show=\"tableOpen\">
  325.                                     {{ ('Minder {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  326.                                 </span>
  327.                             </button>
  328.                         </div>
  329.                     {% endif %}
  331.                 </div>
  332.             </section>
  333.         {% endif %}
  336.     {% endblock %}
  337. {% endembed %}
  338. ", "areas/product-table-brick/view.html.twig", "/home/forge/testing.coolworld.ptchr.dev/templates/areas/product-table-brick/view.html.twig");
  339.     }
  340.     
  341.     public function checkSecurity()
  342.     {
  343.         static $tags = ["set" => 1, "embed" => 4];
  344.         static $filters = [];
  345.         static $functions = ["pimcore_relations" => 1];
  347.         try {
  348.             $this->sandbox->checkSecurity(
  349.                 ['set', 'embed'],
  350.                 [],
  351.                 ['pimcore_relations'],
  352.                 $this->source
  353.             );
  354.         } catch (SecurityError $e) {
  355.             $e->setSourceContext($this->source);
  357.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  358.                 $e->setTemplateLine($tags[$e->getTagName()]);
  359.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  360.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  361.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  362.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  363.             }
  365.             throw $e;
  366.         }
  368.     }
  369. }
  372. /* areas/product-table-brick/view.html.twig */
  373. class __TwigTemplate_964436efdd695f14360fa08b2cf3902c17d3be5f381a4f2428e00f84021e5a25___1481781932 extends Template
  374. {
  375.     private Source $source;
  376.     /**
  377.      * @var array<string, Template>
  378.      */
  379.     private array $macros = [];
  381.     public function __construct(Environment $env)
  382.     {
  383.         parent::__construct($env);
  385.         $this->source = $this->getSourceContext();
  387.         $this->blocks = [
  388.             'content' => [$this, 'block_content'],
  389.         ];
  390.         $this->sandbox = $this->extensions[SandboxExtension::class];
  391.         $this->checkSecurity();
  392.     }
  394.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  395.     {
  396.         return "app/area-brick-layout.html.twig";
  397.     }
  399.     protected function doDisplay(array $context, array $blocks = []): iterable
  400.     {
  401.         $macros = $this->macros;
  402.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  403.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  405.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  406.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  408.         $this->parent = $this->loadTemplate("app/area-brick-layout.html.twig", "areas/product-table-brick/view.html.twig", 4);
  409.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  410.         
  411.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  413.         
  414.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  416.     }
  418.     // line 5
  419.     /**
  420.      * @return iterable<null|scalar|\Stringable>
  421.      */
  422.     public function block_content(array $context, array $blocks = []): iterable
  423.     {
  424.         $macros = $this->macros;
  425.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  426.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  428.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  429.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  431.         // line 6
  432.         yield "
  433.         ";
  434.         // line 7
  435.         if (Twig\Extension\CoreExtension::testEmpty((isset($context["selectedProducts"]) || array_key_exists("selectedProducts", $context) ? $context["selectedProducts"] : (function () { throw new RuntimeError('Variable "selectedProducts" does not exist.', 7, $this->source); })()))) {
  436.             // line 8
  437.             yield "            ";
  438.             if ((isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 8, $this->source); })())) {
  439.                 // line 9
  440.                 yield "                ";
  441.                 yield from $this->loadTemplate("areas/product-table-brick/view.html.twig", "areas/product-table-brick/view.html.twig", 9, "2130027015")->unwrap()->yield($context);
  442.                 // line 13
  443.                 yield "            ";
  444.             }
  445.             // line 14
  446.             yield "        ";
  447.         } else {
  448.             // line 15
  449.             yield "            <section class=\"py-10 bg-blue-200 lg:py-20\" x-data=\"{ tableOpen: false }\">
  450.                 <div class=\"overflow-hidden lg:container\">
  452.                     ";
  453.             // line 18
  454.             if (((isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 18, $this->source); })()) && Twig\Extension\CoreExtension::testEmpty((isset($context["selectedProperties"]) || array_key_exists("selectedProperties", $context) ? $context["selectedProperties"] : (function () { throw new RuntimeError('Variable "selectedProperties" does not exist.', 18, $this->source); })())))) {
  455.                 // line 19
  456.                 yield "                        ";
  457.                 yield from $this->loadTemplate("areas/product-table-brick/view.html.twig", "areas/product-table-brick/view.html.twig", 19, "1488321402")->unwrap()->yield($context);
  458.                 // line 23
  459.                 yield "                    ";
  460.             }
  461.             // line 24
  462.             yield "
  463.                     <div class=\"grid grid-cols-12 gap-6\">
  464.                         <div class=\"col-span-12\">
  465.                             <h2 class=\"mb-4 text-2xl text-center md:text-3xl lg:text-4xl\">
  466.                                 ";
  467.             // line 28
  468.             yield from $this->loadTemplate("areas/unique-selling-point-brick/partials/_title.html.twig", "areas/product-table-brick/view.html.twig", 28)->unwrap()->yield($context);
  469.             // line 29
  470.             yield "                            </h2>
  471.                         </div>
  472.                     </div>
  474.                     ";
  475.             // line 37
  476.             yield "                    ";
  477.             $context["shownSpecsOnInitialLoad"] = 8;
  478.             // line 38
  479.             yield "                    ";
  480.             $context["showReadMoreSpecsButton"] = false;
  481.             // line 39
  482.             yield "
  483.                     <div class=\"px-0 overflow-x-auto lg:pb-6 lg:pr-6 \">
  484.                         <table class=\"w-full lg:border-separate text-md lg:text-base lg:border-slate-500 lg:border-spacing-2\" >
  485.                             ";
  486.             // line 43
  487.             yield "                            <thead class=\"bg-gray-50\">
  488.                                 <tr>
  489.                                     <th>
  490.                                         <!-- title -->
  491.                                     </th>
  492.                                     ";
  493.             // line 48
  494.             $context['_parent'] = $context;
  495.             $context['_seq'] = CoreExtension::ensureTraversable((((isset($context["selectedProperties"]) || array_key_exists("selectedProperties", $context) ? $context["selectedProperties"] : (function () { throw new RuntimeError('Variable "selectedProperties" does not exist.', 48, $this->source); })())) ? ($context["selectedProperties"]) : ([])));
  496.             $context['loop'] = [
  497.               'parent' => $context['_parent'],
  498.               'index0' => 0,
  499.               'index'  => 1,
  500.               'first'  => true,
  501.             ];
  502.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  503.                 $length = count($context['_seq']);
  504.                 $context['loop']['revindex0'] = $length - 1;
  505.                 $context['loop']['revindex'] = $length;
  506.                 $context['loop']['length'] = $length;
  507.                 $context['loop']['last'] = 1 === $length;
  508.             }
  509.             foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
  510.                 // line 49
  511.                 yield "                                        <th scope=\"col\" class=\"px-4 py-2 font-normal text-left text-gray-900 lg:px-6 lg:py-4 ";
  512.                 yield (((CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 49) > 2)) ? ("hidden lg:table-cell") : (""));
  513.                 yield "\">
  514.                                             ";
  515.                 // line 50
  516.                 yield ((CoreExtension::getAttribute($this->env, $this->source, $context["property"], "title", [], "any", false, false, true, 50)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "title", [], "any", false, false, true, 50), 50, $this->source), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "key", [], "any", false, false, true, 50), 50, $this->source), "html", null, true)));
  517.                 yield "
  518.                                         </th>
  519.                                     ";
  520.                 ++$context['loop']['index0'];
  521.                 ++$context['loop']['index'];
  522.                 $context['loop']['first'] = false;
  523.                 if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  524.                     --$context['loop']['revindex0'];
  525.                     --$context['loop']['revindex'];
  526.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  527.                 }
  528.             }
  529.             $_parent = $context['_parent'];
  530.             unset($context['_seq'], $context['_key'], $context['property'], $context['_parent'], $context['loop']);
  531.             $context = array_intersect_key($context, $_parent) + $_parent;
  532.             // line 53
  533.             yield "                                    <th class=\"hidden lg:table-cell\">
  534.                                         <!-- info -->
  535.                                     </th>
  536.                                     <th class=\"hidden lg:table-cell\">
  537.                                         <!-- button -->
  538.                                     </th>
  539.                                     <th>
  540.                                         <!-- chevron  -->
  541.                                     </th>
  542.                                 </tr>
  543.                             </thead>
  545.                             ";
  546.             // line 66
  547.             yield "                            <tbody class=\"gap-6\" x-data=\"{ rowOpen: false }\">
  548.                                 ";
  549.             // line 67
  550.             $context['_parent'] = $context;
  551.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["selectedProducts"]) || array_key_exists("selectedProducts", $context) ? $context["selectedProducts"] : (function () { throw new RuntimeError('Variable "selectedProducts" does not exist.', 67, $this->source); })()));
  552.             $context['loop'] = [
  553.               'parent' => $context['_parent'],
  554.               'index0' => 0,
  555.               'index'  => 1,
  556.               'first'  => true,
  557.             ];
  558.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  559.                 $length = count($context['_seq']);
  560.                 $context['loop']['revindex0'] = $length - 1;
  561.                 $context['loop']['revindex'] = $length;
  562.                 $context['loop']['length'] = $length;
  563.                 $context['loop']['last'] = 1 === $length;
  564.             }
  565.             foreach ($context['_seq'] as $context["_key"] => $context["product"]) {
  566.                 // line 68
  567.                 yield "                                    <tr
  568.                                         x-description=\"Odd row\"
  569.                                         class=\"bg-white border-t-8 border-blue-200 lg:border-t-0\"
  570.                                         ";
  571.                 // line 71
  572.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 71) >= (isset($context["shownSpecsOnInitialLoad"]) || array_key_exists("shownSpecsOnInitialLoad", $context) ? $context["shownSpecsOnInitialLoad"] : (function () { throw new RuntimeError('Variable "shownSpecsOnInitialLoad" does not exist.', 71, $this->source); })()))) {
  573.                     // line 72
  574.                     yield "                                            :class=\"tableOpen ? '' : 'hidden'\"
  575.                                         ";
  576.                 }
  577.                 // line 74
  578.                 yield "                                    >
  579.                                         ";
  580.                 // line 76
  581.                 yield "                                        <td class=\"px-4 py-5 mb-4 font-bold leading-4 text-md lg:text-xl lg:px-6 lg:py-4 lg:rounded-l-md whitespace-nowrap\">
  582.                                             <a href=\"";
  583.                 // line 77
  584.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\UrlExtension']->trimUrl($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "page", [], "any", false, false, true, 77), "url", [], "any", false, false, true, 77), 77, $this->source)), "html", null, true);
  585.                 yield "\">
  586.                                                 <span class=\"hidden md:inline-block\">";
  587.                 // line 78
  588.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["product"], "name", [], "any", false, false, true, 78), 78, $this->source), "html", null, true);
  589.                 yield "</span> <span class=\"text-blue\">";
  590.                 yield (((CoreExtension::getAttribute($this->env, $this->source, $context["product"], "code", [], "any", true, true, true, 78) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, $context["product"], "code", [], "any", false, false, true, 78)))) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["product"], "code", [], "any", false, false, true, 78), 78, $this->source), "html", null, true)) : (""));
  591.                 yield "</span>
  592.                                             </a>
  593.                                         </td>
  594.                                         ";
  595.                 // line 87
  596.                 yield "                                        ";
  597.                 $context["customCounter"] = 0;
  598.                 // line 88
  599.                 yield "                                        ";
  600.                 $context['_parent'] = $context;
  601.                 $context['_seq'] = CoreExtension::ensureTraversable((((isset($context["selectedProperties"]) || array_key_exists("selectedProperties", $context) ? $context["selectedProperties"] : (function () { throw new RuntimeError('Variable "selectedProperties" does not exist.', 88, $this->source); })())) ? ($context["selectedProperties"]) : ([])));
  602.                 foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
  603.                     // line 89
  604.                     yield "                                            ";
  605.                     $context["found"] = false;
  606.                     // line 90
  607.                     yield "
  608.                                             ";
  609.                     // line 91
  610.                     $context['_parent'] = $context;
  611.                     $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::filter($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "specifications", [], "any", false, false, true, 91), function ($__s__) use ($context, $macros) { $context["s"] = $__s__; return CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["s"]) || array_key_exists("s", $context) ? $context["s"] : (function () { throw new RuntimeError('Variable "s" does not exist.', 91, $this->source); })()), "specification_property", [], "any", false, false, true, 91), "data", [], "any", false, false, true, 91), "publicly_visible", [], "any", false, false, true, 91); }));
  612.                     foreach ($context['_seq'] as $context["_key"] => $context["spec"]) {
  613.                         // line 92
  614.                         yield "                                                ";
  615.                         $context["specificationObject"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["spec"], "specification_property", [], "any", false, false, true, 92), "data", [], "any", false, false, true, 92);
  616.                         // line 93
  617.                         yield "                                                ";
  618.                         if ((CoreExtension::getAttribute($this->env, $this->source, (isset($context["specificationObject"]) || array_key_exists("specificationObject", $context) ? $context["specificationObject"] : (function () { throw new RuntimeError('Variable "specificationObject" does not exist.', 93, $this->source); })()), "id", [], "any", false, false, true, 93) == CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, true, 93))) {
  619.                             // line 94
  620.                             yield "                                                    ";
  621.                             $context["found"] = true;
  622.                             // line 95
  623.                             yield "                                                    ";
  624.                             $context["customCounter"] = ((isset($context["customCounter"]) || array_key_exists("customCounter", $context) ? $context["customCounter"] : (function () { throw new RuntimeError('Variable "customCounter" does not exist.', 95, $this->source); })()) + 1);
  625.                             // line 96
  626.                             yield "                                                    ";
  627.                             // line 97
  628.                             yield "                                                    <td class=\"px-4 py-4 leading-4 lg:px-6 lg:py-4  whitespace-nowrap ";
  629.                             yield ((((isset($context["customCounter"]) || array_key_exists("customCounter", $context) ? $context["customCounter"] : (function () { throw new RuntimeError('Variable "customCounter" does not exist.', 97, $this->source); })()) > 2)) ? ("hidden lg:table-cell") : (""));
  630.                             yield "\">
  631.                                                         ";
  632.                             // line 98
  633.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["spec"], "specification_value", [], "any", false, false, true, 98), "data", [], "any", false, false, true, 98), 98, $this->source), "html", null, true);
  634.                             yield " ";
  635.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, (isset($context["specificationObject"]) || array_key_exists("specificationObject", $context) ? $context["specificationObject"] : (function () { throw new RuntimeError('Variable "specificationObject" does not exist.', 98, $this->source); })()), "unit", [], "any", false, false, true, 98), 98, $this->source), "html", null, true);
  636.                             yield "
  637.                                                     </td>
  638.                                                     ";
  639.                             // line 101
  640.                             yield "                                                    ";
  641.                             break 1;
  642.                             // line 102
  643.                             yield "                                                ";
  644.                         }
  645.                         // line 103
  646.                         yield "                                            ";
  647.                     }
  648.                     $_parent = $context['_parent'];
  649.                     unset($context['_seq'], $context['_key'], $context['spec'], $context['_parent']);
  650.                     $context = array_intersect_key($context, $_parent) + $_parent;
  651.                     // line 104
  652.                     yield "                                            ";
  653.                     if ( !(isset($context["found"]) || array_key_exists("found", $context) ? $context["found"] : (function () { throw new RuntimeError('Variable "found" does not exist.', 104, $this->source); })())) {
  654.                         // line 105
  655.                         yield "                                                ";
  656.                         $context["customCounter"] = ((isset($context["customCounter"]) || array_key_exists("customCounter", $context) ? $context["customCounter"] : (function () { throw new RuntimeError('Variable "customCounter" does not exist.', 105, $this->source); })()) + 1);
  657.                         // line 106
  658.                         yield "                                                <td class=\"";
  659.                         yield ((((isset($context["customCounter"]) || array_key_exists("customCounter", $context) ? $context["customCounter"] : (function () { throw new RuntimeError('Variable "customCounter" does not exist.', 106, $this->source); })()) > 2)) ? ("hidden lg:table-cell") : (""));
  660.                         yield "\">
  661.                                                     <!-- empty -->
  662.                                                 </td>
  663.                                             ";
  664.                     }
  665.                     // line 110
  666.                     yield "                                        ";
  667.                 }
  668.                 $_parent = $context['_parent'];
  669.                 unset($context['_seq'], $context['_key'], $context['property'], $context['_parent']);
  670.                 $context = array_intersect_key($context, $_parent) + $_parent;
  671.                 // line 111
  672.                 yield "
  673.                                         <td class=\"hidden px-4 py-2 lg:px-6 lg:py-4 lg:table-cell lg:rounded-r-md\">
  674.                                             ";
  675.                 // line 113
  676.                 yield from $this->loadTemplate("includes/partials/_rental-form.html.twig", "areas/product-table-brick/view.html.twig", 113)->unwrap()->yield(CoreExtension::merge($context, ["buttonText" => $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Offerte aanvragen"), "buttonClass" => "button button__green", "trackButtonId" => "conversion_rentnow", "requestUrl" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source,                 // line 117
  677. (isset($context["data"]) || array_key_exists("data", $context) ? $context["data"] : (function () { throw new RuntimeError('Variable "data" does not exist.', 117, $this->source); })()), "request", [], "any", false, false, true, 117), "url", [], "any", false, false, true, 117)]));
  678.                 // line 119
  679.                 yield "                                        </td>
  680.                                         <td class=\"content-end px-4 py-2 text-right md:hidden lg:px-6 lg:py-4 group \">
  681.                                             <div
  682.                                                 class=\"inline-flex items-center justify-center w-8 h-8 bg-gray-200 rounded-full cursor-pointer text-blue group-hover:bg-blue group-hover:text-white lg:hidden\"
  683.                                                 :class=\"(rowOpen == ";
  684.                 // line 123
  685.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 123), 123, $this->source), "html", null, true);
  686.                 yield ") ? '-rotate-90' : 'rotate-90'\"
  687.                                                 @click=\"(rowOpen == ";
  688.                 // line 124
  689.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 124), 124, $this->source), "html", null, true);
  690.                 yield ") ? rowOpen = false : rowOpen = ";
  691.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 124), 124, $this->source), "html", null, true);
  692.                 yield "\"
  693.                                             >
  694.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"16\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m2.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L2.406.343A1.206 1.206 0 0 0 .657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L6.731 8 .722 13.807a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"/></svg>
  695.                                             </div>
  696.                                         </td>
  697.                                     </tr>
  698.                                     <tr
  699.                                         class=\"bg-white border-2 rounded-md lg:hidden\"
  700.                                         :class=\"(rowOpen == ";
  701.                 // line 132
  702.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 132), 132, $this->source), "html", null, true);
  703.                 yield ") ? 'table-row' : 'hidden'\"
  704.                                     >
  705.                                         <td colspan=\"4\" class=\"px-4 pt-6 pb-6 text-sm\">
  706.                                             ";
  707.                 // line 135
  708.                 $context['_parent'] = $context;
  709.                 $context['_seq'] = CoreExtension::ensureTraversable((((isset($context["selectedProperties"]) || array_key_exists("selectedProperties", $context) ? $context["selectedProperties"] : (function () { throw new RuntimeError('Variable "selectedProperties" does not exist.', 135, $this->source); })())) ? ($context["selectedProperties"]) : ([])));
  710.                 $context['loop'] = [
  711.                   'parent' => $context['_parent'],
  712.                   'index0' => 0,
  713.                   'index'  => 1,
  714.                   'first'  => true,
  715.                 ];
  716.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  717.                     $length = count($context['_seq']);
  718.                     $context['loop']['revindex0'] = $length - 1;
  719.                     $context['loop']['revindex'] = $length;
  720.                     $context['loop']['length'] = $length;
  721.                     $context['loop']['last'] = 1 === $length;
  722.                 }
  723.                 foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
  724.                     // line 136
  725.                     yield "                                                ";
  726.                     if ((CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 136) > 2)) {
  727.                         // line 137
  728.                         yield "                                                    <div class=\"flex justify-between py-1\">
  729.                                                         <span>";
  730.                         // line 138
  731.                         yield ((CoreExtension::getAttribute($this->env, $this->source, $context["property"], "title", [], "any", false, false, true, 138)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "title", [], "any", false, false, true, 138), 138, $this->source), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, $context["property"], "key", [], "any", false, false, true, 138), 138, $this->source), "html", null, true)));
  732.                         yield "</span>
  733.                                                         <span class=\"text-right text-blue\">
  734.                                                             ";
  735.                         // line 140
  736.                         $context["customCounter"] = 0;
  737.                         // line 141
  738.                         yield "                                                            ";
  739.                         $context["found"] = false;
  740.                         // line 142
  741.                         yield "                                                            ";
  742.                         $context['_parent'] = $context;
  743.                         $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::filter($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "specifications", [], "any", false, false, true, 142), function ($__s__) use ($context, $macros) { $context["s"] = $__s__; return CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["s"]) || array_key_exists("s", $context) ? $context["s"] : (function () { throw new RuntimeError('Variable "s" does not exist.', 142, $this->source); })()), "specification_property", [], "any", false, false, true, 142), "data", [], "any", false, false, true, 142), "publicly_visible", [], "any", false, false, true, 142); }));
  744.                         foreach ($context['_seq'] as $context["_key"] => $context["spec"]) {
  745.                             // line 143
  746.                             yield "                                                                ";
  747.                             $context["specificationObject"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["spec"], "specification_property", [], "any", false, false, true, 143), "data", [], "any", false, false, true, 143);
  748.                             // line 144
  749.                             yield "                                                                ";
  750.                             if ((CoreExtension::getAttribute($this->env, $this->source, (isset($context["specificationObject"]) || array_key_exists("specificationObject", $context) ? $context["specificationObject"] : (function () { throw new RuntimeError('Variable "specificationObject" does not exist.', 144, $this->source); })()), "id", [], "any", false, false, true, 144) == CoreExtension::getAttribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, true, 144))) {
  751.                                 // line 145
  752.                                 yield "                                                                    ";
  753.                                 $context["found"] = true;
  754.                                 // line 146
  755.                                 yield "                                                                    ";
  756.                                 $context["customCounter"] = ((isset($context["customCounter"]) || array_key_exists("customCounter", $context) ? $context["customCounter"] : (function () { throw new RuntimeError('Variable "customCounter" does not exist.', 146, $this->source); })()) + 1);
  757.                                 // line 147
  758.                                 yield "                                                                    ";
  759.                                 // line 148
  760.                                 yield "                                                                    <div class=\" ";
  761.                                 yield ((((isset($context["customCounter"]) || array_key_exists("customCounter", $context) ? $context["customCounter"] : (function () { throw new RuntimeError('Variable "customCounter" does not exist.', 148, $this->source); })()) > 2)) ? ("") : (""));
  762.                                 yield "\">
  763.                                                                         ";
  764.                                 // line 149
  765.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["spec"], "specification_value", [], "any", false, false, true, 149), "data", [], "any", false, false, true, 149), 149, $this->source), "html", null, true);
  766.                                 yield " ";
  767.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, (isset($context["specificationObject"]) || array_key_exists("specificationObject", $context) ? $context["specificationObject"] : (function () { throw new RuntimeError('Variable "specificationObject" does not exist.', 149, $this->source); })()), "unit", [], "any", false, false, true, 149), 149, $this->source), "html", null, true);
  768.                                 yield "
  769.                                                                     </div>
  770.                                                                     ";
  771.                                 // line 152
  772.                                 yield "                                                                    ";
  773.                                 break 1;
  774.                                 // line 153
  775.                                 yield "                                                                ";
  776.                             }
  777.                             // line 154
  778.                             yield "                                                            ";
  779.                         }
  780.                         $_parent = $context['_parent'];
  781.                         unset($context['_seq'], $context['_key'], $context['spec'], $context['_parent']);
  782.                         $context = array_intersect_key($context, $_parent) + $_parent;
  783.                         // line 155
  784.                         yield "                                                        </span>
  785.                                                     </div>
  786.                                                 ";
  787.                     }
  788.                     // line 158
  789.                     yield "                                            ";
  790.                     ++$context['loop']['index0'];
  791.                     ++$context['loop']['index'];
  792.                     $context['loop']['first'] = false;
  793.                     if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  794.                         --$context['loop']['revindex0'];
  795.                         --$context['loop']['revindex'];
  796.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  797.                     }
  798.                 }
  799.                 $_parent = $context['_parent'];
  800.                 unset($context['_seq'], $context['_key'], $context['property'], $context['_parent'], $context['loop']);
  801.                 $context = array_intersect_key($context, $_parent) + $_parent;
  802.                 // line 159
  803.                 yield "
  804.                                             <div class=\"lg:py-1.5 hidden lg:flex lg:justify-between \">
  805.                                                 <span>";
  806.                 // line 161
  807.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Meer informatie"), "html", null, true);
  808.                 yield "</span>
  809.                                                 <span class=\"relative text-right text-blue\" x-data=\"{ tooltipOpen: false }\">
  810.                                                     <span
  811.                                                         class=\"cursor-pointer\"
  812.                                                         @click=\"tooltipOpen = !tooltipOpen\"
  813.                                                         @click.outside=\"tooltipOpen = false\"
  814.                                                     >
  815.                                                         <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"#0072BB\" fill-rule=\"evenodd\" d=\"M8.036 5.235c.433 0 .747-.081.942-.244.196-.162.294-.418.294-.767 0-.358-.098-.618-.294-.78-.195-.163-.51-.244-.942-.244-.433 0-.747.081-.943.243-.195.163-.293.423-.293.78 0 .35.098.606.293.768.196.163.51.244.943.244Zm1.06 6.965V5.959H6.976V12.2h2.122ZM8 14.4A6.4 6.4 0 1 1 14.4 8 6.407 6.407 0 0 1 8 14.4ZM0 8a8 8 0 0 0 16 0 8.009 8.009 0 0 0-8-8 8 8 0 0 0-8 8Z\"/></svg>
  816.                                                     </span>
  817.                                                     <div
  818.                                                         class=\"absolute right-0 z-10 w-64 p-4 bg-white rounded shadow-lg top-5\"
  819.                                                         :class=\"tooltipOpen ? 'block' : 'hidden'\"
  820.                                                     >
  821.                                                         <span class=\"text-sm leading-6 text-gray-900\">
  822.                                                             ";
  823.                 // line 175
  824.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Onze specialisten zorgen voor een passende oplossing, vrijblijvend advies en afstemming met u."), "html", null, true);
  825.                 yield "
  826.                                                         </span>
  827.                                                     </div>
  828.                                                 </span>
  829.                                             </div>
  831.                                             <div class=\"mt-4\">
  832.                                                 ";
  833.                 // line 182
  834.                 yield from $this->loadTemplate("includes/partials/_rental-form.html.twig", "areas/product-table-brick/view.html.twig", 182)->unwrap()->yield(CoreExtension::merge($context, ["buttonText" => $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Offerte aanvragen"), "buttonClass" => "button button__green", "trackButtonId" => "conversion_rentnow", "requestUrl" => (((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source,                 // line 186
  835. ($context["data"] ?? null), "request", [], "any", false, true, true, 186), "url", [], "any", true, true, true, 186) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "request", [], "any", false, true, true, 186), "url", [], "any", false, false, true, 186)))) ? (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "request", [], "any", false, true, true, 186), "url", [], "any", false, false, true, 186)) : (null))]));
  836.                 // line 188
  837.                 yield "                                                <a href=\"";
  838.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\UrlExtension']->trimUrl($this->sandbox->ensureToStringAllowed(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "page", [], "any", false, false, true, 188), "url", [], "any", false, false, true, 188), 188, $this->source)), "html", null, true);
  839.                 yield "\" class=\"items-center justify-center !hidden lg:flex button button__secondary\">
  840.                                                     Meer informatie
  841.                                                     <span class=\"flex items-center justify-center w-6 h-6 ml-3 bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white\">
  842.                                                     <svg class=\"h-3.5 w-3.5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">
  843.                                                             <path fill=\"currentColor\" fill-rule=\"currentColor\" d=\"m6.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L6.406.343A1.206 1.206 0 0 0 4.657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L10.731 8l-6.008 5.806a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"></path>
  844.                                                         </svg>
  845.                                                     </span>
  846.                                                 </a>
  847.                                             </div>
  849.                                         </td>
  850.                                     </tr>
  852.                                     ";
  853.                 // line 201
  854.                 $context["showReadMoreSpecsButton"] = (CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 201) > (isset($context["shownSpecsOnInitialLoad"]) || array_key_exists("shownSpecsOnInitialLoad", $context) ? $context["shownSpecsOnInitialLoad"] : (function () { throw new RuntimeError('Variable "shownSpecsOnInitialLoad" does not exist.', 201, $this->source); })()));
  855.                 // line 202
  856.                 yield "                                ";
  857.                 ++$context['loop']['index0'];
  858.                 ++$context['loop']['index'];
  859.                 $context['loop']['first'] = false;
  860.                 if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  861.                     --$context['loop']['revindex0'];
  862.                     --$context['loop']['revindex'];
  863.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  864.                 }
  865.             }
  866.             $_parent = $context['_parent'];
  867.             unset($context['_seq'], $context['_key'], $context['product'], $context['_parent'], $context['loop']);
  868.             $context = array_intersect_key($context, $_parent) + $_parent;
  869.             // line 203
  870.             yield "                            </tbody>
  871.                         </table>
  872.                     </div>
  875.                     ";
  876.             // line 209
  877.             yield "                    ";
  878.             if (((isset($context["showReadMoreSpecsButton"]) || array_key_exists("showReadMoreSpecsButton", $context) ? $context["showReadMoreSpecsButton"] : (function () { throw new RuntimeError('Variable "showReadMoreSpecsButton" does not exist.', 209, $this->source); })()) &&  !array_key_exists("printmode", $context))) {
  879.                 // line 210
  880.                 yield "                        <div class=\"flex justify-center w-full mt-6 \">
  881.                             <button
  882.                                 class=\"button button__secondary group\"
  883.                                 @click=\"tableOpen = !tableOpen\"
  884.                             >
  885.                                 <span class=\"flex w-6 h-6 mr-3 transition-all bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white \">
  886.                                     <span class=\"flex items-center justify-center w-full h-full \">
  887.                                         <svg
  888.                                             x-show=\"!tableOpen\"
  889.                                             class=\"w-3.5\"
  890.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M6.68 0h.024a.929.929 0 0 1 .916.915l.07 4.994 4.994.07a.93.93 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024l-4.995-.07.07 4.995a.878.878 0 0 1-.89.89.93.93 0 0 1-.915-.916L5.91 7.69.914 7.62A.93.93 0 0 1 0 6.704a.878.878 0 0 1 .89-.89l4.994.07L5.814.89A.878.878 0 0 1 6.68 0Z\"/>
  891.                                         </svg>
  892.                                         <svg
  893.                                             x-show=\"tableOpen\"
  894.                                             class=\"w-3.5\"
  895.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 3\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M12.684.979a.929.929 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024L.915 2.62A.929.929 0 0 1 0 1.704a.878.878 0 0 1 .89-.89l11.794.165Z\"/>
  896.                                         </svg>
  897.                                     </span>
  898.                                 </span>
  899.                                 <span x-show=\"!tableOpen\">
  900.                                     ";
  901.                 // line 230
  902.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Meer {{ productCategory }} tonen", ["{{ productCategory }}" => $this->extensions['App\Twig\CustomLowercaseExtension']->customLowercase(((CoreExtension::getAttribute($this->env, $this->source, (isset($context["productCategory"]) || array_key_exists("productCategory", $context) ? $context["productCategory"] : (function () { throw new RuntimeError('Variable "productCategory" does not exist.', 230, $this->source); })()), "name", [], "any", false, false, true, 230)) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["productCategory"]) || array_key_exists("productCategory", $context) ? $context["productCategory"] : (function () { throw new RuntimeError('Variable "productCategory" does not exist.', 230, $this->source); })()), "name", [], "any", false, false, true, 230)) : (CoreExtension::getAttribute($this->env, $this->source, (isset($context["productCategory"]) || array_key_exists("productCategory", $context) ? $context["productCategory"] : (function () { throw new RuntimeError('Variable "productCategory" does not exist.', 230, $this->source); })()), "key", [], "any", false, false, true, 230))))]), "html", null, true);
  903.                 yield "
  904.                                 </span>
  905.                                 <span x-show=\"tableOpen\">
  906.                                     ";
  907.                 // line 233
  908.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Minder {{ productCategory }} tonen", ["{{ productCategory }}" => $this->extensions['App\Twig\CustomLowercaseExtension']->customLowercase(((CoreExtension::getAttribute($this->env, $this->source, (isset($context["productCategory"]) || array_key_exists("productCategory", $context) ? $context["productCategory"] : (function () { throw new RuntimeError('Variable "productCategory" does not exist.', 233, $this->source); })()), "name", [], "any", false, false, true, 233)) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["productCategory"]) || array_key_exists("productCategory", $context) ? $context["productCategory"] : (function () { throw new RuntimeError('Variable "productCategory" does not exist.', 233, $this->source); })()), "name", [], "any", false, false, true, 233)) : (CoreExtension::getAttribute($this->env, $this->source, (isset($context["productCategory"]) || array_key_exists("productCategory", $context) ? $context["productCategory"] : (function () { throw new RuntimeError('Variable "productCategory" does not exist.', 233, $this->source); })()), "key", [], "any", false, false, true, 233))))]), "html", null, true);
  909.                 yield "
  910.                                 </span>
  911.                             </button>
  912.                         </div>
  913.                     ";
  914.             }
  915.             // line 238
  916.             yield "
  917.                 </div>
  918.             </section>
  919.         ";
  920.         }
  921.         // line 242
  922.         yield "
  924.     ";
  925.         
  926.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  928.         
  929.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  931.         yield from [];
  932.     }
  934.     /**
  935.      * @codeCoverageIgnore
  936.      */
  937.     public function getTemplateName(): string
  938.     {
  939.         return "areas/product-table-brick/view.html.twig";
  940.     }
  942.     /**
  943.      * @codeCoverageIgnore
  944.      */
  945.     public function isTraitable(): bool
  946.     {
  947.         return false;
  948.     }
  950.     /**
  951.      * @codeCoverageIgnore
  952.      */
  953.     public function getDebugInfo(): array
  954.     {
  955.         return array (  922 => 242,  916 => 238,  908 => 233,  902 => 230,  880 => 210,  877 => 209,  870 => 203,  856 => 202,  854 => 201,  837 => 188,  835 => 186,  834 => 182,  824 => 175,  807 => 161,  803 => 159,  789 => 158,  784 => 155,  778 => 154,  775 => 153,  772 => 152,  765 => 149,  760 => 148,  758 => 147,  755 => 146,  752 => 145,  749 => 144,  746 => 143,  741 => 142,  738 => 141,  736 => 140,  731 => 138,  728 => 137,  725 => 136,  708 => 135,  702 => 132,  689 => 124,  685 => 123,  679 => 119,  677 => 117,  676 => 113,  672 => 111,  666 => 110,  658 => 106,  655 => 105,  652 => 104,  646 => 103,  643 => 102,  640 => 101,  633 => 98,  628 => 97,  626 => 96,  623 => 95,  620 => 94,  617 => 93,  614 => 92,  610 => 91,  607 => 90,  604 => 89,  599 => 88,  596 => 87,  588 => 78,  584 => 77,  581 => 76,  578 => 74,  574 => 72,  572 => 71,  567 => 68,  550 => 67,  547 => 66,  533 => 53,  516 => 50,  511 => 49,  494 => 48,  487 => 43,  482 => 39,  479 => 38,  476 => 37,  470 => 29,  468 => 28,  462 => 24,  459 => 23,  456 => 19,  454 => 18,  449 => 15,  446 => 14,  443 => 13,  440 => 9,  437 => 8,  435 => 7,  432 => 6,  419 => 5,  57 => 4,  54 => 3,  52 => 2,  50 => 1,);
  956.     }
  958.     public function getSourceContext(): Source
  959.     {
  960.         return new Source("{% set selectedProducts = pimcore_relations('selectedProducts').getData() %}
  961. {% set selectedProperties = pimcore_relations('selectedProperties').getData() %}
  963. {% embed 'app/area-brick-layout.html.twig' %}
  964.     {% block content %}
  966.         {% if selectedProducts is empty %}
  967.             {% if editmode %}
  968.                 {% embed 'app/editmodenotice.html.twig' %}
  969.                     {% block title %} Nog geen alternatieve producten geselecteerd. {% endblock %}
  970.                     {% block information %} Kies alternatieve producten middels het potloodje. {% endblock %}
  971.                 {% endembed %}
  972.             {% endif %}
  973.         {% else %}
  974.             <section class=\"py-10 bg-blue-200 lg:py-20\" x-data=\"{ tableOpen: false }\">
  975.                 <div class=\"overflow-hidden lg:container\">
  977.                     {% if editmode and selectedProperties is empty %}
  978.                         {% embed 'app/editmodenotice.html.twig' %}
  979.                             {% block title %} Nog geen producteneigenschappen geselecteerd. {% endblock %}
  980.                             {% block information %} Kies producteneigenschappen middels het potloodje {% endblock %}
  981.                         {% endembed %}
  982.                     {% endif %}
  984.                     <div class=\"grid grid-cols-12 gap-6\">
  985.                         <div class=\"col-span-12\">
  986.                             <h2 class=\"mb-4 text-2xl text-center md:text-3xl lg:text-4xl\">
  987.                                 {% include 'areas/unique-selling-point-brick/partials/_title.html.twig' %}
  988.                             </h2>
  989.                         </div>
  990.                     </div>
  992.                     {#
  993.                     Here we set the maxinum amount of specs that are shown on initial page load.
  994.                     If there are more then this amount then those will be hidden, a button will then be shown
  995.                     #}
  996.                     {% set shownSpecsOnInitialLoad = 8 %}
  997.                     {% set showReadMoreSpecsButton = false %}
  999.                     <div class=\"px-0 overflow-x-auto lg:pb-6 lg:pr-6 \">
  1000.                         <table class=\"w-full lg:border-separate text-md lg:text-base lg:border-slate-500 lg:border-spacing-2\" >
  1001.                             {# First, we generate the table header based on the selected properties. #}
  1002.                             <thead class=\"bg-gray-50\">
  1003.                                 <tr>
  1004.                                     <th>
  1005.                                         <!-- title -->
  1006.                                     </th>
  1007.                                     {% for property in selectedProperties ?: [] %}
  1008.                                         <th scope=\"col\" class=\"px-4 py-2 font-normal text-left text-gray-900 lg:px-6 lg:py-4 {{ loop.index > 2 ? 'hidden lg:table-cell' : '' }}\">
  1009.                                             {{ property.title ?: property.key }}
  1010.                                         </th>
  1011.                                     {% endfor %}
  1012.                                     <th class=\"hidden lg:table-cell\">
  1013.                                         <!-- info -->
  1014.                                     </th>
  1015.                                     <th class=\"hidden lg:table-cell\">
  1016.                                         <!-- button -->
  1017.                                     </th>
  1018.                                     <th>
  1019.                                         <!-- chevron  -->
  1020.                                     </th>
  1021.                                 </tr>
  1022.                             </thead>
  1024.                             {# then, we will output the product-rows #}
  1025.                             <tbody class=\"gap-6\" x-data=\"{ rowOpen: false }\">
  1026.                                 {% for product in selectedProducts %}
  1027.                                     <tr
  1028.                                         x-description=\"Odd row\"
  1029.                                         class=\"bg-white border-t-8 border-blue-200 lg:border-t-0\"
  1030.                                         {% if loop.index >= shownSpecsOnInitialLoad %}
  1031.                                             :class=\"tableOpen ? '' : 'hidden'\"
  1032.                                         {% endif %}
  1033.                                     >
  1034.                                         {# Output the product title as the first column in this row #}
  1035.                                         <td class=\"px-4 py-5 mb-4 font-bold leading-4 text-md lg:text-xl lg:px-6 lg:py-4 lg:rounded-l-md whitespace-nowrap\">
  1036.                                             <a href=\"{{ product.page.url | trimUrl }}\">
  1037.                                                 <span class=\"hidden md:inline-block\">{{ product.name }}</span> <span class=\"text-blue\">{{ product.code ?? \"\" }}</span>
  1038.                                             </a>
  1039.                                         </td>
  1040.                                         {#
  1041.                                         then we will loop through all the selected properties...
  1042.                                         We always render a column for each selected property, we do this to maintain table-like
  1043.                                         formatting. In case a selected spec to highlight does not exist in a product
  1044.                                         we will simply show an empty column for that product :)
  1045.                                         #}
  1046.                                         {% set customCounter = 0 %}
  1047.                                         {% for property in selectedProperties ?: [] %}
  1048.                                             {% set found = false %}
  1050.                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  1051.                                                 {% set specificationObject = spec.specification_property.data %}
  1052.                                                 {% if specificationObject.id == property.id %}
  1053.                                                     {% set found = true %}
  1054.                                                     {% set customCounter = customCounter + 1 %}
  1055.                                                     {# Output the specification value and unit to this row #}
  1056.                                                     <td class=\"px-4 py-4 leading-4 lg:px-6 lg:py-4  whitespace-nowrap {{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  1057.                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  1058.                                                     </td>
  1059.                                                     {# skip the rest of the spec-for-loop when entry is found #}
  1060.                                                     {% break %}
  1061.                                                 {% endif %}
  1062.                                             {% endfor %}
  1063.                                             {% if not found %}
  1064.                                                 {% set customCounter = customCounter + 1 %}
  1065.                                                 <td class=\"{{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  1066.                                                     <!-- empty -->
  1067.                                                 </td>
  1068.                                             {% endif %}
  1069.                                         {% endfor %}
  1071.                                         <td class=\"hidden px-4 py-2 lg:px-6 lg:py-4 lg:table-cell lg:rounded-r-md\">
  1072.                                             {% include 'includes/partials/_rental-form.html.twig' with {
  1073.                                                 buttonText: 'Offerte aanvragen'|trans,
  1074.                                                 buttonClass: 'button button__green',
  1075.                                                 trackButtonId: 'conversion_rentnow',
  1076.                                                 requestUrl: data.request.url
  1077.                                             } %}
  1078.                                         </td>
  1079.                                         <td class=\"content-end px-4 py-2 text-right md:hidden lg:px-6 lg:py-4 group \">
  1080.                                             <div
  1081.                                                 class=\"inline-flex items-center justify-center w-8 h-8 bg-gray-200 rounded-full cursor-pointer text-blue group-hover:bg-blue group-hover:text-white lg:hidden\"
  1082.                                                 :class=\"(rowOpen == {{loop.index}}) ? '-rotate-90' : 'rotate-90'\"
  1083.                                                 @click=\"(rowOpen == {{loop.index}}) ? rowOpen = false : rowOpen = {{loop.index}}\"
  1084.                                             >
  1085.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"16\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m2.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L2.406.343A1.206 1.206 0 0 0 .657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L6.731 8 .722 13.807a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"/></svg>
  1086.                                             </div>
  1087.                                         </td>
  1088.                                     </tr>
  1089.                                     <tr
  1090.                                         class=\"bg-white border-2 rounded-md lg:hidden\"
  1091.                                         :class=\"(rowOpen == {{loop.index}}) ? 'table-row' : 'hidden'\"
  1092.                                     >
  1093.                                         <td colspan=\"4\" class=\"px-4 pt-6 pb-6 text-sm\">
  1094.                                             {% for property in selectedProperties ?: [] %}
  1095.                                                 {% if loop.index > 2 %}
  1096.                                                     <div class=\"flex justify-between py-1\">
  1097.                                                         <span>{{ property.title ?: property.key }}</span>
  1098.                                                         <span class=\"text-right text-blue\">
  1099.                                                             {% set customCounter = 0 %}
  1100.                                                             {% set found = false %}
  1101.                                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  1102.                                                                 {% set specificationObject = spec.specification_property.data %}
  1103.                                                                 {% if specificationObject.id == property.id %}
  1104.                                                                     {% set found = true %}
  1105.                                                                     {% set customCounter = customCounter + 1 %}
  1106.                                                                     {# Output the specification value and unit to this row #}
  1107.                                                                     <div class=\" {{ customCounter > 2 ? '' : '' }}\">
  1108.                                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  1109.                                                                     </div>
  1110.                                                                     {# skip the rest of the spec-for-loop when entry is found #}
  1111.                                                                     {% break %}
  1112.                                                                 {% endif %}
  1113.                                                             {% endfor %}
  1114.                                                         </span>
  1115.                                                     </div>
  1116.                                                 {% endif %}
  1117.                                             {% endfor %}
  1119.                                             <div class=\"lg:py-1.5 hidden lg:flex lg:justify-between \">
  1120.                                                 <span>{{ 'Meer informatie'|trans }}</span>
  1121.                                                 <span class=\"relative text-right text-blue\" x-data=\"{ tooltipOpen: false }\">
  1122.                                                     <span
  1123.                                                         class=\"cursor-pointer\"
  1124.                                                         @click=\"tooltipOpen = !tooltipOpen\"
  1125.                                                         @click.outside=\"tooltipOpen = false\"
  1126.                                                     >
  1127.                                                         <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"#0072BB\" fill-rule=\"evenodd\" d=\"M8.036 5.235c.433 0 .747-.081.942-.244.196-.162.294-.418.294-.767 0-.358-.098-.618-.294-.78-.195-.163-.51-.244-.942-.244-.433 0-.747.081-.943.243-.195.163-.293.423-.293.78 0 .35.098.606.293.768.196.163.51.244.943.244Zm1.06 6.965V5.959H6.976V12.2h2.122ZM8 14.4A6.4 6.4 0 1 1 14.4 8 6.407 6.407 0 0 1 8 14.4ZM0 8a8 8 0 0 0 16 0 8.009 8.009 0 0 0-8-8 8 8 0 0 0-8 8Z\"/></svg>
  1128.                                                     </span>
  1129.                                                     <div
  1130.                                                         class=\"absolute right-0 z-10 w-64 p-4 bg-white rounded shadow-lg top-5\"
  1131.                                                         :class=\"tooltipOpen ? 'block' : 'hidden'\"
  1132.                                                     >
  1133.                                                         <span class=\"text-sm leading-6 text-gray-900\">
  1134.                                                             {{ \"Onze specialisten zorgen voor een passende oplossing, vrijblijvend advies en afstemming met u.\"|trans }}
  1135.                                                         </span>
  1136.                                                     </div>
  1137.                                                 </span>
  1138.                                             </div>
  1140.                                             <div class=\"mt-4\">
  1141.                                                 {% include 'includes/partials/_rental-form.html.twig' with {
  1142.                                                     buttonText: 'Offerte aanvragen'|trans,
  1143.                                                     buttonClass: 'button button__green',
  1144.                                                     trackButtonId: 'conversion_rentnow',
  1145.                                                     requestUrl: data.request.url ?? null
  1146.                                                 } %}
  1147.                                                 <a href=\"{{ product.page.url | trimUrl }}\" class=\"items-center justify-center !hidden lg:flex button button__secondary\">
  1148.                                                     Meer informatie
  1149.                                                     <span class=\"flex items-center justify-center w-6 h-6 ml-3 bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white\">
  1150.                                                     <svg class=\"h-3.5 w-3.5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">
  1151.                                                             <path fill=\"currentColor\" fill-rule=\"currentColor\" d=\"m6.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L6.406.343A1.206 1.206 0 0 0 4.657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L10.731 8l-6.008 5.806a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"></path>
  1152.                                                         </svg>
  1153.                                                     </span>
  1154.                                                 </a>
  1155.                                             </div>
  1157.                                         </td>
  1158.                                     </tr>
  1160.                                     {% set showReadMoreSpecsButton = loop.index > shownSpecsOnInitialLoad %}
  1161.                                 {% endfor %}
  1162.                             </tbody>
  1163.                         </table>
  1164.                     </div>
  1167.                     {# never show this button when printing (printmode), even though there could be more specs. #}
  1168.                     {% if showReadMoreSpecsButton and printmode is not defined %}
  1169.                         <div class=\"flex justify-center w-full mt-6 \">
  1170.                             <button
  1171.                                 class=\"button button__secondary group\"
  1172.                                 @click=\"tableOpen = !tableOpen\"
  1173.                             >
  1174.                                 <span class=\"flex w-6 h-6 mr-3 transition-all bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white \">
  1175.                                     <span class=\"flex items-center justify-center w-full h-full \">
  1176.                                         <svg
  1177.                                             x-show=\"!tableOpen\"
  1178.                                             class=\"w-3.5\"
  1179.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M6.68 0h.024a.929.929 0 0 1 .916.915l.07 4.994 4.994.07a.93.93 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024l-4.995-.07.07 4.995a.878.878 0 0 1-.89.89.93.93 0 0 1-.915-.916L5.91 7.69.914 7.62A.93.93 0 0 1 0 6.704a.878.878 0 0 1 .89-.89l4.994.07L5.814.89A.878.878 0 0 1 6.68 0Z\"/>
  1180.                                         </svg>
  1181.                                         <svg
  1182.                                             x-show=\"tableOpen\"
  1183.                                             class=\"w-3.5\"
  1184.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 3\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M12.684.979a.929.929 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024L.915 2.62A.929.929 0 0 1 0 1.704a.878.878 0 0 1 .89-.89l11.794.165Z\"/>
  1185.                                         </svg>
  1186.                                     </span>
  1187.                                 </span>
  1188.                                 <span x-show=\"!tableOpen\">
  1189.                                     {{ ('Meer {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  1190.                                 </span>
  1191.                                 <span x-show=\"tableOpen\">
  1192.                                     {{ ('Minder {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  1193.                                 </span>
  1194.                             </button>
  1195.                         </div>
  1196.                     {% endif %}
  1198.                 </div>
  1199.             </section>
  1200.         {% endif %}
  1203.     {% endblock %}
  1204. {% endembed %}
  1205. ", "areas/product-table-brick/view.html.twig", "/home/forge/testing.coolworld.ptchr.dev/templates/areas/product-table-brick/view.html.twig");
  1206.     }
  1207.     
  1208.     public function checkSecurity()
  1209.     {
  1210.         static $tags = ["extends" => 4, "if" => 7, "embed" => 9, "include" => 28, "set" => 37, "for" => 48, "break" => 101];
  1211.         static $filters = ["escape" => 50, "trimUrl" => 77, "filter" => 91, "trans" => 114, "customLowercase" => 230];
  1212.         static $functions = [];
  1214.         try {
  1215.             $this->sandbox->checkSecurity(
  1216.                 ['extends', 'if', 'embed', 'include', 'set', 'for', 'break'],
  1217.                 ['escape', 'trimUrl', 'filter', 'trans', 'customLowercase'],
  1218.                 [],
  1219.                 $this->source
  1220.             );
  1221.         } catch (SecurityError $e) {
  1222.             $e->setSourceContext($this->source);
  1224.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  1225.                 $e->setTemplateLine($tags[$e->getTagName()]);
  1226.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  1227.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  1228.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  1229.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  1230.             }
  1232.             throw $e;
  1233.         }
  1235.     }
  1236. }
  1239. /* areas/product-table-brick/view.html.twig */
  1240. class __TwigTemplate_964436efdd695f14360fa08b2cf3902c17d3be5f381a4f2428e00f84021e5a25___2130027015 extends Template
  1241. {
  1242.     private Source $source;
  1243.     /**
  1244.      * @var array<string, Template>
  1245.      */
  1246.     private array $macros = [];
  1248.     public function __construct(Environment $env)
  1249.     {
  1250.         parent::__construct($env);
  1252.         $this->source = $this->getSourceContext();
  1254.         $this->blocks = [
  1255.             'title' => [$this, 'block_title'],
  1256.             'information' => [$this, 'block_information'],
  1257.         ];
  1258.         $this->sandbox = $this->extensions[SandboxExtension::class];
  1259.         $this->checkSecurity();
  1260.     }
  1262.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  1263.     {
  1264.         // line 9
  1265.         return "app/editmodenotice.html.twig";
  1266.     }
  1268.     protected function doDisplay(array $context, array $blocks = []): iterable
  1269.     {
  1270.         $macros = $this->macros;
  1271.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1272.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  1274.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1275.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  1277.         $this->parent = $this->loadTemplate("app/editmodenotice.html.twig", "areas/product-table-brick/view.html.twig", 9);
  1278.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  1279.         
  1280.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1282.         
  1283.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1285.     }
  1287.     // line 10
  1288.     /**
  1289.      * @return iterable<null|scalar|\Stringable>
  1290.      */
  1291.     public function block_title(array $context, array $blocks = []): iterable
  1292.     {
  1293.         $macros = $this->macros;
  1294.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1295.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1297.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1298.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1300.         yield " Nog geen alternatieve producten geselecteerd. ";
  1301.         
  1302.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1304.         
  1305.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1307.         yield from [];
  1308.     }
  1310.     // line 11
  1311.     /**
  1312.      * @return iterable<null|scalar|\Stringable>
  1313.      */
  1314.     public function block_information(array $context, array $blocks = []): iterable
  1315.     {
  1316.         $macros = $this->macros;
  1317.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1318.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "information"));
  1320.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1321.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "information"));
  1323.         yield " Kies alternatieve producten middels het potloodje. ";
  1324.         
  1325.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1327.         
  1328.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1330.         yield from [];
  1331.     }
  1333.     /**
  1334.      * @codeCoverageIgnore
  1335.      */
  1336.     public function getTemplateName(): string
  1337.     {
  1338.         return "areas/product-table-brick/view.html.twig";
  1339.     }
  1341.     /**
  1342.      * @codeCoverageIgnore
  1343.      */
  1344.     public function isTraitable(): bool
  1345.     {
  1346.         return false;
  1347.     }
  1349.     /**
  1350.      * @codeCoverageIgnore
  1351.      */
  1352.     public function getDebugInfo(): array
  1353.     {
  1354.         return array (  1311 => 11,  1288 => 10,  1265 => 9,  922 => 242,  916 => 238,  908 => 233,  902 => 230,  880 => 210,  877 => 209,  870 => 203,  856 => 202,  854 => 201,  837 => 188,  835 => 186,  834 => 182,  824 => 175,  807 => 161,  803 => 159,  789 => 158,  784 => 155,  778 => 154,  775 => 153,  772 => 152,  765 => 149,  760 => 148,  758 => 147,  755 => 146,  752 => 145,  749 => 144,  746 => 143,  741 => 142,  738 => 141,  736 => 140,  731 => 138,  728 => 137,  725 => 136,  708 => 135,  702 => 132,  689 => 124,  685 => 123,  679 => 119,  677 => 117,  676 => 113,  672 => 111,  666 => 110,  658 => 106,  655 => 105,  652 => 104,  646 => 103,  643 => 102,  640 => 101,  633 => 98,  628 => 97,  626 => 96,  623 => 95,  620 => 94,  617 => 93,  614 => 92,  610 => 91,  607 => 90,  604 => 89,  599 => 88,  596 => 87,  588 => 78,  584 => 77,  581 => 76,  578 => 74,  574 => 72,  572 => 71,  567 => 68,  550 => 67,  547 => 66,  533 => 53,  516 => 50,  511 => 49,  494 => 48,  487 => 43,  482 => 39,  479 => 38,  476 => 37,  470 => 29,  468 => 28,  462 => 24,  459 => 23,  456 => 19,  454 => 18,  449 => 15,  446 => 14,  443 => 13,  440 => 9,  437 => 8,  435 => 7,  432 => 6,  419 => 5,  57 => 4,  54 => 3,  52 => 2,  50 => 1,);
  1355.     }
  1357.     public function getSourceContext(): Source
  1358.     {
  1359.         return new Source("{% set selectedProducts = pimcore_relations('selectedProducts').getData() %}
  1360. {% set selectedProperties = pimcore_relations('selectedProperties').getData() %}
  1362. {% embed 'app/area-brick-layout.html.twig' %}
  1363.     {% block content %}
  1365.         {% if selectedProducts is empty %}
  1366.             {% if editmode %}
  1367.                 {% embed 'app/editmodenotice.html.twig' %}
  1368.                     {% block title %} Nog geen alternatieve producten geselecteerd. {% endblock %}
  1369.                     {% block information %} Kies alternatieve producten middels het potloodje. {% endblock %}
  1370.                 {% endembed %}
  1371.             {% endif %}
  1372.         {% else %}
  1373.             <section class=\"py-10 bg-blue-200 lg:py-20\" x-data=\"{ tableOpen: false }\">
  1374.                 <div class=\"overflow-hidden lg:container\">
  1376.                     {% if editmode and selectedProperties is empty %}
  1377.                         {% embed 'app/editmodenotice.html.twig' %}
  1378.                             {% block title %} Nog geen producteneigenschappen geselecteerd. {% endblock %}
  1379.                             {% block information %} Kies producteneigenschappen middels het potloodje {% endblock %}
  1380.                         {% endembed %}
  1381.                     {% endif %}
  1383.                     <div class=\"grid grid-cols-12 gap-6\">
  1384.                         <div class=\"col-span-12\">
  1385.                             <h2 class=\"mb-4 text-2xl text-center md:text-3xl lg:text-4xl\">
  1386.                                 {% include 'areas/unique-selling-point-brick/partials/_title.html.twig' %}
  1387.                             </h2>
  1388.                         </div>
  1389.                     </div>
  1391.                     {#
  1392.                     Here we set the maxinum amount of specs that are shown on initial page load.
  1393.                     If there are more then this amount then those will be hidden, a button will then be shown
  1394.                     #}
  1395.                     {% set shownSpecsOnInitialLoad = 8 %}
  1396.                     {% set showReadMoreSpecsButton = false %}
  1398.                     <div class=\"px-0 overflow-x-auto lg:pb-6 lg:pr-6 \">
  1399.                         <table class=\"w-full lg:border-separate text-md lg:text-base lg:border-slate-500 lg:border-spacing-2\" >
  1400.                             {# First, we generate the table header based on the selected properties. #}
  1401.                             <thead class=\"bg-gray-50\">
  1402.                                 <tr>
  1403.                                     <th>
  1404.                                         <!-- title -->
  1405.                                     </th>
  1406.                                     {% for property in selectedProperties ?: [] %}
  1407.                                         <th scope=\"col\" class=\"px-4 py-2 font-normal text-left text-gray-900 lg:px-6 lg:py-4 {{ loop.index > 2 ? 'hidden lg:table-cell' : '' }}\">
  1408.                                             {{ property.title ?: property.key }}
  1409.                                         </th>
  1410.                                     {% endfor %}
  1411.                                     <th class=\"hidden lg:table-cell\">
  1412.                                         <!-- info -->
  1413.                                     </th>
  1414.                                     <th class=\"hidden lg:table-cell\">
  1415.                                         <!-- button -->
  1416.                                     </th>
  1417.                                     <th>
  1418.                                         <!-- chevron  -->
  1419.                                     </th>
  1420.                                 </tr>
  1421.                             </thead>
  1423.                             {# then, we will output the product-rows #}
  1424.                             <tbody class=\"gap-6\" x-data=\"{ rowOpen: false }\">
  1425.                                 {% for product in selectedProducts %}
  1426.                                     <tr
  1427.                                         x-description=\"Odd row\"
  1428.                                         class=\"bg-white border-t-8 border-blue-200 lg:border-t-0\"
  1429.                                         {% if loop.index >= shownSpecsOnInitialLoad %}
  1430.                                             :class=\"tableOpen ? '' : 'hidden'\"
  1431.                                         {% endif %}
  1432.                                     >
  1433.                                         {# Output the product title as the first column in this row #}
  1434.                                         <td class=\"px-4 py-5 mb-4 font-bold leading-4 text-md lg:text-xl lg:px-6 lg:py-4 lg:rounded-l-md whitespace-nowrap\">
  1435.                                             <a href=\"{{ product.page.url | trimUrl }}\">
  1436.                                                 <span class=\"hidden md:inline-block\">{{ product.name }}</span> <span class=\"text-blue\">{{ product.code ?? \"\" }}</span>
  1437.                                             </a>
  1438.                                         </td>
  1439.                                         {#
  1440.                                         then we will loop through all the selected properties...
  1441.                                         We always render a column for each selected property, we do this to maintain table-like
  1442.                                         formatting. In case a selected spec to highlight does not exist in a product
  1443.                                         we will simply show an empty column for that product :)
  1444.                                         #}
  1445.                                         {% set customCounter = 0 %}
  1446.                                         {% for property in selectedProperties ?: [] %}
  1447.                                             {% set found = false %}
  1449.                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  1450.                                                 {% set specificationObject = spec.specification_property.data %}
  1451.                                                 {% if specificationObject.id == property.id %}
  1452.                                                     {% set found = true %}
  1453.                                                     {% set customCounter = customCounter + 1 %}
  1454.                                                     {# Output the specification value and unit to this row #}
  1455.                                                     <td class=\"px-4 py-4 leading-4 lg:px-6 lg:py-4  whitespace-nowrap {{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  1456.                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  1457.                                                     </td>
  1458.                                                     {# skip the rest of the spec-for-loop when entry is found #}
  1459.                                                     {% break %}
  1460.                                                 {% endif %}
  1461.                                             {% endfor %}
  1462.                                             {% if not found %}
  1463.                                                 {% set customCounter = customCounter + 1 %}
  1464.                                                 <td class=\"{{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  1465.                                                     <!-- empty -->
  1466.                                                 </td>
  1467.                                             {% endif %}
  1468.                                         {% endfor %}
  1470.                                         <td class=\"hidden px-4 py-2 lg:px-6 lg:py-4 lg:table-cell lg:rounded-r-md\">
  1471.                                             {% include 'includes/partials/_rental-form.html.twig' with {
  1472.                                                 buttonText: 'Offerte aanvragen'|trans,
  1473.                                                 buttonClass: 'button button__green',
  1474.                                                 trackButtonId: 'conversion_rentnow',
  1475.                                                 requestUrl: data.request.url
  1476.                                             } %}
  1477.                                         </td>
  1478.                                         <td class=\"content-end px-4 py-2 text-right md:hidden lg:px-6 lg:py-4 group \">
  1479.                                             <div
  1480.                                                 class=\"inline-flex items-center justify-center w-8 h-8 bg-gray-200 rounded-full cursor-pointer text-blue group-hover:bg-blue group-hover:text-white lg:hidden\"
  1481.                                                 :class=\"(rowOpen == {{loop.index}}) ? '-rotate-90' : 'rotate-90'\"
  1482.                                                 @click=\"(rowOpen == {{loop.index}}) ? rowOpen = false : rowOpen = {{loop.index}}\"
  1483.                                             >
  1484.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"16\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m2.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L2.406.343A1.206 1.206 0 0 0 .657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L6.731 8 .722 13.807a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"/></svg>
  1485.                                             </div>
  1486.                                         </td>
  1487.                                     </tr>
  1488.                                     <tr
  1489.                                         class=\"bg-white border-2 rounded-md lg:hidden\"
  1490.                                         :class=\"(rowOpen == {{loop.index}}) ? 'table-row' : 'hidden'\"
  1491.                                     >
  1492.                                         <td colspan=\"4\" class=\"px-4 pt-6 pb-6 text-sm\">
  1493.                                             {% for property in selectedProperties ?: [] %}
  1494.                                                 {% if loop.index > 2 %}
  1495.                                                     <div class=\"flex justify-between py-1\">
  1496.                                                         <span>{{ property.title ?: property.key }}</span>
  1497.                                                         <span class=\"text-right text-blue\">
  1498.                                                             {% set customCounter = 0 %}
  1499.                                                             {% set found = false %}
  1500.                                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  1501.                                                                 {% set specificationObject = spec.specification_property.data %}
  1502.                                                                 {% if specificationObject.id == property.id %}
  1503.                                                                     {% set found = true %}
  1504.                                                                     {% set customCounter = customCounter + 1 %}
  1505.                                                                     {# Output the specification value and unit to this row #}
  1506.                                                                     <div class=\" {{ customCounter > 2 ? '' : '' }}\">
  1507.                                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  1508.                                                                     </div>
  1509.                                                                     {# skip the rest of the spec-for-loop when entry is found #}
  1510.                                                                     {% break %}
  1511.                                                                 {% endif %}
  1512.                                                             {% endfor %}
  1513.                                                         </span>
  1514.                                                     </div>
  1515.                                                 {% endif %}
  1516.                                             {% endfor %}
  1518.                                             <div class=\"lg:py-1.5 hidden lg:flex lg:justify-between \">
  1519.                                                 <span>{{ 'Meer informatie'|trans }}</span>
  1520.                                                 <span class=\"relative text-right text-blue\" x-data=\"{ tooltipOpen: false }\">
  1521.                                                     <span
  1522.                                                         class=\"cursor-pointer\"
  1523.                                                         @click=\"tooltipOpen = !tooltipOpen\"
  1524.                                                         @click.outside=\"tooltipOpen = false\"
  1525.                                                     >
  1526.                                                         <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"#0072BB\" fill-rule=\"evenodd\" d=\"M8.036 5.235c.433 0 .747-.081.942-.244.196-.162.294-.418.294-.767 0-.358-.098-.618-.294-.78-.195-.163-.51-.244-.942-.244-.433 0-.747.081-.943.243-.195.163-.293.423-.293.78 0 .35.098.606.293.768.196.163.51.244.943.244Zm1.06 6.965V5.959H6.976V12.2h2.122ZM8 14.4A6.4 6.4 0 1 1 14.4 8 6.407 6.407 0 0 1 8 14.4ZM0 8a8 8 0 0 0 16 0 8.009 8.009 0 0 0-8-8 8 8 0 0 0-8 8Z\"/></svg>
  1527.                                                     </span>
  1528.                                                     <div
  1529.                                                         class=\"absolute right-0 z-10 w-64 p-4 bg-white rounded shadow-lg top-5\"
  1530.                                                         :class=\"tooltipOpen ? 'block' : 'hidden'\"
  1531.                                                     >
  1532.                                                         <span class=\"text-sm leading-6 text-gray-900\">
  1533.                                                             {{ \"Onze specialisten zorgen voor een passende oplossing, vrijblijvend advies en afstemming met u.\"|trans }}
  1534.                                                         </span>
  1535.                                                     </div>
  1536.                                                 </span>
  1537.                                             </div>
  1539.                                             <div class=\"mt-4\">
  1540.                                                 {% include 'includes/partials/_rental-form.html.twig' with {
  1541.                                                     buttonText: 'Offerte aanvragen'|trans,
  1542.                                                     buttonClass: 'button button__green',
  1543.                                                     trackButtonId: 'conversion_rentnow',
  1544.                                                     requestUrl: data.request.url ?? null
  1545.                                                 } %}
  1546.                                                 <a href=\"{{ product.page.url | trimUrl }}\" class=\"items-center justify-center !hidden lg:flex button button__secondary\">
  1547.                                                     Meer informatie
  1548.                                                     <span class=\"flex items-center justify-center w-6 h-6 ml-3 bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white\">
  1549.                                                     <svg class=\"h-3.5 w-3.5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">
  1550.                                                             <path fill=\"currentColor\" fill-rule=\"currentColor\" d=\"m6.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L6.406.343A1.206 1.206 0 0 0 4.657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L10.731 8l-6.008 5.806a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"></path>
  1551.                                                         </svg>
  1552.                                                     </span>
  1553.                                                 </a>
  1554.                                             </div>
  1556.                                         </td>
  1557.                                     </tr>
  1559.                                     {% set showReadMoreSpecsButton = loop.index > shownSpecsOnInitialLoad %}
  1560.                                 {% endfor %}
  1561.                             </tbody>
  1562.                         </table>
  1563.                     </div>
  1566.                     {# never show this button when printing (printmode), even though there could be more specs. #}
  1567.                     {% if showReadMoreSpecsButton and printmode is not defined %}
  1568.                         <div class=\"flex justify-center w-full mt-6 \">
  1569.                             <button
  1570.                                 class=\"button button__secondary group\"
  1571.                                 @click=\"tableOpen = !tableOpen\"
  1572.                             >
  1573.                                 <span class=\"flex w-6 h-6 mr-3 transition-all bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white \">
  1574.                                     <span class=\"flex items-center justify-center w-full h-full \">
  1575.                                         <svg
  1576.                                             x-show=\"!tableOpen\"
  1577.                                             class=\"w-3.5\"
  1578.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M6.68 0h.024a.929.929 0 0 1 .916.915l.07 4.994 4.994.07a.93.93 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024l-4.995-.07.07 4.995a.878.878 0 0 1-.89.89.93.93 0 0 1-.915-.916L5.91 7.69.914 7.62A.93.93 0 0 1 0 6.704a.878.878 0 0 1 .89-.89l4.994.07L5.814.89A.878.878 0 0 1 6.68 0Z\"/>
  1579.                                         </svg>
  1580.                                         <svg
  1581.                                             x-show=\"tableOpen\"
  1582.                                             class=\"w-3.5\"
  1583.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 3\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M12.684.979a.929.929 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024L.915 2.62A.929.929 0 0 1 0 1.704a.878.878 0 0 1 .89-.89l11.794.165Z\"/>
  1584.                                         </svg>
  1585.                                     </span>
  1586.                                 </span>
  1587.                                 <span x-show=\"!tableOpen\">
  1588.                                     {{ ('Meer {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  1589.                                 </span>
  1590.                                 <span x-show=\"tableOpen\">
  1591.                                     {{ ('Minder {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  1592.                                 </span>
  1593.                             </button>
  1594.                         </div>
  1595.                     {% endif %}
  1597.                 </div>
  1598.             </section>
  1599.         {% endif %}
  1602.     {% endblock %}
  1603. {% endembed %}
  1604. ", "areas/product-table-brick/view.html.twig", "/home/forge/testing.coolworld.ptchr.dev/templates/areas/product-table-brick/view.html.twig");
  1605.     }
  1606.     
  1607.     public function checkSecurity()
  1608.     {
  1609.         static $tags = ["extends" => 9];
  1610.         static $filters = [];
  1611.         static $functions = [];
  1613.         try {
  1614.             $this->sandbox->checkSecurity(
  1615.                 ['extends'],
  1616.                 [],
  1617.                 [],
  1618.                 $this->source
  1619.             );
  1620.         } catch (SecurityError $e) {
  1621.             $e->setSourceContext($this->source);
  1623.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  1624.                 $e->setTemplateLine($tags[$e->getTagName()]);
  1625.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  1626.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  1627.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  1628.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  1629.             }
  1631.             throw $e;
  1632.         }
  1634.     }
  1635. }
  1638. /* areas/product-table-brick/view.html.twig */
  1639. class __TwigTemplate_964436efdd695f14360fa08b2cf3902c17d3be5f381a4f2428e00f84021e5a25___1488321402 extends Template
  1640. {
  1641.     private Source $source;
  1642.     /**
  1643.      * @var array<string, Template>
  1644.      */
  1645.     private array $macros = [];
  1647.     public function __construct(Environment $env)
  1648.     {
  1649.         parent::__construct($env);
  1651.         $this->source = $this->getSourceContext();
  1653.         $this->blocks = [
  1654.             'title' => [$this, 'block_title'],
  1655.             'information' => [$this, 'block_information'],
  1656.         ];
  1657.         $this->sandbox = $this->extensions[SandboxExtension::class];
  1658.         $this->checkSecurity();
  1659.     }
  1661.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  1662.     {
  1663.         // line 19
  1664.         return "app/editmodenotice.html.twig";
  1665.     }
  1667.     protected function doDisplay(array $context, array $blocks = []): iterable
  1668.     {
  1669.         $macros = $this->macros;
  1670.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1671.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  1673.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1674.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "areas/product-table-brick/view.html.twig"));
  1676.         $this->parent = $this->loadTemplate("app/editmodenotice.html.twig", "areas/product-table-brick/view.html.twig", 19);
  1677.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  1678.         
  1679.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1681.         
  1682.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1684.     }
  1686.     // line 20
  1687.     /**
  1688.      * @return iterable<null|scalar|\Stringable>
  1689.      */
  1690.     public function block_title(array $context, array $blocks = []): iterable
  1691.     {
  1692.         $macros = $this->macros;
  1693.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1694.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1696.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1697.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  1699.         yield " Nog geen producteneigenschappen geselecteerd. ";
  1700.         
  1701.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1703.         
  1704.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1706.         yield from [];
  1707.     }
  1709.     // line 21
  1710.     /**
  1711.      * @return iterable<null|scalar|\Stringable>
  1712.      */
  1713.     public function block_information(array $context, array $blocks = []): iterable
  1714.     {
  1715.         $macros = $this->macros;
  1716.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1717.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "information"));
  1719.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1720.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "information"));
  1722.         yield " Kies producteneigenschappen middels het potloodje ";
  1723.         
  1724.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1726.         
  1727.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1729.         yield from [];
  1730.     }
  1732.     /**
  1733.      * @codeCoverageIgnore
  1734.      */
  1735.     public function getTemplateName(): string
  1736.     {
  1737.         return "areas/product-table-brick/view.html.twig";
  1738.     }
  1740.     /**
  1741.      * @codeCoverageIgnore
  1742.      */
  1743.     public function isTraitable(): bool
  1744.     {
  1745.         return false;
  1746.     }
  1748.     /**
  1749.      * @codeCoverageIgnore
  1750.      */
  1751.     public function getDebugInfo(): array
  1752.     {
  1753.         return array (  1710 => 21,  1687 => 20,  1664 => 19,  1311 => 11,  1288 => 10,  1265 => 9,  922 => 242,  916 => 238,  908 => 233,  902 => 230,  880 => 210,  877 => 209,  870 => 203,  856 => 202,  854 => 201,  837 => 188,  835 => 186,  834 => 182,  824 => 175,  807 => 161,  803 => 159,  789 => 158,  784 => 155,  778 => 154,  775 => 153,  772 => 152,  765 => 149,  760 => 148,  758 => 147,  755 => 146,  752 => 145,  749 => 144,  746 => 143,  741 => 142,  738 => 141,  736 => 140,  731 => 138,  728 => 137,  725 => 136,  708 => 135,  702 => 132,  689 => 124,  685 => 123,  679 => 119,  677 => 117,  676 => 113,  672 => 111,  666 => 110,  658 => 106,  655 => 105,  652 => 104,  646 => 103,  643 => 102,  640 => 101,  633 => 98,  628 => 97,  626 => 96,  623 => 95,  620 => 94,  617 => 93,  614 => 92,  610 => 91,  607 => 90,  604 => 89,  599 => 88,  596 => 87,  588 => 78,  584 => 77,  581 => 76,  578 => 74,  574 => 72,  572 => 71,  567 => 68,  550 => 67,  547 => 66,  533 => 53,  516 => 50,  511 => 49,  494 => 48,  487 => 43,  482 => 39,  479 => 38,  476 => 37,  470 => 29,  468 => 28,  462 => 24,  459 => 23,  456 => 19,  454 => 18,  449 => 15,  446 => 14,  443 => 13,  440 => 9,  437 => 8,  435 => 7,  432 => 6,  419 => 5,  57 => 4,  54 => 3,  52 => 2,  50 => 1,);
  1754.     }
  1756.     public function getSourceContext(): Source
  1757.     {
  1758.         return new Source("{% set selectedProducts = pimcore_relations('selectedProducts').getData() %}
  1759. {% set selectedProperties = pimcore_relations('selectedProperties').getData() %}
  1761. {% embed 'app/area-brick-layout.html.twig' %}
  1762.     {% block content %}
  1764.         {% if selectedProducts is empty %}
  1765.             {% if editmode %}
  1766.                 {% embed 'app/editmodenotice.html.twig' %}
  1767.                     {% block title %} Nog geen alternatieve producten geselecteerd. {% endblock %}
  1768.                     {% block information %} Kies alternatieve producten middels het potloodje. {% endblock %}
  1769.                 {% endembed %}
  1770.             {% endif %}
  1771.         {% else %}
  1772.             <section class=\"py-10 bg-blue-200 lg:py-20\" x-data=\"{ tableOpen: false }\">
  1773.                 <div class=\"overflow-hidden lg:container\">
  1775.                     {% if editmode and selectedProperties is empty %}
  1776.                         {% embed 'app/editmodenotice.html.twig' %}
  1777.                             {% block title %} Nog geen producteneigenschappen geselecteerd. {% endblock %}
  1778.                             {% block information %} Kies producteneigenschappen middels het potloodje {% endblock %}
  1779.                         {% endembed %}
  1780.                     {% endif %}
  1782.                     <div class=\"grid grid-cols-12 gap-6\">
  1783.                         <div class=\"col-span-12\">
  1784.                             <h2 class=\"mb-4 text-2xl text-center md:text-3xl lg:text-4xl\">
  1785.                                 {% include 'areas/unique-selling-point-brick/partials/_title.html.twig' %}
  1786.                             </h2>
  1787.                         </div>
  1788.                     </div>
  1790.                     {#
  1791.                     Here we set the maxinum amount of specs that are shown on initial page load.
  1792.                     If there are more then this amount then those will be hidden, a button will then be shown
  1793.                     #}
  1794.                     {% set shownSpecsOnInitialLoad = 8 %}
  1795.                     {% set showReadMoreSpecsButton = false %}
  1797.                     <div class=\"px-0 overflow-x-auto lg:pb-6 lg:pr-6 \">
  1798.                         <table class=\"w-full lg:border-separate text-md lg:text-base lg:border-slate-500 lg:border-spacing-2\" >
  1799.                             {# First, we generate the table header based on the selected properties. #}
  1800.                             <thead class=\"bg-gray-50\">
  1801.                                 <tr>
  1802.                                     <th>
  1803.                                         <!-- title -->
  1804.                                     </th>
  1805.                                     {% for property in selectedProperties ?: [] %}
  1806.                                         <th scope=\"col\" class=\"px-4 py-2 font-normal text-left text-gray-900 lg:px-6 lg:py-4 {{ loop.index > 2 ? 'hidden lg:table-cell' : '' }}\">
  1807.                                             {{ property.title ?: property.key }}
  1808.                                         </th>
  1809.                                     {% endfor %}
  1810.                                     <th class=\"hidden lg:table-cell\">
  1811.                                         <!-- info -->
  1812.                                     </th>
  1813.                                     <th class=\"hidden lg:table-cell\">
  1814.                                         <!-- button -->
  1815.                                     </th>
  1816.                                     <th>
  1817.                                         <!-- chevron  -->
  1818.                                     </th>
  1819.                                 </tr>
  1820.                             </thead>
  1822.                             {# then, we will output the product-rows #}
  1823.                             <tbody class=\"gap-6\" x-data=\"{ rowOpen: false }\">
  1824.                                 {% for product in selectedProducts %}
  1825.                                     <tr
  1826.                                         x-description=\"Odd row\"
  1827.                                         class=\"bg-white border-t-8 border-blue-200 lg:border-t-0\"
  1828.                                         {% if loop.index >= shownSpecsOnInitialLoad %}
  1829.                                             :class=\"tableOpen ? '' : 'hidden'\"
  1830.                                         {% endif %}
  1831.                                     >
  1832.                                         {# Output the product title as the first column in this row #}
  1833.                                         <td class=\"px-4 py-5 mb-4 font-bold leading-4 text-md lg:text-xl lg:px-6 lg:py-4 lg:rounded-l-md whitespace-nowrap\">
  1834.                                             <a href=\"{{ product.page.url | trimUrl }}\">
  1835.                                                 <span class=\"hidden md:inline-block\">{{ product.name }}</span> <span class=\"text-blue\">{{ product.code ?? \"\" }}</span>
  1836.                                             </a>
  1837.                                         </td>
  1838.                                         {#
  1839.                                         then we will loop through all the selected properties...
  1840.                                         We always render a column for each selected property, we do this to maintain table-like
  1841.                                         formatting. In case a selected spec to highlight does not exist in a product
  1842.                                         we will simply show an empty column for that product :)
  1843.                                         #}
  1844.                                         {% set customCounter = 0 %}
  1845.                                         {% for property in selectedProperties ?: [] %}
  1846.                                             {% set found = false %}
  1848.                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  1849.                                                 {% set specificationObject = spec.specification_property.data %}
  1850.                                                 {% if specificationObject.id == property.id %}
  1851.                                                     {% set found = true %}
  1852.                                                     {% set customCounter = customCounter + 1 %}
  1853.                                                     {# Output the specification value and unit to this row #}
  1854.                                                     <td class=\"px-4 py-4 leading-4 lg:px-6 lg:py-4  whitespace-nowrap {{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  1855.                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  1856.                                                     </td>
  1857.                                                     {# skip the rest of the spec-for-loop when entry is found #}
  1858.                                                     {% break %}
  1859.                                                 {% endif %}
  1860.                                             {% endfor %}
  1861.                                             {% if not found %}
  1862.                                                 {% set customCounter = customCounter + 1 %}
  1863.                                                 <td class=\"{{ customCounter > 2 ? 'hidden lg:table-cell' : '' }}\">
  1864.                                                     <!-- empty -->
  1865.                                                 </td>
  1866.                                             {% endif %}
  1867.                                         {% endfor %}
  1869.                                         <td class=\"hidden px-4 py-2 lg:px-6 lg:py-4 lg:table-cell lg:rounded-r-md\">
  1870.                                             {% include 'includes/partials/_rental-form.html.twig' with {
  1871.                                                 buttonText: 'Offerte aanvragen'|trans,
  1872.                                                 buttonClass: 'button button__green',
  1873.                                                 trackButtonId: 'conversion_rentnow',
  1874.                                                 requestUrl: data.request.url
  1875.                                             } %}
  1876.                                         </td>
  1877.                                         <td class=\"content-end px-4 py-2 text-right md:hidden lg:px-6 lg:py-4 group \">
  1878.                                             <div
  1879.                                                 class=\"inline-flex items-center justify-center w-8 h-8 bg-gray-200 rounded-full cursor-pointer text-blue group-hover:bg-blue group-hover:text-white lg:hidden\"
  1880.                                                 :class=\"(rowOpen == {{loop.index}}) ? '-rotate-90' : 'rotate-90'\"
  1881.                                                 @click=\"(rowOpen == {{loop.index}}) ? rowOpen = false : rowOpen = {{loop.index}}\"
  1882.                                             >
  1883.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"16\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m2.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L2.406.343A1.206 1.206 0 0 0 .657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L6.731 8 .722 13.807a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"/></svg>
  1884.                                             </div>
  1885.                                         </td>
  1886.                                     </tr>
  1887.                                     <tr
  1888.                                         class=\"bg-white border-2 rounded-md lg:hidden\"
  1889.                                         :class=\"(rowOpen == {{loop.index}}) ? 'table-row' : 'hidden'\"
  1890.                                     >
  1891.                                         <td colspan=\"4\" class=\"px-4 pt-6 pb-6 text-sm\">
  1892.                                             {% for property in selectedProperties ?: [] %}
  1893.                                                 {% if loop.index > 2 %}
  1894.                                                     <div class=\"flex justify-between py-1\">
  1895.                                                         <span>{{ property.title ?: property.key }}</span>
  1896.                                                         <span class=\"text-right text-blue\">
  1897.                                                             {% set customCounter = 0 %}
  1898.                                                             {% set found = false %}
  1899.                                                             {% for spec in product.specifications|filter(s => s.specification_property.data.publicly_visible) %}
  1900.                                                                 {% set specificationObject = spec.specification_property.data %}
  1901.                                                                 {% if specificationObject.id == property.id %}
  1902.                                                                     {% set found = true %}
  1903.                                                                     {% set customCounter = customCounter + 1 %}
  1904.                                                                     {# Output the specification value and unit to this row #}
  1905.                                                                     <div class=\" {{ customCounter > 2 ? '' : '' }}\">
  1906.                                                                         {{ spec.specification_value.data }} {{ specificationObject.unit }}
  1907.                                                                     </div>
  1908.                                                                     {# skip the rest of the spec-for-loop when entry is found #}
  1909.                                                                     {% break %}
  1910.                                                                 {% endif %}
  1911.                                                             {% endfor %}
  1912.                                                         </span>
  1913.                                                     </div>
  1914.                                                 {% endif %}
  1915.                                             {% endfor %}
  1917.                                             <div class=\"lg:py-1.5 hidden lg:flex lg:justify-between \">
  1918.                                                 <span>{{ 'Meer informatie'|trans }}</span>
  1919.                                                 <span class=\"relative text-right text-blue\" x-data=\"{ tooltipOpen: false }\">
  1920.                                                     <span
  1921.                                                         class=\"cursor-pointer\"
  1922.                                                         @click=\"tooltipOpen = !tooltipOpen\"
  1923.                                                         @click.outside=\"tooltipOpen = false\"
  1924.                                                     >
  1925.                                                         <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"#0072BB\" fill-rule=\"evenodd\" d=\"M8.036 5.235c.433 0 .747-.081.942-.244.196-.162.294-.418.294-.767 0-.358-.098-.618-.294-.78-.195-.163-.51-.244-.942-.244-.433 0-.747.081-.943.243-.195.163-.293.423-.293.78 0 .35.098.606.293.768.196.163.51.244.943.244Zm1.06 6.965V5.959H6.976V12.2h2.122ZM8 14.4A6.4 6.4 0 1 1 14.4 8 6.407 6.407 0 0 1 8 14.4ZM0 8a8 8 0 0 0 16 0 8.009 8.009 0 0 0-8-8 8 8 0 0 0-8 8Z\"/></svg>
  1926.                                                     </span>
  1927.                                                     <div
  1928.                                                         class=\"absolute right-0 z-10 w-64 p-4 bg-white rounded shadow-lg top-5\"
  1929.                                                         :class=\"tooltipOpen ? 'block' : 'hidden'\"
  1930.                                                     >
  1931.                                                         <span class=\"text-sm leading-6 text-gray-900\">
  1932.                                                             {{ \"Onze specialisten zorgen voor een passende oplossing, vrijblijvend advies en afstemming met u.\"|trans }}
  1933.                                                         </span>
  1934.                                                     </div>
  1935.                                                 </span>
  1936.                                             </div>
  1938.                                             <div class=\"mt-4\">
  1939.                                                 {% include 'includes/partials/_rental-form.html.twig' with {
  1940.                                                     buttonText: 'Offerte aanvragen'|trans,
  1941.                                                     buttonClass: 'button button__green',
  1942.                                                     trackButtonId: 'conversion_rentnow',
  1943.                                                     requestUrl: data.request.url ?? null
  1944.                                                 } %}
  1945.                                                 <a href=\"{{ product.page.url | trimUrl }}\" class=\"items-center justify-center !hidden lg:flex button button__secondary\">
  1946.                                                     Meer informatie
  1947.                                                     <span class=\"flex items-center justify-center w-6 h-6 ml-3 bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white\">
  1948.                                                     <svg class=\"h-3.5 w-3.5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">
  1949.                                                             <path fill=\"currentColor\" fill-rule=\"currentColor\" d=\"m6.406 15.656 6.963-6.731c.249-.24.389-.575.389-.925 0-.35-.14-.685-.389-.925L6.406.343A1.206 1.206 0 0 0 4.657.41l-.09.113a1.297 1.297 0 0 0 .154 1.67L10.731 8l-6.008 5.806a1.295 1.295 0 0 0-.065 1.783c.463.52 1.248.55 1.748.066Z\"></path>
  1950.                                                         </svg>
  1951.                                                     </span>
  1952.                                                 </a>
  1953.                                             </div>
  1955.                                         </td>
  1956.                                     </tr>
  1958.                                     {% set showReadMoreSpecsButton = loop.index > shownSpecsOnInitialLoad %}
  1959.                                 {% endfor %}
  1960.                             </tbody>
  1961.                         </table>
  1962.                     </div>
  1965.                     {# never show this button when printing (printmode), even though there could be more specs. #}
  1966.                     {% if showReadMoreSpecsButton and printmode is not defined %}
  1967.                         <div class=\"flex justify-center w-full mt-6 \">
  1968.                             <button
  1969.                                 class=\"button button__secondary group\"
  1970.                                 @click=\"tableOpen = !tableOpen\"
  1971.                             >
  1972.                                 <span class=\"flex w-6 h-6 mr-3 transition-all bg-white rounded-full shadow-md text-blue group-hover:bg-blue group-hover:text-white \">
  1973.                                     <span class=\"flex items-center justify-center w-full h-full \">
  1974.                                         <svg
  1975.                                             x-show=\"!tableOpen\"
  1976.                                             class=\"w-3.5\"
  1977.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M6.68 0h.024a.929.929 0 0 1 .916.915l.07 4.994 4.994.07a.93.93 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024l-4.995-.07.07 4.995a.878.878 0 0 1-.89.89.93.93 0 0 1-.915-.916L5.91 7.69.914 7.62A.93.93 0 0 1 0 6.704a.878.878 0 0 1 .89-.89l4.994.07L5.814.89A.878.878 0 0 1 6.68 0Z\"/>
  1978.                                         </svg>
  1979.                                         <svg
  1980.                                             x-show=\"tableOpen\"
  1981.                                             class=\"w-3.5\"
  1982.                                             xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 3\"><path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M12.684.979a.929.929 0 0 1 .916.916.878.878 0 0 1-.866.89h-.024L.915 2.62A.929.929 0 0 1 0 1.704a.878.878 0 0 1 .89-.89l11.794.165Z\"/>
  1983.                                         </svg>
  1984.                                     </span>
  1985.                                 </span>
  1986.                                 <span x-show=\"!tableOpen\">
  1987.                                     {{ ('Meer {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  1988.                                 </span>
  1989.                                 <span x-show=\"tableOpen\">
  1990.                                     {{ ('Minder {{ productCategory }} tonen') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key)|customLowercase }) }}
  1991.                                 </span>
  1992.                             </button>
  1993.                         </div>
  1994.                     {% endif %}
  1996.                 </div>
  1997.             </section>
  1998.         {% endif %}
  2001.     {% endblock %}
  2002. {% endembed %}
  2003. ", "areas/product-table-brick/view.html.twig", "/home/forge/testing.coolworld.ptchr.dev/templates/areas/product-table-brick/view.html.twig");
  2004.     }
  2005.     
  2006.     public function checkSecurity()
  2007.     {
  2008.         static $tags = ["extends" => 19];
  2009.         static $filters = [];
  2010.         static $functions = [];
  2012.         try {
  2013.             $this->sandbox->checkSecurity(
  2014.                 ['extends'],
  2015.                 [],
  2016.                 [],
  2017.                 $this->source
  2018.             );
  2019.         } catch (SecurityError $e) {
  2020.             $e->setSourceContext($this->source);
  2022.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  2023.                 $e->setTemplateLine($tags[$e->getTagName()]);
  2024.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  2025.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  2026.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  2027.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  2028.             }
  2030.             throw $e;
  2031.         }
  2033.     }
  2034. }