var/cache/dev/twig/68/6834ef60f43006c29575df6da219155e.php line 217

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* product/index.html.twig */
  16. class __TwigTemplate_107778ef668f0abde2106e97076a899f extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'PAGE_CSS' => [$this, 'block_PAGE_CSS'],
  29.             'CONTENT_MID' => [$this, 'block_CONTENT_MID'],
  30.             'PAGE_JS' => [$this, 'block_PAGE_JS'],
  31.         ];
  32.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  33.         $this->checkSecurity();
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 1
  39.         return "layout/app.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product/index.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product/index.html.twig"));
  51.         $this->parent = $this->loadTemplate("layout/app.html.twig", "product/index.html.twig", 1);
  52.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 3
  62.     public function block_PAGE_CSS($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "PAGE_CSS"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "PAGE_CSS"));
  71.         
  72.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  74.         
  75.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  77.     }
  79.     // line 6
  80.     public function block_CONTENT_MID($context, array $blocks = [])
  81.     {
  82.         $macros = $this->macros;
  83.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  84.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "CONTENT_MID"));
  86.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  87.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "CONTENT_MID"));
  89.         // line 7
  90.         echo "    <div x-data=\"{ showMobileFilter: false }\">
  91.         <div x-cloak x-show=\"showMobileFilter\" class=\"relative z-40 lg:hidden\" role=\"dialog\" aria-modal=\"true\">
  93.             <div x-transition:enter=\"transition-opacity ease-linear duration-300\"
  94.                  x-transition:enter-start=\"opacity-0\"
  95.                  x-transition:enter-end=\"opacity-100\"
  96.                  x-transition:leave=\"transition-opacity ease-linear duration-300\"
  97.                  x-transition:leave-start=\"opacity-100\"
  98.                  x-transition:leave-end=\"opacity-0\"
  99.                  class=\"fixed inset-0 bg-black bg-opacity-25\"></div>
  101.             <div class=\"fixed inset-0 z-40 flex\">
  103.                 <div x-transition:enter=\"transition ease-in-out duration-300 transform\"
  104.                      x-transition:enter-start=\"translate-x-full\"
  105.                      x-transition:enter-end=\"translate-x-0\"
  106.                      x-transition:leave=\"transition ease-in-out duration-300 transform\"
  107.                      x-transition:leave-start=\"translate-x-0\"
  108.                      x-transition:leave-end=\"translate-x-full\"
  109.                     class=\"relative ml-auto flex h-full w-full max-w-xs flex-col overflow-y-auto bg-white py-4 pb-6 shadow-xl\">
  110.                     <div class=\"flex items-center justify-between px-4\">
  111.                         <h2 class=\"text-lg font-medium text-gray-900\">Filters</h2>
  112.                         <button @click=\"showMobileFilter = false\" type=\"button\" class=\"-mr-2 flex h-10 w-10 items-center justify-center p-2 text-gray-400 hover:text-gray-500\">
  113.                             <span class=\"sr-only\">Close menu</span>
  114.                             <!-- Heroicon name: outline/x-mark -->
  115.                             <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\">
  116.                                 <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />
  117.                             </svg>
  118.                         </button>
  119.                     </div>
  121.                     <!-- Filters -->
  123.                     <form id=\"mobileFilters\" class=\"mt-4\">
  124.                         <div class=\"space-y-2 px-4\">
  125.                             ";
  126.         // line 42
  127.         if ((twig_length_filter($this->env, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 42, $this->source); })())) > 0)) {
  128.             // line 43
  129.             echo "                                ";
  130.             $context['_parent'] = $context;
  131.             $context['_seq'] = twig_ensure_traversable((isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 43, $this->source); })()));
  132.             foreach ($context['_seq'] as $context["key"] => $context["filter"]) {
  133.                 // line 44
  134.                 echo "                                    ";
  135.                 if (( !(null === $context["filter"]) &&  !twig_test_empty($context["filter"]))) {
  136.                     // line 45
  137.                     echo "                                        ";
  138.                     if (twig_test_iterable($context["filter"])) {
  139.                         // line 46
  140.                         echo "                                            ";
  141.                         $context['_parent'] = $context;
  142.                         $context['_seq'] = twig_ensure_traversable($context["filter"]);
  143.                         foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
  144.                             // line 47
  145.                             echo "                                                <button data-filter=\"";
  146.                             echo twig_escape_filter($this->env, twig_replace_filter(($this->sandbox->ensureToStringAllowed($context["key"], 47, $this->source) . $this->sandbox->ensureToStringAllowed($context["f"], 47, $this->source)), [" " => ""]), "html", null, true);
  147.                             echo "\" type=\"button\" class=\"removeMobileFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  148.                                                     <span class=\"flex-shrink-0\">
  149.                                                         <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  150.                                                             <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  151.                                                         </svg>
  152.                                                     </span>
  153.                                                     <span>
  154.                                                         ";
  155.                             // line 54
  156.                             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, ("general.filter." . $this->sandbox->ensureToStringAllowed($context["key"], 54, $this->source)))), "html", null, true);
  157.                             echo ": ";
  158.                             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, $this->sandbox->ensureToStringAllowed($context["f"], 54, $this->source))), "html", null, true);
  159.                             echo "
  160.                                                     </span>
  161.                                                 </button>
  162.                                             ";
  163.                         }
  164.                         $_parent = $context['_parent'];
  165.                         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['f'], $context['_parent'], $context['loop']);
  166.                         $context = array_intersect_key($context, $_parent) + $_parent;
  167.                         // line 58
  168.                         echo "                                        ";
  169.                     } else {
  170.                         // line 59
  171.                         echo "                                            <button data-filter=\"";
  172.                         echo twig_escape_filter($this->env, twig_replace_filter(($this->sandbox->ensureToStringAllowed($context["key"], 59, $this->source) . $this->sandbox->ensureToStringAllowed($context["filter"], 59, $this->source)), [" " => ""]), "html", null, true);
  173.                         echo "\" type=\"button\" class=\"removeMobileFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  174.                                                 <span class=\"flex-shrink-0\">
  175.                                                     <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  176.                                                         <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  177.                                                     </svg>
  178.                                                 </span>
  179.                                                 <span>
  180.                                                     ";
  181.                         // line 66
  182.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, ("general.filter." . $this->sandbox->ensureToStringAllowed($context["key"], 66, $this->source)))), "html", null, true);
  183.                         echo ": ";
  184.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, $this->sandbox->ensureToStringAllowed($context["filter"], 66, $this->source))), "html", null, true);
  185.                         echo "
  186.                                                 </span>
  187.                                             </button>
  188.                                         ";
  189.                     }
  190.                     // line 70
  191.                     echo "                                    ";
  192.                 }
  193.                 // line 71
  194.                 echo "                                ";
  195.             }
  196.             $_parent = $context['_parent'];
  197.             unset($context['_seq'], $context['_iterated'], $context['key'], $context['filter'], $context['_parent'], $context['loop']);
  198.             $context = array_intersect_key($context, $_parent) + $_parent;
  199.             // line 72
  200.             echo "                            ";
  201.         }
  202.         // line 73
  203.         echo "                        </div>
  205.                         <div class=\"mt-4\">
  206.                             <div class=\"divide-y divide-gray-200\">
  207.                                 ";
  208.         // line 77
  209.         if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["filterDefinition"]) || array_key_exists("filterDefinition", $context) ? $context["filterDefinition"] : (function () { throw new RuntimeError('Variable "filterDefinition" does not exist.', 77, $this->source); })()), "filters", [], "any", false, false, true, 77)) > 0)) {
  210.             // line 78
  211.             echo "                                    ";
  212.             $context['_parent'] = $context;
  213.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["filterDefinition"]) || array_key_exists("filterDefinition", $context) ? $context["filterDefinition"] : (function () { throw new RuntimeError('Variable "filterDefinition" does not exist.', 78, $this->source); })()), "filters", [], "any", false, false, true, 78));
  214.             foreach ($context['_seq'] as $context["_key"] => $context["filter"]) {
  215.                 // line 79
  216.                 echo "                                        ";
  217.                 $context["filterMarkup"] = twig_get_attribute($this->env, $this->source, (isset($context["filterService"]) || array_key_exists("filterService", $context) ? $context["filterService"] : (function () { throw new RuntimeError('Variable "filterService" does not exist.', 79, $this->source); })()), "filterFrontend", [0 => $context["filter"], 1 => (isset($context["productListing"]) || array_key_exists("productListing", $context) ? $context["productListing"] : (function () { throw new RuntimeError('Variable "productListing" does not exist.', 79, $this->source); })()), 2 => (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 79, $this->source); })())], "method", false, false, true, 79);
  218.                 // line 80
  219.                 echo "                                        ";
  220.                 echo $this->sandbox->ensureToStringAllowed((isset($context["filterMarkup"]) || array_key_exists("filterMarkup", $context) ? $context["filterMarkup"] : (function () { throw new RuntimeError('Variable "filterMarkup" does not exist.', 80, $this->source); })()), 80, $this->source);
  221.                 echo "
  222.                                     ";
  223.             }
  224.             $_parent = $context['_parent'];
  225.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['filter'], $context['_parent'], $context['loop']);
  226.             $context = array_intersect_key($context, $_parent) + $_parent;
  227.             // line 82
  228.             echo "                                ";
  229.         }
  230.         // line 83
  231.         echo "                            </div>
  232.                         </div>
  233.                     </form>
  234.                 </div>
  235.             </div>
  236.         </div>
  238.         <nav aria-label=\"Breadcrumb\" class=\"pt-4\">
  239.             <ol role=\"list\" class=\"mx-auto flex max-w-2xl items-center space-x-2 px-4 sm:px-6 lg:max-w-7xl lg:px-8\">
  240.                 <li>
  241.                     <div class=\"flex items-center\">
  242.                         <a href=\"/\" class=\"mr-2 text-sm font-medium text-gray-900\">Home</a>
  243.                         <svg width=\"16\" height=\"20\" viewBox=\"0 0 16 20\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"h-5 w-4 text-gray-300\">
  244.                             <path d=\"M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z\" />
  245.                         </svg>
  246.                     </div>
  247.                 </li>
  249.                 <li class=\"text-sm\">
  250.                     <a href=\"";
  251.         // line 102
  252.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 102, $this->source); })()), 102, $this->source), "html", null, true);
  253.         echo "\" aria-current=\"page\" class=\"font-medium text-brand-600 hover:text-gray-600\">";
  254.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Produkte"), "html", null, true);
  255.         echo "</a>
  256.                 </li>
  257.             </ol>
  258.         </nav>
  260.         <main class=\"mx-auto max-w-2xl px-4 lg:max-w-7xl lg:px-8\">
  261.             <form id=\"filters\">
  262.                 <div class=\"pt-12 pb-24 lg:grid lg:grid-cols-3 lg:gap-x-8 xl:grid-cols-4\">
  263.                     <aside>
  264.                         <div class=\"flex items-baseline justify-between hidden lg:block\">
  265.                             <h3 class=\"text-2xl mb-4 font-bold tracking-tight text-gray-900\">Filter</h3>
  266.                         </div>
  268.                         <div class=\"space-y-2 hidden lg:block\">
  269.                             ";
  270.         // line 116
  271.         if ((twig_length_filter($this->env, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 116, $this->source); })())) > 0)) {
  272.             // line 117
  273.             echo "                                ";
  274.             $context['_parent'] = $context;
  275.             $context['_seq'] = twig_ensure_traversable((isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 117, $this->source); })()));
  276.             foreach ($context['_seq'] as $context["key"] => $context["filter"]) {
  277.                 // line 118
  278.                 echo "                                    ";
  279.                 if ((( !(null === $context["filter"]) &&  !twig_test_empty($context["filter"])) && !twig_in_filter($context["key"], [0 => "productGroup", 1 => "parentCategoryIds", 2 => "materialThickness"]))) {
  280.                     // line 119
  281.                     echo "                                        ";
  282.                     if (twig_test_iterable($context["filter"])) {
  283.                         // line 120
  284.                         echo "                                            ";
  285.                         $context['_parent'] = $context;
  286.                         $context['_seq'] = twig_ensure_traversable($context["filter"]);
  287.                         foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
  288.                             // line 121
  289.                             echo "                                                <button data-filter=\"";
  290.                             echo twig_escape_filter($this->env, twig_replace_filter(($this->sandbox->ensureToStringAllowed($context["key"], 121, $this->source) . $this->sandbox->ensureToStringAllowed($context["f"], 121, $this->source)), [" " => ""]), "html", null, true);
  291.                             echo "\" type=\"button\" class=\"removeFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  292.                                                     <span class=\"flex-shrink-0\">
  293.                                                         <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  294.                                                             <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  295.                                                         </svg>
  296.                                                     </span>
  297.                                                     <span>
  298.                                                         ";
  299.                             // line 128
  300.                             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, ("general.filter." . $this->sandbox->ensureToStringAllowed($context["key"], 128, $this->source)))), "html", null, true);
  301.                             echo ": ";
  302.                             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, $this->sandbox->ensureToStringAllowed($context["f"], 128, $this->source))), "html", null, true);
  303.                             echo "
  304.                                                     </span>
  305.                                                 </button>
  306.                                             ";
  307.                         }
  308.                         $_parent = $context['_parent'];
  309.                         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['f'], $context['_parent'], $context['loop']);
  310.                         $context = array_intersect_key($context, $_parent) + $_parent;
  311.                         // line 132
  312.                         echo "                                        ";
  313.                     } else {
  314.                         // line 133
  315.                         echo "                                            <button data-filter=\"";
  316.                         echo twig_escape_filter($this->env, twig_replace_filter(($this->sandbox->ensureToStringAllowed($context["key"], 133, $this->source) . $this->sandbox->ensureToStringAllowed($context["filter"], 133, $this->source)), [" " => ""]), "html", null, true);
  317.                         echo "\" type=\"button\" class=\"removeFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  318.                                                 <span class=\"flex-shrink-0\">
  319.                                                     <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  320.                                                         <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  321.                                                     </svg>
  322.                                                 </span>
  323.                                                 <span>
  324.                                                     ";
  325.                         // line 140
  326.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, ("general.filter." . $this->sandbox->ensureToStringAllowed($context["key"], 140, $this->source)))), "html", null, true);
  327.                         echo ": ";
  328.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_lower_filter($this->env, $this->sandbox->ensureToStringAllowed($context["filter"], 140, $this->source))), "html", null, true);
  329.                         echo "
  330.                                                 </span>
  331.                                             </button>
  332.                                         ";
  333.                     }
  334.                     // line 144
  335.                     echo "                                    ";
  336.                 }
  337.                 // line 145
  338.                 echo "                                ";
  339.             }
  340.             $_parent = $context['_parent'];
  341.             unset($context['_seq'], $context['_iterated'], $context['key'], $context['filter'], $context['_parent'], $context['loop']);
  342.             $context = array_intersect_key($context, $_parent) + $_parent;
  343.             // line 146
  344.             echo "                            ";
  345.         }
  346.         // line 147
  347.         echo "                        </div>
  349.                         <div class=\"mt-4 hidden lg:block\">
  350.                             <div class=\"divide-y divide-gray-200\">
  351.                                 ";
  352.         // line 151
  353.         if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["filterDefinition"]) || array_key_exists("filterDefinition", $context) ? $context["filterDefinition"] : (function () { throw new RuntimeError('Variable "filterDefinition" does not exist.', 151, $this->source); })()), "filters", [], "any", false, false, true, 151)) > 0)) {
  354.             // line 152
  355.             echo "                                    ";
  356.             $context['_parent'] = $context;
  357.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["filterDefinition"]) || array_key_exists("filterDefinition", $context) ? $context["filterDefinition"] : (function () { throw new RuntimeError('Variable "filterDefinition" does not exist.', 152, $this->source); })()), "filters", [], "any", false, false, true, 152));
  358.             foreach ($context['_seq'] as $context["_key"] => $context["filter"]) {
  359.                 // line 153
  360.                 echo "                                        ";
  361.                 $context["filterMarkup"] = twig_get_attribute($this->env, $this->source, (isset($context["filterService"]) || array_key_exists("filterService", $context) ? $context["filterService"] : (function () { throw new RuntimeError('Variable "filterService" does not exist.', 153, $this->source); })()), "filterFrontend", [0 => $context["filter"], 1 => (isset($context["productListing"]) || array_key_exists("productListing", $context) ? $context["productListing"] : (function () { throw new RuntimeError('Variable "productListing" does not exist.', 153, $this->source); })()), 2 => (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 153, $this->source); })())], "method", false, false, true, 153);
  362.                 // line 154
  363.                 echo "                                        ";
  364.                 echo $this->sandbox->ensureToStringAllowed((isset($context["filterMarkup"]) || array_key_exists("filterMarkup", $context) ? $context["filterMarkup"] : (function () { throw new RuntimeError('Variable "filterMarkup" does not exist.', 154, $this->source); })()), 154, $this->source);
  365.                 echo "
  366.                                     ";
  367.             }
  368.             $_parent = $context['_parent'];
  369.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['filter'], $context['_parent'], $context['loop']);
  370.             $context = array_intersect_key($context, $_parent) + $_parent;
  371.             // line 156
  372.             echo "                                ";
  373.         }
  374.         // line 157
  375.         echo "                            </div>
  376.                         </div>
  377.                     </aside>
  379.                     <section aria-labelledby=\"product-heading\" class=\"mt-6 lg:col-span-2 lg:mt-0 xl:col-span-3\">
  380.                         <div class=\"flex justify-between mb-4 items-center\">
  381.                             <h3 class=\"text-2xl font-bold tracking-tight text-gray-900\">";
  382.         // line 163
  383.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Produkte"), "html", null, true);
  384.         echo "</h3>
  385.                             <div class=\"flex items-center\">
  386.                                 <button @click=\"showMobileFilter = true\" type=\"button\" class=\"mr-4 p-2 text-gray-400 hover:text-gray-500 sm:ml-6 lg:hidden\">
  387.                                     <span class=\"sr-only\">Filters</span>
  388.                                     <svg class=\"h-5 w-5\" aria-hidden=\"true\" viewBox=\"0 0 20 20\" fill=\"currentColor\">
  389.                                         <path fill-rule=\"evenodd\" d=\"M2.628 1.601C5.028 1.206 7.49 1 10 1s4.973.206 7.372.601a.75.75 0 01.628.74v2.288a2.25 2.25 0 01-.659 1.59l-4.682 4.683a2.25 2.25 0 00-.659 1.59v3.037c0 .684-.31 1.33-.844 1.757l-1.937 1.55A.75.75 0 018 18.25v-5.757a2.25 2.25 0 00-.659-1.591L2.659 6.22A2.25 2.25 0 012 4.629V2.34a.75.75 0 01.628-.74z\" clip-rule=\"evenodd\" />
  390.                                     </svg>
  391.                                 </button>
  392.                                 <div class=\"relative inline-block text-left\" x-data=\"{ isOpen: false }\">
  393.                                     <div>
  394.                                         <button type=\"button\" x-on:click=\"isOpen = ! isOpen\" class=\"inline-flex w-full justify-center py-2 px-3 bg-gray-100 text-sm font-semibold text-gray-900 space-x-1.5 rounded-md focus:outline-none\" id=\"menu-button\" aria-expanded=\"true\" aria-haspopup=\"true\">
  395.                                             <span>";
  396.         // line 174
  397.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Sortieren nach"), "html", null, true);
  398.         echo "</span>
  399.                                             <svg class=\"-mr-1 h-5 w-5 text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">
  400.                                                 <path fill-rule=\"evenodd\" d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\" clip-rule=\"evenodd\" />
  401.                                             </svg>
  402.                                         </button>
  403.                                     </div>
  405.                                     <!--
  406.                                       Dropdown menu, show/hide based on menu state.
  408.                                       Entering: \"transition ease-out duration-100\"
  409.                                         From: \"transform opacity-0 scale-95\"
  410.                                         To: \"transform opacity-100 scale-100\"
  411.                                       Leaving: \"transition ease-in duration-75\"
  412.                                         From: \"transform opacity-100 scale-100\"
  413.                                         To: \"transform opacity-0 scale-95\"
  414.                                     -->
  415.                                     <div
  416.                                         x-cloak x-show=\"isOpen\"
  417.                                         @click.outside=\"isOpen = false\"
  418.                                         x-transition:enter=\"transition ease-out duration-100\"
  419.                                         x-transition:enter-start=\"transform opacity-0 scale-95\"
  420.                                         x-transition:enter-end=\"transform opacity-0 scale-100\"
  421.                                         x-transition:leave=\"transition ease-in duration-75\"
  422.                                         x-transition:leave-start=\"transform opacity-100 scale-100\"
  423.                                         x-transition:leave-end=\"transform opacity-0 scale-95\"
  424.                                         class=\"absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-gray-50 shadow-lg focus:outline-none\" role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"menu-button\" tabindex=\"-1\">
  425.                                         <div class=\"py-1\" role=\"none\">
  426.                                             <!--<button name=\"sort\" value=\"name-asc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-0\">";
  427.         // line 202
  428.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Artikelname"), "html", null, true);
  429.         echo "</button>-->
  430.                                             <button name=\"sort\" value=\"code-asc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">";
  431.         // line 203
  432.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Produktcode (aufsteigend)"), "html", null, true);
  433.         echo "</button>
  434.                                             <button name=\"sort\" value=\"code-desc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">";
  435.         // line 204
  436.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Produktcode (absteigend)"), "html", null, true);
  437.         echo "</button>
  438.                                             <button name=\"sort\" value=\"materialThickness-asc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">";
  439.         // line 205
  440.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Materialstärke (aufsteigend)"), "html", null, true);
  441.         echo "</button>
  442.                                             <button name=\"sort\" value=\"materialThickness-desc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">";
  443.         // line 206
  444.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Materialstärke (absteigend)"), "html", null, true);
  445.         echo "</button>
  446.                                         </div>
  447.                                     </div>
  448.                                 </div>
  449.                             </div>
  450.                         </div>
  452.                         <div class=\"grid grid-cols-1 gap-y-4 sm:grid-cols-3 sm:gap-x-6 sm:gap-y-10 lg:gap-x-8 xl:grid-cols-4\">
  453.                             ";
  454.         // line 214
  455.         $context['_parent'] = $context;
  456.         $context['_seq'] = twig_ensure_traversable((isset($context["results"]) || array_key_exists("results", $context) ? $context["results"] : (function () { throw new RuntimeError('Variable "results" does not exist.', 214, $this->source); })()));
  457.         $context['_iterated'] = false;
  458.         $context['loop'] = [
  459.           'parent' => $context['_parent'],
  460.           'index0' => 0,
  461.           'index'  => 1,
  462.           'first'  => true,
  463.         ];
  464.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  465.             $length = count($context['_seq']);
  466.             $context['loop']['revindex0'] = $length - 1;
  467.             $context['loop']['revindex'] = $length;
  468.             $context['loop']['length'] = $length;
  469.             $context['loop']['last'] = 1 === $length;
  470.         }
  471.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  472.             // line 215
  473.             echo "                                ";
  474.             $this->loadTemplate("product/product_teaser.html.twig", "product/index.html.twig", 215)->display(twig_array_merge($context, ["product" => $context["item"]]));
  475.             // line 216
  476.             echo "                            ";
  477.             $context['_iterated'] = true;
  478.             ++$context['loop']['index0'];
  479.             ++$context['loop']['index'];
  480.             $context['loop']['first'] = false;
  481.             if (isset($context['loop']['length'])) {
  482.                 --$context['loop']['revindex0'];
  483.                 --$context['loop']['revindex'];
  484.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  485.             }
  486.         }
  487.         if (!$context['_iterated']) {
  488.             // line 217
  489.             echo "                                <div class=\"p-4 my-4 text-sm text-brand-600 rounded-lg bg-brand-50 col-span-4\" role=\"alert\">
  490.                                     ";
  491.             // line 218
  492.             echo "Leider wurden keine Ergebnisse gefunden";
  493.             echo "
  494.                                 </div>
  495.                             ";
  496.         }
  497.         $_parent = $context['_parent'];
  498.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  499.         $context = array_intersect_key($context, $_parent) + $_parent;
  500.         // line 221
  501.         echo "                        </div>
  502.                         <div class=\"mt-10\">
  503.                             ";
  504.         // line 223
  505.         $this->loadTemplate("_partials/pagination.html.twig", "product/index.html.twig", 223)->display($context);
  506.         // line 224
  507.         echo "                        </div>
  508.                     </section>
  509.                 </div>
  510.             </form>
  511.         </main>
  512.     </div>
  513. ";
  514.         
  515.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  517.         
  518.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  520.     }
  522.     // line 232
  523.     public function block_PAGE_JS($context, array $blocks = [])
  524.     {
  525.         $macros = $this->macros;
  526.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  527.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "PAGE_JS"));
  529.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  530.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "PAGE_JS"));
  532.         
  533.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  535.         
  536.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  538.     }
  540.     public function getTemplateName()
  541.     {
  542.         return "product/index.html.twig";
  543.     }
  545.     public function isTraitable()
  546.     {
  547.         return false;
  548.     }
  550.     public function getDebugInfo()
  551.     {
  552.         return array (  523 => 232,  507 => 224,  505 => 223,  501 => 221,  492 => 218,  489 => 217,  476 => 216,  473 => 215,  455 => 214,  444 => 206,  440 => 205,  436 => 204,  432 => 203,  428 => 202,  397 => 174,  383 => 163,  375 => 157,  372 => 156,  363 => 154,  360 => 153,  355 => 152,  353 => 151,  347 => 147,  344 => 146,  338 => 145,  335 => 144,  326 => 140,  315 => 133,  312 => 132,  300 => 128,  289 => 121,  284 => 120,  281 => 119,  278 => 118,  273 => 117,  271 => 116,  252 => 102,  231 => 83,  228 => 82,  219 => 80,  216 => 79,  211 => 78,  209 => 77,  203 => 73,  200 => 72,  194 => 71,  191 => 70,  182 => 66,  171 => 59,  168 => 58,  156 => 54,  145 => 47,  140 => 46,  137 => 45,  134 => 44,  129 => 43,  127 => 42,  90 => 7,  80 => 6,  62 => 3,  39 => 1,);
  553.     }
  555.     public function getSourceContext()
  556.     {
  557.         return new Source("{% extends 'layout/app.html.twig' %}
  559. {% block PAGE_CSS %}
  560. {% endblock %}
  562. {% block CONTENT_MID %}
  563.     <div x-data=\"{ showMobileFilter: false }\">
  564.         <div x-cloak x-show=\"showMobileFilter\" class=\"relative z-40 lg:hidden\" role=\"dialog\" aria-modal=\"true\">
  566.             <div x-transition:enter=\"transition-opacity ease-linear duration-300\"
  567.                  x-transition:enter-start=\"opacity-0\"
  568.                  x-transition:enter-end=\"opacity-100\"
  569.                  x-transition:leave=\"transition-opacity ease-linear duration-300\"
  570.                  x-transition:leave-start=\"opacity-100\"
  571.                  x-transition:leave-end=\"opacity-0\"
  572.                  class=\"fixed inset-0 bg-black bg-opacity-25\"></div>
  574.             <div class=\"fixed inset-0 z-40 flex\">
  576.                 <div x-transition:enter=\"transition ease-in-out duration-300 transform\"
  577.                      x-transition:enter-start=\"translate-x-full\"
  578.                      x-transition:enter-end=\"translate-x-0\"
  579.                      x-transition:leave=\"transition ease-in-out duration-300 transform\"
  580.                      x-transition:leave-start=\"translate-x-0\"
  581.                      x-transition:leave-end=\"translate-x-full\"
  582.                     class=\"relative ml-auto flex h-full w-full max-w-xs flex-col overflow-y-auto bg-white py-4 pb-6 shadow-xl\">
  583.                     <div class=\"flex items-center justify-between px-4\">
  584.                         <h2 class=\"text-lg font-medium text-gray-900\">Filters</h2>
  585.                         <button @click=\"showMobileFilter = false\" type=\"button\" class=\"-mr-2 flex h-10 w-10 items-center justify-center p-2 text-gray-400 hover:text-gray-500\">
  586.                             <span class=\"sr-only\">Close menu</span>
  587.                             <!-- Heroicon name: outline/x-mark -->
  588.                             <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\">
  589.                                 <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />
  590.                             </svg>
  591.                         </button>
  592.                     </div>
  594.                     <!-- Filters -->
  596.                     <form id=\"mobileFilters\" class=\"mt-4\">
  597.                         <div class=\"space-y-2 px-4\">
  598.                             {% if(currentFilter|length > 0) %}
  599.                                 {% for key,filter in currentFilter %}
  600.                                     {% if(filter is not null and filter is not empty) %}
  601.                                         {% if filter is iterable %}
  602.                                             {% for f in filter %}
  603.                                                 <button data-filter=\"{{ (key ~ f)|replace({' ': ''}) }}\" type=\"button\" class=\"removeMobileFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  604.                                                     <span class=\"flex-shrink-0\">
  605.                                                         <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  606.                                                             <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  607.                                                         </svg>
  608.                                                     </span>
  609.                                                     <span>
  610.                                                         {{ ('general.filter.' ~ key)|lower|trans }}: {{ (f)|lower|trans }}
  611.                                                     </span>
  612.                                                 </button>
  613.                                             {% endfor %}
  614.                                         {% else %}
  615.                                             <button data-filter=\"{{ (key ~ filter)|replace({' ': ''}) }}\" type=\"button\" class=\"removeMobileFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  616.                                                 <span class=\"flex-shrink-0\">
  617.                                                     <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  618.                                                         <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  619.                                                     </svg>
  620.                                                 </span>
  621.                                                 <span>
  622.                                                     {{ ('general.filter.' ~ key)|lower|trans }}: {{ (filter)|lower|trans }}
  623.                                                 </span>
  624.                                             </button>
  625.                                         {% endif %}
  626.                                     {% endif %}
  627.                                 {% endfor %}
  628.                             {% endif %}
  629.                         </div>
  631.                         <div class=\"mt-4\">
  632.                             <div class=\"divide-y divide-gray-200\">
  633.                                 {% if(filterDefinition.filters|length > 0) %}
  634.                                     {% for filter in filterDefinition.filters %}
  635.                                         {% set filterMarkup = filterService.filterFrontend(filter, productListing, currentFilter) %}
  636.                                         {{ filterMarkup | raw  }}
  637.                                     {% endfor %}
  638.                                 {% endif %}
  639.                             </div>
  640.                         </div>
  641.                     </form>
  642.                 </div>
  643.             </div>
  644.         </div>
  646.         <nav aria-label=\"Breadcrumb\" class=\"pt-4\">
  647.             <ol role=\"list\" class=\"mx-auto flex max-w-2xl items-center space-x-2 px-4 sm:px-6 lg:max-w-7xl lg:px-8\">
  648.                 <li>
  649.                     <div class=\"flex items-center\">
  650.                         <a href=\"/\" class=\"mr-2 text-sm font-medium text-gray-900\">Home</a>
  651.                         <svg width=\"16\" height=\"20\" viewBox=\"0 0 16 20\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"h-5 w-4 text-gray-300\">
  652.                             <path d=\"M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z\" />
  653.                         </svg>
  654.                     </div>
  655.                 </li>
  657.                 <li class=\"text-sm\">
  658.                     <a href=\"{{ navStartNode }}\" aria-current=\"page\" class=\"font-medium text-brand-600 hover:text-gray-600\">{{ 'Produkte' | trans }}</a>
  659.                 </li>
  660.             </ol>
  661.         </nav>
  663.         <main class=\"mx-auto max-w-2xl px-4 lg:max-w-7xl lg:px-8\">
  664.             <form id=\"filters\">
  665.                 <div class=\"pt-12 pb-24 lg:grid lg:grid-cols-3 lg:gap-x-8 xl:grid-cols-4\">
  666.                     <aside>
  667.                         <div class=\"flex items-baseline justify-between hidden lg:block\">
  668.                             <h3 class=\"text-2xl mb-4 font-bold tracking-tight text-gray-900\">Filter</h3>
  669.                         </div>
  671.                         <div class=\"space-y-2 hidden lg:block\">
  672.                             {% if(currentFilter|length > 0) %}
  673.                                 {% for key,filter in currentFilter %}
  674.                                     {% if(filter is not null and filter is not empty and key not in [\"productGroup\", \"parentCategoryIds\", \"materialThickness\"]) %}
  675.                                         {% if filter is iterable %}
  676.                                             {% for f in filter %}
  677.                                                 <button data-filter=\"{{ (key ~ f)|replace({' ': ''}) }}\" type=\"button\" class=\"removeFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  678.                                                     <span class=\"flex-shrink-0\">
  679.                                                         <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  680.                                                             <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  681.                                                         </svg>
  682.                                                     </span>
  683.                                                     <span>
  684.                                                         {{ ('general.filter.' ~ key)|lower|trans }}: {{ (f)|lower|trans }}
  685.                                                     </span>
  686.                                                 </button>
  687.                                             {% endfor %}
  688.                                         {% else %}
  689.                                             <button data-filter=\"{{ (key ~ filter)|replace({' ': ''}) }}\" type=\"button\" class=\"removeFilter w-full inline-flex items-center py-2 px-3 bg-gray-100 hover:bg-brand-50 text-sm font-medium text-gray-600 hover:text-brand-600 border border-transparent hover:border-brand-600 rounded-md space-x-2 cursor-pointer select-none transition ease duration-300 group text-left\">
  690.                                                 <span class=\"flex-shrink-0\">
  691.                                                     <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">
  692.                                                         <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\" />
  693.                                                     </svg>
  694.                                                 </span>
  695.                                                 <span>
  696.                                                     {{ ('general.filter.' ~ key)|lower|trans }}: {{ (filter)|lower|trans }}
  697.                                                 </span>
  698.                                             </button>
  699.                                         {% endif %}
  700.                                     {% endif %}
  701.                                 {% endfor %}
  702.                             {% endif %}
  703.                         </div>
  705.                         <div class=\"mt-4 hidden lg:block\">
  706.                             <div class=\"divide-y divide-gray-200\">
  707.                                 {% if(filterDefinition.filters|length > 0) %}
  708.                                     {% for filter in filterDefinition.filters %}
  709.                                         {% set filterMarkup = filterService.filterFrontend(filter, productListing, currentFilter) %}
  710.                                         {{ filterMarkup | raw  }}
  711.                                     {% endfor %}
  712.                                 {% endif %}
  713.                             </div>
  714.                         </div>
  715.                     </aside>
  717.                     <section aria-labelledby=\"product-heading\" class=\"mt-6 lg:col-span-2 lg:mt-0 xl:col-span-3\">
  718.                         <div class=\"flex justify-between mb-4 items-center\">
  719.                             <h3 class=\"text-2xl font-bold tracking-tight text-gray-900\">{{ 'Produkte' | trans }}</h3>
  720.                             <div class=\"flex items-center\">
  721.                                 <button @click=\"showMobileFilter = true\" type=\"button\" class=\"mr-4 p-2 text-gray-400 hover:text-gray-500 sm:ml-6 lg:hidden\">
  722.                                     <span class=\"sr-only\">Filters</span>
  723.                                     <svg class=\"h-5 w-5\" aria-hidden=\"true\" viewBox=\"0 0 20 20\" fill=\"currentColor\">
  724.                                         <path fill-rule=\"evenodd\" d=\"M2.628 1.601C5.028 1.206 7.49 1 10 1s4.973.206 7.372.601a.75.75 0 01.628.74v2.288a2.25 2.25 0 01-.659 1.59l-4.682 4.683a2.25 2.25 0 00-.659 1.59v3.037c0 .684-.31 1.33-.844 1.757l-1.937 1.55A.75.75 0 018 18.25v-5.757a2.25 2.25 0 00-.659-1.591L2.659 6.22A2.25 2.25 0 012 4.629V2.34a.75.75 0 01.628-.74z\" clip-rule=\"evenodd\" />
  725.                                     </svg>
  726.                                 </button>
  727.                                 <div class=\"relative inline-block text-left\" x-data=\"{ isOpen: false }\">
  728.                                     <div>
  729.                                         <button type=\"button\" x-on:click=\"isOpen = ! isOpen\" class=\"inline-flex w-full justify-center py-2 px-3 bg-gray-100 text-sm font-semibold text-gray-900 space-x-1.5 rounded-md focus:outline-none\" id=\"menu-button\" aria-expanded=\"true\" aria-haspopup=\"true\">
  730.                                             <span>{{ 'Sortieren nach' | trans }}</span>
  731.                                             <svg class=\"-mr-1 h-5 w-5 text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">
  732.                                                 <path fill-rule=\"evenodd\" d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\" clip-rule=\"evenodd\" />
  733.                                             </svg>
  734.                                         </button>
  735.                                     </div>
  737.                                     <!--
  738.                                       Dropdown menu, show/hide based on menu state.
  740.                                       Entering: \"transition ease-out duration-100\"
  741.                                         From: \"transform opacity-0 scale-95\"
  742.                                         To: \"transform opacity-100 scale-100\"
  743.                                       Leaving: \"transition ease-in duration-75\"
  744.                                         From: \"transform opacity-100 scale-100\"
  745.                                         To: \"transform opacity-0 scale-95\"
  746.                                     -->
  747.                                     <div
  748.                                         x-cloak x-show=\"isOpen\"
  749.                                         @click.outside=\"isOpen = false\"
  750.                                         x-transition:enter=\"transition ease-out duration-100\"
  751.                                         x-transition:enter-start=\"transform opacity-0 scale-95\"
  752.                                         x-transition:enter-end=\"transform opacity-0 scale-100\"
  753.                                         x-transition:leave=\"transition ease-in duration-75\"
  754.                                         x-transition:leave-start=\"transform opacity-100 scale-100\"
  755.                                         x-transition:leave-end=\"transform opacity-0 scale-95\"
  756.                                         class=\"absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-gray-50 shadow-lg focus:outline-none\" role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"menu-button\" tabindex=\"-1\">
  757.                                         <div class=\"py-1\" role=\"none\">
  758.                                             <!--<button name=\"sort\" value=\"name-asc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-0\">{{ 'Artikelname' | trans }}</button>-->
  759.                                             <button name=\"sort\" value=\"code-asc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">{{ 'Produktcode (aufsteigend)' | trans }}</button>
  760.                                             <button name=\"sort\" value=\"code-desc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">{{ 'Produktcode (absteigend)' | trans }}</button>
  761.                                             <button name=\"sort\" value=\"materialThickness-asc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">{{ 'Materialstärke (aufsteigend)' | trans }}</button>
  762.                                             <button name=\"sort\" value=\"materialThickness-desc\" class=\"w-full block py-2 px-4 hover:bg-gray-100 text-sm text-gray-700 hover:text-gray-900 text-left\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-1\">{{ 'Materialstärke (absteigend)' | trans }}</button>
  763.                                         </div>
  764.                                     </div>
  765.                                 </div>
  766.                             </div>
  767.                         </div>
  769.                         <div class=\"grid grid-cols-1 gap-y-4 sm:grid-cols-3 sm:gap-x-6 sm:gap-y-10 lg:gap-x-8 xl:grid-cols-4\">
  770.                             {%  for item in results %}
  771.                                 {% include 'product/product_teaser.html.twig' with {'product': item} %}
  772.                             {% else %}
  773.                                 <div class=\"p-4 my-4 text-sm text-brand-600 rounded-lg bg-brand-50 col-span-4\" role=\"alert\">
  774.                                     {{ 'Leider wurden keine Ergebnisse gefunden' }}
  775.                                 </div>
  776.                             {% endfor %}
  777.                         </div>
  778.                         <div class=\"mt-10\">
  779.                             {% include '_partials/pagination.html.twig' %}
  780.                         </div>
  781.                     </section>
  782.                 </div>
  783.             </form>
  784.         </main>
  785.     </div>
  786. {% endblock %}
  788. {% block PAGE_JS %}
  789. {% endblock %}", "product/index.html.twig", "/var/www/html/templates/product/index.html.twig");
  790.     }
  791.     
  792.     public function checkSecurity()
  793.     {
  794.         static $tags = array("if" => 42, "for" => 43, "set" => 79, "include" => 215);
  795.         static $filters = array("length" => 42, "escape" => 47, "replace" => 47, "trans" => 54, "lower" => 54, "raw" => 80);
  796.         static $functions = array();
  798.         try {
  799.             $this->sandbox->checkSecurity(
  800.                 ['if', 'for', 'set', 'include'],
  801.                 ['length', 'escape', 'replace', 'trans', 'lower', 'raw'],
  802.                 []
  803.             );
  804.         } catch (SecurityError $e) {
  805.             $e->setSourceContext($this->source);
  807.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  808.                 $e->setTemplateLine($tags[$e->getTagName()]);
  809.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  810.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  811.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  812.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  813.             }
  815.             throw $e;
  816.         }
  818.     }
  819. }