var/cache/dev/twig/48/488aec1a9b011767a1a75a4213c9e485.php line 54

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. /* order/index.html.twig */
  18. class __TwigTemplate_250eee5ef27d2aa555fdd63e7ca6fc7e 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->blocks = [
  33.             'title' => [$this, 'block_title'],
  34.             'body' => [$this, 'block_body'],
  35.         ];
  36.     }
  38.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  39.     {
  40.         // line 1
  41.         return "base.html.twig";
  42.     }
  44.     protected function doDisplay(array $context, array $blocks = []): iterable
  45.     {
  46.         $macros = $this->macros;
  47.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  48.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "order/index.html.twig"));
  50.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  51.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "order/index.html.twig"));
  53.         $this->parent = $this->load("base.html.twig", 1);
  54.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  55.         
  56.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  58.         
  59.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  61.     }
  63.     // line 3
  64.     /**
  65.      * @return iterable<null|scalar|\Stringable>
  66.      */
  67.     public function block_title(array $context, array $blocks = []): iterable
  68.     {
  69.         $macros = $this->macros;
  70.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  73.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  76.         yield "Pedir - Restaurante";
  77.         
  78.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  80.         
  81.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  83.         yield from [];
  84.     }
  86.     // line 5
  87.     /**
  88.      * @return iterable<null|scalar|\Stringable>
  89.      */
  90.     public function block_body(array $context, array $blocks = []): iterable
  91.     {
  92.         $macros = $this->macros;
  93.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  94.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  96.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  97.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  99.         // line 6
  100.         yield "
  101. <style>
  103.     #confirmation-message{
  104.         transition: opacity 0.5s ease;
  105.     }
  107.     /* Estilo general del contenedor */
  108.     .filter-container {
  109.       position: sticky;
  110.       z-index: 1000;
  111.       background: rgba(255, 255, 255, 0.1); /* Fondo transparente */
  112.       padding: 15px;
  113.       border-radius: 10px;
  114.     }
  116.     /* Título del dropdown con separador negro y flecha */
  117.     .filter-title {
  118.       background: none;
  119.       border: none;
  120.       font-size: 16px;
  121.       font-weight: bold;
  122.       cursor: pointer;
  123.       width: 100%;
  124.       text-align: left;
  125.       padding: 10px;
  126.       display: flex;
  127.       justify-content: space-between;
  128.       align-items: center;
  129.       border-bottom: 2px solid black; /* Línea separadora negra */
  130.     }
  132.     .filter-title:hover {
  133.       background: rgba(255, 255, 255, 0.1);
  134.     }
  136.     /* Icono de la flecha */
  137.     .filter-title .arrow {
  138.       transition: transform 0.3s ease;
  139.     }
  141.     /* Rango de precio */
  142.     .slider-container {
  143.       padding: 10px;
  144.     }
  146.     input[type=\"range\"] {
  147.       width: 100%;
  148.       accent-color: red;
  149.     }
  151.     input[type=\"range\"]::-webkit-slider-thumb {
  152.       background: black;
  153.     }
  155.     /* Checkboxes */
  156.     .checkbox-container {
  157.       padding: 10px;
  158.     }
  160.     .form-check-label {
  161.         margin-bottom: 10px;
  162.     }
  164.     .filter-container .btn-search{
  165.         border-start-end-radius: 30px;
  166.         border-end-end-radius: 30px;
  167.         background: white;
  168.         border: 0px;
  169.     }
  170.     
  171.     /* Personalización del checkbox */
  172.     .category-checkbox {
  173.         appearance: none; /* Elimina el diseño predeterminado */
  174.         width: 18px;
  175.         height: 18px;
  176.         border: 2px solid #E63946; /* Borde rojo */
  177.         border-radius: 4px;
  178.         display: inline-block;
  179.         position: relative;
  180.         cursor: pointer;
  181.     }
  183.     /* Cuando está marcado, cambiar fondo y mostrar un check */
  184.     .category-checkbox:checked {
  185.         background-color: #E63946; /* Fondo rojo */
  186.         border: 2px solid #E63946;
  187.     }
  189.     /* Agregar un icono de check al marcar */
  190.     .category-checkbox:checked::after {
  191.         color: white;
  192.         font-size: 14px;
  193.         font-weight: bold;
  194.         position: absolute;
  195.         top: 50%;
  196.         left: 50%;
  197.         transform: translate(-50%, -50%);
  198.     }
  199.   </style>
  201. <body>
  203. <!-- Header -->
  204. ";
  205.         // line 110
  206.         yield $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment(Symfony\Bridge\Twig\Extension\HttpKernelExtension::controller("App\\Controller\\HeaderController::index"));
  207.         yield "
  210. <div class=\"container container-custom order-container mt-4\">
  211.     <div id=\"confirmation-message\" class=\"container alert alert-success d-none fixed-top\" role=\"alert\" style=\"margin-top: 90px\">
  212.         ¡Producto añadido al carrito correctamente!
  213.     </div>
  214.     <div class=\"row\">
  215.         <div class=\"col-12 mb-3 title-block\">
  216.             <nav aria-label=\"breadcrumb\">
  217.                 <ol class=\"breadcrumb\">
  218.                     <li class=\"breadcrumb-item\"><a class=\"text-decoration-none section-title\" href=\"/\">Home</a></li>
  219.                     
  220.                     ";
  221.         // line 123
  222.         if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 123, $this->source); })()), "request", [], "any", false, false, false, 123), "get", ["category"], "method", false, false, false, 123)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  223.             // line 124
  224.             yield "                        ";
  225.             $context["selectedCategoryId"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 124, $this->source); })()), "request", [], "any", false, false, false, 124), "get", ["category"], "method", false, false, false, 124);
  226.             // line 125
  227.             yield "                        ";
  228.             $context["selectedCategory"] = Twig\Extension\CoreExtension::first($this->env->getCharset(), Twig\Extension\CoreExtension::filter($this->env, (isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 125, $this->source); })()), function ($__c__) use ($context, $macros) { $context["c"] = $__c__; return (CoreExtension::getAttribute($this->env, $this->source, (isset($context["c"]) || array_key_exists("c", $context) ? $context["c"] : (function () { throw new RuntimeError('Variable "c" does not exist.', 125, $this->source); })()), "id", [], "any", false, false, false, 125) == (isset($context["selectedCategoryId"]) || array_key_exists("selectedCategoryId", $context) ? $context["selectedCategoryId"] : (function () { throw new RuntimeError('Variable "selectedCategoryId" does not exist.', 125, $this->source); })())); }));
  229.             // line 126
  230.             yield "                        
  231.                         <li class=\"breadcrumb-item\"><a class=\"text-decoration-none section-title\" href=\"";
  232.             // line 127
  233.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_order");
  234.             yield "\">Productos</a></li>
  235.                         ";
  236.             // line 128
  237.             if ((($tmp = (isset($context["selectedCategory"]) || array_key_exists("selectedCategory", $context) ? $context["selectedCategory"] : (function () { throw new RuntimeError('Variable "selectedCategory" does not exist.', 128, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  238.                 // line 129
  239.                 yield "                            <li class=\"breadcrumb-item active\" aria-current=\"page\">";
  240.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["selectedCategory"]) || array_key_exists("selectedCategory", $context) ? $context["selectedCategory"] : (function () { throw new RuntimeError('Variable "selectedCategory" does not exist.', 129, $this->source); })()), "name", [], "any", false, false, false, 129), "html", null, true);
  241.                 yield "</li>
  242.                         ";
  243.             }
  244.             // line 131
  245.             yield "                    ";
  246.         } else {
  247.             // line 132
  248.             yield "                        <li class=\"breadcrumb-item active\" aria-current=\"page\">Productos</li>
  249.                     ";
  250.         }
  251.         // line 134
  252.         yield "                </ol>
  253.             </nav>
  254.             <h1 class=\"section-title category-section my-4 \">Nuestros Productos</h1>
  255.         </div>
  256.         <!-- Productos -->
  257.         <div class=\"col-12 col-lg-12\" style=\"min-height: 50vh\">
  258.             <div class=\"row align-items-start\" >
  259.                     ";
  260.         // line 141
  261.         yield from $this->load("components/products.html.twig", 141)->unwrap()->yield(CoreExtension::merge($context, ["products" => (isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 141, $this->source); })())]));
  262.         // line 142
  263.         yield "            </div>
  264.         </div>
  265.     </div>
  266. </div>
  267.     
  269.     
  270. ";
  271.         // line 150
  272.         yield "<button class=\"btn btn-primary rounded-circle position-fixed \" 
  273.         style=\"bottom: 20px; left: 20px; z-index: 1050; width: 50px; height: 50px;\" 
  274.         type=\"button\" 
  275.         data-bs-toggle=\"offcanvas\" 
  276.         data-bs-target=\"#filterOffcanvas\" 
  277.         aria-controls=\"filterOffcanvas\">
  278.     <i class=\"bi bi-filter\" style=\"font-size: 1.5rem;\"></i>
  279. </button>
  281. ";
  282.         // line 160
  283.         yield "<div class=\"offcanvas offcanvas-start\" tabindex=\"-1\" id=\"filterOffcanvas\" aria-labelledby=\"filterOffcanvasLabel\">
  284.   <div class=\"offcanvas-header\">
  285.     <h5 class=\"offcanvas-title\" id=\"filterOffcanvasLabel\">Filtros</h5>
  286.     <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
  287.   </div>
  288.   <div class=\"offcanvas-body\">
  289.       <div class=\"filter-container pt-0\">
  290.           <form method=\"GET\" action=\"";
  291.         // line 167
  292.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_order");
  293.         yield "\">
  294.               <button type=\"submit\" class=\"btn btn-primary w-100 mb-3\">Filtrar</button>
  296.               <!-- Filtro de Buscador -->
  297.               <button class=\"filter-title\" data-bs-toggle=\"collapse\" data-bs-target=\"#filter-search\" aria-expanded=\"true\" type=\"button\">
  298.                   Filtrar por Nombre <span class=\"arrow\">▼</span>
  299.               </button>
  300.               <div id=\"filter-search\" class=\"collapse show\">
  301.                   <div class=\"my-3 d-flex\">
  302.                       <div class=\"input-group input-group-lg\">
  303.                           <input type=\"search\" name=\"search\" class=\"form-control fs-6 bar-search\" placeholder=\"Nombre...\" 
  304.                               aria-label=\"Nombre\" value=\"";
  305.         // line 178
  306.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 178, $this->source); })()), "request", [], "any", false, false, false, 178), "get", ["search"], "method", false, false, false, 178), "html", null, true);
  307.         yield "\">
  308.                       </div>
  309.                   </div>
  310.               </div>
  312.               <!-- Filtro de Precio -->
  313.               <button class=\"filter-title\" data-bs-toggle=\"collapse\" data-bs-target=\"#filter-price\" aria-expanded=\"true\" type=\"button\">
  314.                   Filtrar por Precio <span class=\"arrow\">▼</span>
  315.               </button>
  316.               <div id=\"filter-price\" class=\"collapse show\">
  317.                   <div class=\"slider-container\">
  318.                       <input type=\"range\" name=\"price\" min=\"0\" max=\"";
  319.         // line 189
  320.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["max_price"]) || array_key_exists("max_price", $context) ? $context["max_price"] : (function () { throw new RuntimeError('Variable "max_price" does not exist.', 189, $this->source); })()), "html", null, true);
  321.         yield "\" step=\"1\" id=\"priceRange\"
  322.                           value=\"";
  323.         // line 190
  324.         yield ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 190, $this->source); })()), "request", [], "any", false, false, false, 190), "get", ["price"], "method", false, false, false, 190)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 190, $this->source); })()), "request", [], "any", false, false, false, 190), "get", ["price"], "method", false, false, false, 190), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["max_price"]) || array_key_exists("max_price", $context) ? $context["max_price"] : (function () { throw new RuntimeError('Variable "max_price" does not exist.', 190, $this->source); })()), "html", null, true)));
  325.         yield "\">
  326.                       <p class=\"fs-6\">Precio: <span id=\"priceValue\">";
  327.         // line 191
  328.         yield ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 191, $this->source); })()), "request", [], "any", false, false, false, 191), "get", ["price"], "method", false, false, false, 191)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 191, $this->source); })()), "request", [], "any", false, false, false, 191), "get", ["price"], "method", false, false, false, 191), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["max_price"]) || array_key_exists("max_price", $context) ? $context["max_price"] : (function () { throw new RuntimeError('Variable "max_price" does not exist.', 191, $this->source); })()), "html", null, true)));
  329.         yield "</span>€</p>
  330.                   </div>
  331.               </div>
  333.               <!-- Filtro de Categorías -->
  334.               <button class=\"filter-title\" data-bs-toggle=\"collapse\" data-bs-target=\"#filter-category\" aria-expanded=\"true\" type=\"button\">
  335.                   Filtrar por Categorías <span class=\"arrow\">▼</span>
  336.               </button>
  337.               <div id=\"filter-category\" class=\"collapse show\">
  338.                   <div class=\"checkbox-container\">
  339.                       ";
  340.         // line 201
  341.         $context['_parent'] = $context;
  342.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 201, $this->source); })()));
  343.         foreach ($context['_seq'] as $context["_key"] => $context["category"]) {
  344.             // line 202
  345.             yield "                          <div class=\"form-check\">
  346.                               <input class=\"form-check-input category-checkbox\" type=\"checkbox\" name=\"category\" id=\"cat";
  347.             // line 203
  348.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["category"], "id", [], "any", false, false, false, 203), "html", null, true);
  349.             yield "\" value=\"";
  350.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["category"], "id", [], "any", false, false, false, 203), "html", null, true);
  351.             yield "\"
  352.                                   ";
  353.             // line 204
  354.             if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 204, $this->source); })()), "request", [], "any", false, false, false, 204), "get", ["category"], "method", false, false, false, 204) == $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(CoreExtension::getAttribute($this->env, $this->source, $context["category"], "id", [], "any", false, false, false, 204)))) {
  355.                 yield "checked";
  356.             }
  357.             yield ">
  358.                               <label class=\"form-check-label\" for=\"cat";
  359.             // line 205
  360.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["category"], "id", [], "any", false, false, false, 205), "html", null, true);
  361.             yield "\">";
  362.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["category"], "name", [], "any", false, false, false, 205), "html", null, true);
  363.             yield "</label>
  364.                           </div>
  365.                       ";
  366.         }
  367.         $_parent = $context['_parent'];
  368.         unset($context['_seq'], $context['_key'], $context['category'], $context['_parent']);
  369.         $context = array_intersect_key($context, $_parent) + $_parent;
  370.         // line 208
  371.         yield "                  </div>
  372.               </div>
  373.           </form>
  374.       </div>
  375.   </div>
  376. </div>
  377.     
  378.     
  379. </body>
  381. <script>
  382.     document.getElementById('priceRange').addEventListener('input', function() {
  383.         document.getElementById('priceValue').innerText = this.value;
  384.     });
  385. </script>
  387. <script>
  388.     document.addEventListener(\"DOMContentLoaded\", function () {
  389.         const checkboxes = document.querySelectorAll(\".category-checkbox\");
  391.         checkboxes.forEach(checkbox => {
  392.             checkbox.addEventListener(\"click\", function () {
  393.                 if (this.checked) {
  394.                     checkboxes.forEach(cb => {
  395.                         if (cb !== this) cb.checked = false; // Desmarca los otros
  396.                     });
  397.                 }
  398.             });
  399.         });
  400.     });
  401. </script>
  403. ";
  404.         
  405.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  407.         
  408.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  410.         yield from [];
  411.     }
  413.     /**
  414.      * @codeCoverageIgnore
  415.      */
  416.     public function getTemplateName(): string
  417.     {
  418.         return "order/index.html.twig";
  419.     }
  421.     /**
  422.      * @codeCoverageIgnore
  423.      */
  424.     public function isTraitable(): bool
  425.     {
  426.         return false;
  427.     }
  429.     /**
  430.      * @codeCoverageIgnore
  431.      */
  432.     public function getDebugInfo(): array
  433.     {
  434.         return array (  371 => 208,  360 => 205,  354 => 204,  348 => 203,  345 => 202,  341 => 201,  328 => 191,  324 => 190,  320 => 189,  306 => 178,  292 => 167,  283 => 160,  272 => 150,  263 => 142,  261 => 141,  252 => 134,  248 => 132,  245 => 131,  239 => 129,  237 => 128,  233 => 127,  230 => 126,  227 => 125,  224 => 124,  222 => 123,  206 => 110,  100 => 6,  87 => 5,  64 => 3,  41 => 1,);
  435.     }
  437.     public function getSourceContext(): Source
  438.     {
  439.         return new Source("{% extends 'base.html.twig' %}
  441. {% block title %}Pedir - Restaurante{% endblock %}
  443. {% block body %}
  445. <style>
  447.     #confirmation-message{
  448.         transition: opacity 0.5s ease;
  449.     }
  451.     /* Estilo general del contenedor */
  452.     .filter-container {
  453.       position: sticky;
  454.       z-index: 1000;
  455.       background: rgba(255, 255, 255, 0.1); /* Fondo transparente */
  456.       padding: 15px;
  457.       border-radius: 10px;
  458.     }
  460.     /* Título del dropdown con separador negro y flecha */
  461.     .filter-title {
  462.       background: none;
  463.       border: none;
  464.       font-size: 16px;
  465.       font-weight: bold;
  466.       cursor: pointer;
  467.       width: 100%;
  468.       text-align: left;
  469.       padding: 10px;
  470.       display: flex;
  471.       justify-content: space-between;
  472.       align-items: center;
  473.       border-bottom: 2px solid black; /* Línea separadora negra */
  474.     }
  476.     .filter-title:hover {
  477.       background: rgba(255, 255, 255, 0.1);
  478.     }
  480.     /* Icono de la flecha */
  481.     .filter-title .arrow {
  482.       transition: transform 0.3s ease;
  483.     }
  485.     /* Rango de precio */
  486.     .slider-container {
  487.       padding: 10px;
  488.     }
  490.     input[type=\"range\"] {
  491.       width: 100%;
  492.       accent-color: red;
  493.     }
  495.     input[type=\"range\"]::-webkit-slider-thumb {
  496.       background: black;
  497.     }
  499.     /* Checkboxes */
  500.     .checkbox-container {
  501.       padding: 10px;
  502.     }
  504.     .form-check-label {
  505.         margin-bottom: 10px;
  506.     }
  508.     .filter-container .btn-search{
  509.         border-start-end-radius: 30px;
  510.         border-end-end-radius: 30px;
  511.         background: white;
  512.         border: 0px;
  513.     }
  514.     
  515.     /* Personalización del checkbox */
  516.     .category-checkbox {
  517.         appearance: none; /* Elimina el diseño predeterminado */
  518.         width: 18px;
  519.         height: 18px;
  520.         border: 2px solid #E63946; /* Borde rojo */
  521.         border-radius: 4px;
  522.         display: inline-block;
  523.         position: relative;
  524.         cursor: pointer;
  525.     }
  527.     /* Cuando está marcado, cambiar fondo y mostrar un check */
  528.     .category-checkbox:checked {
  529.         background-color: #E63946; /* Fondo rojo */
  530.         border: 2px solid #E63946;
  531.     }
  533.     /* Agregar un icono de check al marcar */
  534.     .category-checkbox:checked::after {
  535.         color: white;
  536.         font-size: 14px;
  537.         font-weight: bold;
  538.         position: absolute;
  539.         top: 50%;
  540.         left: 50%;
  541.         transform: translate(-50%, -50%);
  542.     }
  543.   </style>
  545. <body>
  547. <!-- Header -->
  548. {{ render(controller('App\\\\Controller\\\\HeaderController::index')) }}
  551. <div class=\"container container-custom order-container mt-4\">
  552.     <div id=\"confirmation-message\" class=\"container alert alert-success d-none fixed-top\" role=\"alert\" style=\"margin-top: 90px\">
  553.         ¡Producto añadido al carrito correctamente!
  554.     </div>
  555.     <div class=\"row\">
  556.         <div class=\"col-12 mb-3 title-block\">
  557.             <nav aria-label=\"breadcrumb\">
  558.                 <ol class=\"breadcrumb\">
  559.                     <li class=\"breadcrumb-item\"><a class=\"text-decoration-none section-title\" href=\"/\">Home</a></li>
  560.                     
  561.                     {% if app.request.get('category') %}
  562.                         {% set selectedCategoryId = app.request.get('category') %}
  563.                         {% set selectedCategory = categories|filter(c => c.id == selectedCategoryId)|first %}
  564.                         
  565.                         <li class=\"breadcrumb-item\"><a class=\"text-decoration-none section-title\" href=\"{{ path('app_order') }}\">Productos</a></li>
  566.                         {% if selectedCategory %}
  567.                             <li class=\"breadcrumb-item active\" aria-current=\"page\">{{ selectedCategory.name }}</li>
  568.                         {% endif %}
  569.                     {% else %}
  570.                         <li class=\"breadcrumb-item active\" aria-current=\"page\">Productos</li>
  571.                     {% endif %}
  572.                 </ol>
  573.             </nav>
  574.             <h1 class=\"section-title category-section my-4 \">Nuestros Productos</h1>
  575.         </div>
  576.         <!-- Productos -->
  577.         <div class=\"col-12 col-lg-12\" style=\"min-height: 50vh\">
  578.             <div class=\"row align-items-start\" >
  579.                     {% include \"components/products.html.twig\" with {'products': products} %}
  580.             </div>
  581.         </div>
  582.     </div>
  583. </div>
  584.     
  586.     
  587. {# Botón flotante para abrir el offcanvas de filtros #}
  588. <button class=\"btn btn-primary rounded-circle position-fixed \" 
  589.         style=\"bottom: 20px; left: 20px; z-index: 1050; width: 50px; height: 50px;\" 
  590.         type=\"button\" 
  591.         data-bs-toggle=\"offcanvas\" 
  592.         data-bs-target=\"#filterOffcanvas\" 
  593.         aria-controls=\"filterOffcanvas\">
  594.     <i class=\"bi bi-filter\" style=\"font-size: 1.5rem;\"></i>
  595. </button>
  597. {# Offcanvas que contendrá los filtros #}
  598. <div class=\"offcanvas offcanvas-start\" tabindex=\"-1\" id=\"filterOffcanvas\" aria-labelledby=\"filterOffcanvasLabel\">
  599.   <div class=\"offcanvas-header\">
  600.     <h5 class=\"offcanvas-title\" id=\"filterOffcanvasLabel\">Filtros</h5>
  601.     <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
  602.   </div>
  603.   <div class=\"offcanvas-body\">
  604.       <div class=\"filter-container pt-0\">
  605.           <form method=\"GET\" action=\"{{ path('app_order') }}\">
  606.               <button type=\"submit\" class=\"btn btn-primary w-100 mb-3\">Filtrar</button>
  608.               <!-- Filtro de Buscador -->
  609.               <button class=\"filter-title\" data-bs-toggle=\"collapse\" data-bs-target=\"#filter-search\" aria-expanded=\"true\" type=\"button\">
  610.                   Filtrar por Nombre <span class=\"arrow\">▼</span>
  611.               </button>
  612.               <div id=\"filter-search\" class=\"collapse show\">
  613.                   <div class=\"my-3 d-flex\">
  614.                       <div class=\"input-group input-group-lg\">
  615.                           <input type=\"search\" name=\"search\" class=\"form-control fs-6 bar-search\" placeholder=\"Nombre...\" 
  616.                               aria-label=\"Nombre\" value=\"{{ app.request.get('search') }}\">
  617.                       </div>
  618.                   </div>
  619.               </div>
  621.               <!-- Filtro de Precio -->
  622.               <button class=\"filter-title\" data-bs-toggle=\"collapse\" data-bs-target=\"#filter-price\" aria-expanded=\"true\" type=\"button\">
  623.                   Filtrar por Precio <span class=\"arrow\">▼</span>
  624.               </button>
  625.               <div id=\"filter-price\" class=\"collapse show\">
  626.                   <div class=\"slider-container\">
  627.                       <input type=\"range\" name=\"price\" min=\"0\" max=\"{{ max_price }}\" step=\"1\" id=\"priceRange\"
  628.                           value=\"{{ app.request.get('price') ?: max_price }}\">
  629.                       <p class=\"fs-6\">Precio: <span id=\"priceValue\">{{ app.request.get('price') ?: max_price }}</span>€</p>
  630.                   </div>
  631.               </div>
  633.               <!-- Filtro de Categorías -->
  634.               <button class=\"filter-title\" data-bs-toggle=\"collapse\" data-bs-target=\"#filter-category\" aria-expanded=\"true\" type=\"button\">
  635.                   Filtrar por Categorías <span class=\"arrow\">▼</span>
  636.               </button>
  637.               <div id=\"filter-category\" class=\"collapse show\">
  638.                   <div class=\"checkbox-container\">
  639.                       {% for category in categories %}
  640.                           <div class=\"form-check\">
  641.                               <input class=\"form-check-input category-checkbox\" type=\"checkbox\" name=\"category\" id=\"cat{{ category.id }}\" value=\"{{ category.id }}\"
  642.                                   {% if app.request.get('category') == category.id|trans %}checked{% endif %}>
  643.                               <label class=\"form-check-label\" for=\"cat{{ category.id }}\">{{ category.name }}</label>
  644.                           </div>
  645.                       {% endfor %}
  646.                   </div>
  647.               </div>
  648.           </form>
  649.       </div>
  650.   </div>
  651. </div>
  652.     
  653.     
  654. </body>
  656. <script>
  657.     document.getElementById('priceRange').addEventListener('input', function() {
  658.         document.getElementById('priceValue').innerText = this.value;
  659.     });
  660. </script>
  662. <script>
  663.     document.addEventListener(\"DOMContentLoaded\", function () {
  664.         const checkboxes = document.querySelectorAll(\".category-checkbox\");
  666.         checkboxes.forEach(checkbox => {
  667.             checkbox.addEventListener(\"click\", function () {
  668.                 if (this.checked) {
  669.                     checkboxes.forEach(cb => {
  670.                         if (cb !== this) cb.checked = false; // Desmarca los otros
  671.                     });
  672.                 }
  673.             });
  674.         });
  675.     });
  676. </script>
  678. {% endblock %}
  679. ", "order/index.html.twig", "/home/u619587673/domains/tcgbunker.shop/templates/order/index.html.twig");
  680.     }
  681. }