var/cache/dev/twig/a9/a9d1fe9dd2184efb47c66dbaac9dee96.php line 42

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. /* base.html.twig */
  18. class __TwigTemplate_f4e641c9176a92404c953c7437a87797 extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->parent = false;
  34.         $this->blocks = [
  35.             'title' => [$this, 'block_title'],
  36.             'stylesheets' => [$this, 'block_stylesheets'],
  37.             'javascripts' => [$this, 'block_javascripts'],
  38.             'body' => [$this, 'block_body'],
  39.         ];
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = []): iterable
  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", "base.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", "base.html.twig"));
  51.         // line 1
  52.         yield "<!DOCTYPE html>
  53. <html>
  54.     <head>
  55.         <meta charset=\"UTF-8\">
  56.         <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  57.         <title>TcgBunker - Home</title>
  58.         <!-- Metadatos Open Graph para control de la miniatura y la descripción -->
  59.         <meta property=\"og:title\" content=\"TcgBunker\">
  60.         <meta property=\"og:description\" content=\"Compra decks y mucho mas\">
  61.         <meta property=\"og:image\" content=\"/images/test.png\">
  62.         <meta property=\"og:type\" content=\"website\">
  63.         <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">
  64.         <link href=\"https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css\" rel=\"stylesheet\"> <!-- AOS CSS -->
  65.         <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css\" integrity=\"sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
  66.         <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\"></script>
  67.         <script src=\"https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js\"></script>
  68.         <script src=\"https://code.jquery.com/jquery-3.7.1.min.js\" integrity=\"sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=\" crossorigin=\"anonymous\"></script>
  69.         <!-- Google Font -->
  70.         <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">
  71.         <style>
  72.             body {
  73.                 font-family: 'Poppins', sans-serif;
  74.                 background-color: #f8f9fa;
  75.                 color: #333;
  76.                 overflow-y: scroll;
  77.             }
  79.             .btn-primary {
  80.                 background-color: #E63946;
  81.                 border: none;
  82.             }
  84.             .btn-outline-primary{
  85.                     --bs-btn-color: #E63946;
  86.                     --bs-btn-border-color: #E63946;
  87.                     --bs-btn-hover-color: #fff;
  88.                     --bs-btn-hover-bg: #E63946;
  89.                     --bs-btn-hover-border-color: #E63946;
  90.                     --bs-btn-focus-shadow-rgb: 13, 110, 253;
  91.                     --bs-btn-active-color: #fff;
  92.                     --bs-btn-active-bg: #E63946;
  93.                     --bs-btn-active-border-color: #E63946;
  94.                     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  95.                     --bs-btn-disabled-color: #E63946;
  96.                     --bs-btn-disabled-bg: transparent;
  97.                     --bs-btn-disabled-border-color: #E63946;
  98.                     --bs-gradient: none;
  99.             }
  101.             .btn-primary:hover {
  102.                 background-color: #D62839;
  103.             }
  105.             .btn-secondary {
  106.                 background-color: #F4A261;
  107.                 border: none;
  108.                 color: #FFFFFF;
  109.             }
  111.             .btn-secondary:hover {
  112.                 background-color: #E08E3C;
  113.             }
  115.             .pointer{
  116.                 cursor:pointer;
  117.             }
  119.             .form-section {
  120.                 background-color: #F2F2F2;
  121.                 padding: 50px 20px;
  122.             }
  124.             .contact-section {
  125.                 background-color: #F2F2F2;
  126.                 padding: 50px 20px;
  127.             }
  129.             .carousel-item img {
  130.                 height: 300px;
  131.                 object-fit: cover;
  132.             }
  134.             footer {
  135.                 background-color: #333333;
  136.                 color: white;
  137.                 padding: 20px 0;
  138.                 text-align: center;
  139.             }
  141.             .cart-icon {
  142.                 font-size: 1.5rem;
  143.                 color: #F2F2F2;
  144.             }
  146.             
  147.             .bg-deg{
  148.                 background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5))
  149.             }
  150.             
  151.         </style>
  152.         <style>
  153.             .product-row img {
  154.                 height: 200px;
  155.                 object-fit: cover;
  156.                 width: 100%;
  157.             }
  159.             .category-section {
  160.                 padding: 20px 0;
  161.                 border-bottom: 1px solid #eaeaea;
  162.             }
  164.             h1.category-section {
  165.                 padding: 20px 0;
  166.                 border-bottom: 2px solid #333;
  167.             }
  169.             .category-section h3 {
  170.                 border-bottom: 2px solid #333;
  171.                 padding-bottom: 5px;
  172.             }
  173.         </style>
  174.         <style>
  175.             /* Estilo del carrito dinámico */
  176.             .cart-sidebar {
  177.                 position: fixed;
  178.                 top: 0;
  179.                 right: -320px;
  180.                 width: 320px;
  181.                 height: 100%;
  182.                 background: white;
  183.                 box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  184.                 padding: 20px;
  185.                 overflow-y: auto;
  186.                 transition: right 0.3s ease;
  187.                 z-index: 1050;
  188.             }
  190.             .cart-sidebar.open {
  191.                 right: 0;
  192.             }
  194.             .cart-header {
  195.                 background-color: #f8f9fa;
  196.                 font-weight: bold;
  197.             }
  199.             .cart-items {
  200.                 flex: 1;
  201.                 overflow-y: auto;
  202.             }
  204.             .cart-footer {
  205.                 background-color: #f8f9fa;
  206.             }
  208.             .list-group-item .btn {
  209.                 padding: 0 8px;
  210.                 font-size: 12px;
  211.                 line-height: 1.5;
  212.                 margin-left: 5px;
  213.                 margin-right: 5px;
  214.             }
  215.         </style>
  216.         <!-- Estilos adicionales -->
  217.         <style>
  219.             nav ul li a {
  220.                 color: #fff;
  221.             }
  223.             nav ul li a:hover {
  224.                 color: #dc3545; /* Efecto hover para los enlaces del menú */
  225.             }
  227.             .section-title 
  228.             {
  229.                 font-weight: 600;
  230.                 color: #e50914!important;
  231.             }
  232.             a.section-title 
  233.             {
  234.                 font-weight: 600;
  235.                 color: #e50914!important;
  236.             }
  237.             .m-h-75{
  238.                 min-height: 75vh;
  239.             }
  240.             .m-h-60{
  241.                 min-height: 60vh;
  242.             }
  243.             .fs-7{
  244.                 font-size: 14px!important;
  245.             }
  246.             /* CSS: transición suave y origen del zoom centrado */
  247.             .zoom {
  248.                 transition: transform 0.3s ease;
  249.                 transform-origin: center center;
  250.             }
  252.             .out-of-stock {
  253.                 position: relative;
  254.                 opacity: 0.5; /* Da un efecto sombreado o deshabilitado */
  255.             }
  257.             .out-of-stock::after {
  258.                 content: \"AGOTADO\";
  259.                 position: absolute;
  260.                 top: 40%;
  261.                 left: 50%;
  262.                 transform: translate(-50%, -50%);
  263.                 background: rgba(255, 0, 0, 0.7);
  264.                 color: white;
  265.                 padding: 5px 15px;
  266.                 font-weight: bold;
  267.                 border-radius: 5px;
  268.             }
  269. </style>
  270.             
  271.         </style>
  272.         <meta charset=\"UTF-8\">
  273.         <title>";
  274.         // line 222
  275.         yield from $this->unwrap()->yieldBlock('title', $context, $blocks);
  276.         yield "</title>
  277.         <link rel=\"icon\" href=\"data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>\">
  278.         ";
  279.         // line 225
  280.         yield "        ";
  281.         yield from $this->unwrap()->yieldBlock('stylesheets', $context, $blocks);
  282.         // line 228
  283.         yield "
  284.         ";
  285.         // line 229
  286.         yield from $this->unwrap()->yieldBlock('javascripts', $context, $blocks);
  287.         // line 232
  288.         yield "    </head>
  289.     <body>
  290.         
  291.         ";
  292.         // line 235
  293.         $context['_parent'] = $context;
  294.         $context['_seq'] = CoreExtension::ensureTraversable(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.', 235, $this->source); })()), "flashes", [], "any", false, false, false, 235));
  295.         foreach ($context['_seq'] as $context["label"] => $context["messages"]) {
  296.             // line 236
  297.             yield "            ";
  298.             $context['_parent'] = $context;
  299.             $context['_seq'] = CoreExtension::ensureTraversable($context["messages"]);
  300.             foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
  301.                 // line 237
  302.                 yield "                <div class=\"alert alert-";
  303.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["label"], "html", null, true);
  304.                 yield " alert-dismissible fade show\"  role=\"alert\">
  305.                     ";
  306.                 // line 238
  307.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["message"], "html", null, true);
  308.                 yield "
  309.                       <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>
  310.                 </div>
  311.             ";
  312.             }
  313.             $_parent = $context['_parent'];
  314.             unset($context['_seq'], $context['_key'], $context['message'], $context['_parent']);
  315.             $context = array_intersect_key($context, $_parent) + $_parent;
  316.             // line 242
  317.             yield "        ";
  318.         }
  319.         $_parent = $context['_parent'];
  320.         unset($context['_seq'], $context['label'], $context['messages'], $context['_parent']);
  321.         $context = array_intersect_key($context, $_parent) + $_parent;
  322.         // line 243
  323.         yield "        ";
  324.         yield from $this->unwrap()->yieldBlock('body', $context, $blocks);
  325.         // line 244
  326.         yield "        
  327.         <!-- Sidebar del carrito -->
  328.         <div id=\"cart-sidebar\" class=\"cart-sidebar\">
  329.             <!-- El contenido del carrito será cargado dinámicamente aquí -->
  330.         </div>
  332.         <!-- Footer -->
  333.         <footer class=\"bg-dark text-white pt-5\">
  334.             <div class=\"container\">
  335.                 <div class=\"row fs-7\">
  336.                     <!-- Políticas -->
  337.                     <div class=\"col-12 col-md-12 mb-4\">
  338.                         <h5 class=\"text-uppercase mb-4 d-none\">Políticas</h5>
  339.                         <ul class=\"list-unstyled d-md-flex d-block justify-content-start gap-3\">
  340.                             <li class=\"mb-2\"><a href=\"/politica-de-privacidad\" class=\"text-white text-decoration-none\">Política de Privacidad</a></li>
  341.                             <li class=\"mb-2\"><a href=\"/terminos-del-servicio\" class=\"text-white text-decoration-none\">Términos y Condiciones</a></li>
  342.                             <li class=\"mb-2\"><a href=\"/politica-de-cookies\" class=\"text-white text-decoration-none\">Política de Cookies</a></li>
  343.                             <li class=\"mb-2\"><a href=\"/politica-de-devoluciones\" class=\"text-white text-decoration-none\">Devoluciones</a></li>
  344.                             <li class=\"mb-2\"><a href=\"/contact\" class=\"text-white text-decoration-none\">Contáctanos</a></li>
  345.                         </ul>
  346.                     </div>
  347.                     <!-- Métodos de Pago -->
  348.                     <div class=\"col-12 col-md-4 mb-4 d-none\">
  349.                         <h5 class=\"text-uppercase mb-4\">Métodos de Pago</h5>
  350.                         <ul class=\"list-inline\">
  351.                             <li class=\"list-inline-item mb-2\">
  352.                                 <i class=\"bi bi-credit-card fs-4\" aria-label=\"Tarjetas de crédito\"></i>
  353.                                 <div class=\"small\">Tarjetas</div>
  354.                             </li>
  355.                             <!--<li class=\"list-inline-item mb-2\">
  356.                                 <i class=\"bi bi-paypal fs-4\" aria-label=\"PayPal\"></i>
  357.                                 <div class=\"small\">PayPal</div>
  358.                             </li>
  359.                             <li class=\"list-inline-item mb-2\">
  360.                                 <i class=\"bi bi-cash fs-4\" aria-label=\"Efectivo\"></i>
  361.                                 <div class=\"small\">Contraentrega</div>
  362.                             </li>-->
  363.                         </ul>
  364.                     </div>
  366.                     <!-- Métodos de Envío -->
  367.                     <div class=\"col-12 col-md-4 mb-4 d-none\">
  368.                         <h5 class=\"text-uppercase mb-4\">Envíos</h5>
  369.                         <ul class=\"list-inline\">
  370.                             <li class=\"list-inline-item mb-2\">
  371.                                 <i class=\"bi bi-truck fs-4\" aria-label=\"Envío estándar\"></i>
  372.                                 <div class=\"small\">Estándar</div>
  373.                             </li>
  374.                             <!--<li class=\"list-inline-item mb-2\">
  375.                                 <i class=\"bi bi-box-seam fs-4\" aria-label=\"Envío express\"></i>
  376.                                 <div class=\"small\">Express</div>
  377.                             </li>
  378.                             <li class=\"list-inline-item mb-2\">
  379.                                 <i class=\"bi bi-globe fs-4\" aria-label=\"Envío internacional\"></i>
  380.                                 <div class=\"small\">Internacional</div>
  381.                             </li>-->
  382.                         </ul>
  383.                     </div>
  385.                     
  387.                     <!-- Redes Sociales (extra) -->
  388.                     <!--<div class=\"col-12 col-md-3 mb-4\">
  389.                         <h5 class=\"text-uppercase mb-4\">Síguenos</h5>
  390.                         <div class=\"d-flex gap-3 justify-content-center\">
  391.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-facebook fs-4\"></i></a>
  392.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-instagram fs-4\"></i></a>
  393.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-twitter-x fs-4\"></i></a>
  394.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-tiktok fs-4\"></i></a>
  395.                         </div>
  396.                     </div>-->
  397.                 </div>
  399.                 <!-- Derechos de autor -->
  400.                 <div class=\"border-top pt-4\">
  401.                     <div class=\"row\">
  402.                         <div class=\"col-12 text-center\">
  403.                             <p class=\"small mb-0\">&copy; 2025 TcgBunker. Todos los derechos reservados.</p>
  404.                         </div>
  405.                     </div>
  406.                 </div>
  407.             </div>
  408.         </footer>
  410.         <!-- Barra de cookies -->
  411.         <div id=\"cookie-banner\" style=\"position: fixed; bottom: 0; left: 0; right: 0; background: #222; color: white; padding: 1em; display: none; z-index: 1000;\">
  412.             <div style=\"max-width: 800px; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;\">
  413.                 <span>Este sitio usa cookies para mejorar tu experiencia. <a href=\"/politica-de-cookies\" style=\"color: #e50914;\">Leer más</a></span>
  414.                 <div>
  415.                 <button id=\"accept-cookies\" style=\"border: none; padding: 0.5em 1em; margin-left: 0.5em;\" class=\"btn btn-primary\">Aceptar</button>
  416.                 <button id=\"reject-cookies\" style=\"background: #555; color: #fff; border: none; padding: 0.5em 1em; margin-left: 0.5em;\" class=\"btn\">Rechazar</button>
  417.                 </div>
  418.             </div>
  419.         </div>
  421.         <script>
  422.             function cargarGA() {
  423.                 var gaScript = document.createElement('script');
  424.                 gaScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-JL6JLQZRZR';
  425.                 gaScript.async = true;
  426.                 document.head.appendChild(gaScript);
  428.                 gaScript.onload = function () {
  429.                 window.dataLayer = window.dataLayer || [];
  430.                 function gtag(){ dataLayer.push(arguments); }
  431.                 window.gtag = gtag;
  432.                 gtag('js', new Date());
  433.                 gtag('config', 'G-JL6JLQZRZR');
  434.                 }
  435.             }
  437.             const banner = document.getElementById(\"cookie-banner\");
  439.             if (localStorage.getItem(\"cookies-consent\") === \"accepted\") {
  440.                 cargarGA();
  441.             } else if (localStorage.getItem(\"cookies-consent\") !== \"rejected\") {
  442.                 banner.style.display = \"block\";
  443.             }
  445.             document.getElementById(\"accept-cookies\").onclick = function () {
  446.                 localStorage.setItem(\"cookies-consent\", \"accepted\");
  447.                 banner.style.display = \"none\";
  448.                 cargarGA();
  449.             };
  451.             document.getElementById(\"reject-cookies\").onclick = function () {
  452.                 localStorage.setItem(\"cookies-consent\", \"rejected\");
  453.                 banner.style.display = \"none\";
  454.                 // No se carga GA
  455.             };
  456.         </script>
  458.         
  459.         <script>
  460.             AOS.init(); // Inicializar animaciones
  461.         </script>
  462.         <script>
  463.             document.addEventListener('DOMContentLoaded', function () {
  464.                 const headerHeight = document.querySelector('.header').offsetHeight;
  466.                 document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {
  467.                     anchor.addEventListener('click', function (e) {
  468.                         e.preventDefault();
  470.                         const target = document.querySelector(this.getAttribute('href'));
  471.                         const offsetTop = target.offsetTop - headerHeight;
  473.                         window.scrollTo({
  474.                             top: offsetTop,
  475.                             behavior: 'smooth'
  476.                         });
  477.                     });
  478.                 });
  479.             });
  480.         </script>
  481.         <script>
  482.             
  483.             \$(document).ready(function () {
  484.                 const confirmationMessage = document.getElementById('confirmation-message');
  485.                 // Manejar el clic en \"Añadir al carrito\"
  486.                 \$('body').on('click','.addToCart', function () {
  487.                     const \$parent = \$(this).closest('.product-row');
  488.                     const productId = \$(this).data('product-id');
  489.                     const quantity = \$parent.find('input[type=\"number\"]').val();
  490.                     const open = \$(this).data('open') ?? false;
  491.                     const goCheckout = \$(this).data('checkout') ?? false;
  492.                     const extras = \$('#extraIngredients').val() || [];
  493.                     const removals = \$('#removableIngredients').val() || [];
  494.                     // Enviar solicitud AJAX
  495.                     \$.ajax({
  496.                         url: '/cart/add',
  497.                         method: 'POST',
  498.                         contentType: 'application/json',
  499.                         data: JSON.stringify({
  500.                             productId: productId,
  501.                             quantity: parseInt(quantity),
  502.                             extras: extras,
  503.                             removals: removals
  504.                         }),
  505.                         success: function (data) {
  506.                             if (data.success) {
  508.                                 \$('.cartIconView').html(data.htmlCart);
  510.                                 
  511.                                 if(goCheckout){
  512.                                     window.location.href = \"/checkout\";
  513.                                 }
  514.                                 if(open){
  515.                                     \$('.cart-icon').trigger('click');
  516.                                 }
  519.                                 if(confirmationMessage && confirmationMessage.classList){
  520.                                     confirmationMessage.classList.remove('d-none');
  521.                                     // Ocultar el mensaje después de 3 segundos
  522.                                     setTimeout(() => {
  523.                                         confirmationMessage.classList.add('d-none');
  524.                                     }, 3000);
  525.                                 }
  526.                                 
  528.                             } else {
  529.                                 alert('Hubo un problema al añadir el producto al carrito');
  530.                             }
  531.                         },
  532.                         error: function () {
  533.                             alert('Error de red al añadir el producto al carrito');
  534.                         }
  535.                     });
  536.                 });
  538.                 // Manejar el clic en los botones \"+\" y \"-\"
  539.                 \$('#cart-sidebar').on('click', '.increment-btn, .decrement-btn', function () {
  540.                     const productId = \$(this).data('product-id');
  541.                     const action = \$(this).hasClass('increment-btn') ? 'increment' : 'decrement';
  543.                     // Realizar solicitud AJAX al backend
  544.                     \$.ajax({
  545.                         url: '/cart/update',
  546.                         method: 'POST',
  547.                         data: JSON.stringify({
  548.                             productId: productId,
  549.                             action: action
  550.                         }),
  551.                         success: function (data) {
  552.                             if (data.success) {
  553.                                 const cartPanel = \$('#cart-sidebar');
  554.                                 cartPanel.html(data.htmlSlider); // Actualizar el HTML del carrito
  555.                                 const cartIcon = \$('.cartIconView');
  556.                                 cartIcon.html(data.htmlCart);
  557.                             } else {
  558.                                 alert('Hubo un problema al actualizar el carrito');
  559.                             }
  560.                         },
  561.                         error: function () {
  562.                             alert('Error de red al actualizar el carrito');
  563.                         }
  564.                     });
  565.                 });
  567.                 // Manejar el clic en el ícono del carrito
  568.                 \$('body').on('click' ,'.cart-icon', function () {
  569.                     \$.ajax({
  570.                         url: '/cart',
  571.                         method: 'GET',
  572.                         success: function (data) {
  573.                             if (data.success) {
  574.                                 const cartPanel = \$('#cart-sidebar');
  575.                                 cartPanel.html(data.htmlSlider); // Insertar el HTML recibido
  576.                                 cartPanel.addClass('open'); // Mostrar el panel lateral
  577.                                 const cartIcon = \$('.cartIconView');
  578.                                 cartIcon.html(data.htmlCart);
  579.                             } else {
  580.                                 alert('Hubo un problema al cargar el carrito');
  581.                             }
  582.                         },
  583.                         error: function () {
  584.                             alert('Error de red al cargar el carrito');
  585.                         }
  586.                     });
  587.                 });
  589.                 // Cerrar el carrito cuando se haga clic fuera del panel
  590.                 \$(document).on('click', function (e) {
  591.                     if (!\$(e.target).closest('#cart-sidebar, .cart-icon').length) {
  592.                         \$('#cart-sidebar').removeClass('open');
  593.                     }
  594.                 });
  596.                 // Cerrar el carrito cuando se haga clic en la x
  597.                 \$(document).on('click', '.close-cart', function (e) {
  598.                     console.log('here');
  599.                     
  600.                         \$('#cart-sidebar').removeClass('open');
  601.                 });
  603.                 // Manejar el clic en el botón de Checkout
  604.                 \$(document).on('click', '#checkout-btn', function () {
  605.                     window.location.href = '/checkout';
  606.                 });
  607.             });
  608.         </script>
  609.         <script>
  611.             // JavaScript: ampliar/reducir al pasar/retirar el ratón
  612.             document.addEventListener('DOMContentLoaded', () => {
  613.             const zoomImages = document.querySelectorAll('img.zoom');
  615.             zoomImages.forEach(img => {
  616.                 img.addEventListener('mouseenter', () => {
  617.                 img.style.transform = 'scale(1.1)';  // Ajusta 1.1 por el nivel de zoom deseado
  618.                 });
  619.                 img.addEventListener('mouseleave', () => {
  620.                 img.style.transform = 'scale(1)';    // Vuelve al estado original
  621.                 });
  622.             });
  623.             });
  625.         </script>
  626.     </body>
  627. </html>
  628. ";
  629.         
  630.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  632.         
  633.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  635.         yield from [];
  636.     }
  638.     // line 222
  639.     /**
  640.      * @return iterable<null|scalar|\Stringable>
  641.      */
  642.     public function block_title(array $context, array $blocks = []): iterable
  643.     {
  644.         $macros = $this->macros;
  645.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  646.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  648.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  649.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  651.         yield "Welcome!";
  652.         
  653.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  655.         
  656.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  658.         yield from [];
  659.     }
  661.     // line 225
  662.     /**
  663.      * @return iterable<null|scalar|\Stringable>
  664.      */
  665.     public function block_stylesheets(array $context, array $blocks = []): iterable
  666.     {
  667.         $macros = $this->macros;
  668.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  669.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  671.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  672.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  674.         // line 226
  675.         yield "            ";
  676.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getFunction('encore_entry_link_tags')->getCallable()("app"), "html", null, true);
  677.         yield "
  678.         ";
  679.         
  680.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  682.         
  683.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  685.         yield from [];
  686.     }
  688.     // line 229
  689.     /**
  690.      * @return iterable<null|scalar|\Stringable>
  691.      */
  692.     public function block_javascripts(array $context, array $blocks = []): iterable
  693.     {
  694.         $macros = $this->macros;
  695.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  696.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  698.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  699.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  701.         // line 230
  702.         yield "            ";
  703.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getFunction('encore_entry_script_tags')->getCallable()("app"), "html", null, true);
  704.         yield "
  705.         ";
  706.         
  707.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  709.         
  710.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  712.         yield from [];
  713.     }
  715.     // line 243
  716.     /**
  717.      * @return iterable<null|scalar|\Stringable>
  718.      */
  719.     public function block_body(array $context, array $blocks = []): iterable
  720.     {
  721.         $macros = $this->macros;
  722.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  723.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  725.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  726.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  728.         
  729.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  731.         
  732.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  734.         yield from [];
  735.     }
  737.     /**
  738.      * @codeCoverageIgnore
  739.      */
  740.     public function getTemplateName(): string
  741.     {
  742.         return "base.html.twig";
  743.     }
  745.     /**
  746.      * @codeCoverageIgnore
  747.      */
  748.     public function isTraitable(): bool
  749.     {
  750.         return false;
  751.     }
  753.     /**
  754.      * @codeCoverageIgnore
  755.      */
  756.     public function getDebugInfo(): array
  757.     {
  758.         return array (  716 => 243,  702 => 230,  689 => 229,  675 => 226,  662 => 225,  639 => 222,  326 => 244,  323 => 243,  317 => 242,  307 => 238,  302 => 237,  297 => 236,  293 => 235,  288 => 232,  286 => 229,  283 => 228,  280 => 225,  275 => 222,  52 => 1,);
  759.     }
  761.     public function getSourceContext(): Source
  762.     {
  763.         return new Source("<!DOCTYPE html>
  764. <html>
  765.     <head>
  766.         <meta charset=\"UTF-8\">
  767.         <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  768.         <title>TcgBunker - Home</title>
  769.         <!-- Metadatos Open Graph para control de la miniatura y la descripción -->
  770.         <meta property=\"og:title\" content=\"TcgBunker\">
  771.         <meta property=\"og:description\" content=\"Compra decks y mucho mas\">
  772.         <meta property=\"og:image\" content=\"/images/test.png\">
  773.         <meta property=\"og:type\" content=\"website\">
  774.         <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">
  775.         <link href=\"https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css\" rel=\"stylesheet\"> <!-- AOS CSS -->
  776.         <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css\" integrity=\"sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
  777.         <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\"></script>
  778.         <script src=\"https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js\"></script>
  779.         <script src=\"https://code.jquery.com/jquery-3.7.1.min.js\" integrity=\"sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=\" crossorigin=\"anonymous\"></script>
  780.         <!-- Google Font -->
  781.         <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">
  782.         <style>
  783.             body {
  784.                 font-family: 'Poppins', sans-serif;
  785.                 background-color: #f8f9fa;
  786.                 color: #333;
  787.                 overflow-y: scroll;
  788.             }
  790.             .btn-primary {
  791.                 background-color: #E63946;
  792.                 border: none;
  793.             }
  795.             .btn-outline-primary{
  796.                     --bs-btn-color: #E63946;
  797.                     --bs-btn-border-color: #E63946;
  798.                     --bs-btn-hover-color: #fff;
  799.                     --bs-btn-hover-bg: #E63946;
  800.                     --bs-btn-hover-border-color: #E63946;
  801.                     --bs-btn-focus-shadow-rgb: 13, 110, 253;
  802.                     --bs-btn-active-color: #fff;
  803.                     --bs-btn-active-bg: #E63946;
  804.                     --bs-btn-active-border-color: #E63946;
  805.                     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  806.                     --bs-btn-disabled-color: #E63946;
  807.                     --bs-btn-disabled-bg: transparent;
  808.                     --bs-btn-disabled-border-color: #E63946;
  809.                     --bs-gradient: none;
  810.             }
  812.             .btn-primary:hover {
  813.                 background-color: #D62839;
  814.             }
  816.             .btn-secondary {
  817.                 background-color: #F4A261;
  818.                 border: none;
  819.                 color: #FFFFFF;
  820.             }
  822.             .btn-secondary:hover {
  823.                 background-color: #E08E3C;
  824.             }
  826.             .pointer{
  827.                 cursor:pointer;
  828.             }
  830.             .form-section {
  831.                 background-color: #F2F2F2;
  832.                 padding: 50px 20px;
  833.             }
  835.             .contact-section {
  836.                 background-color: #F2F2F2;
  837.                 padding: 50px 20px;
  838.             }
  840.             .carousel-item img {
  841.                 height: 300px;
  842.                 object-fit: cover;
  843.             }
  845.             footer {
  846.                 background-color: #333333;
  847.                 color: white;
  848.                 padding: 20px 0;
  849.                 text-align: center;
  850.             }
  852.             .cart-icon {
  853.                 font-size: 1.5rem;
  854.                 color: #F2F2F2;
  855.             }
  857.             
  858.             .bg-deg{
  859.                 background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5))
  860.             }
  861.             
  862.         </style>
  863.         <style>
  864.             .product-row img {
  865.                 height: 200px;
  866.                 object-fit: cover;
  867.                 width: 100%;
  868.             }
  870.             .category-section {
  871.                 padding: 20px 0;
  872.                 border-bottom: 1px solid #eaeaea;
  873.             }
  875.             h1.category-section {
  876.                 padding: 20px 0;
  877.                 border-bottom: 2px solid #333;
  878.             }
  880.             .category-section h3 {
  881.                 border-bottom: 2px solid #333;
  882.                 padding-bottom: 5px;
  883.             }
  884.         </style>
  885.         <style>
  886.             /* Estilo del carrito dinámico */
  887.             .cart-sidebar {
  888.                 position: fixed;
  889.                 top: 0;
  890.                 right: -320px;
  891.                 width: 320px;
  892.                 height: 100%;
  893.                 background: white;
  894.                 box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  895.                 padding: 20px;
  896.                 overflow-y: auto;
  897.                 transition: right 0.3s ease;
  898.                 z-index: 1050;
  899.             }
  901.             .cart-sidebar.open {
  902.                 right: 0;
  903.             }
  905.             .cart-header {
  906.                 background-color: #f8f9fa;
  907.                 font-weight: bold;
  908.             }
  910.             .cart-items {
  911.                 flex: 1;
  912.                 overflow-y: auto;
  913.             }
  915.             .cart-footer {
  916.                 background-color: #f8f9fa;
  917.             }
  919.             .list-group-item .btn {
  920.                 padding: 0 8px;
  921.                 font-size: 12px;
  922.                 line-height: 1.5;
  923.                 margin-left: 5px;
  924.                 margin-right: 5px;
  925.             }
  926.         </style>
  927.         <!-- Estilos adicionales -->
  928.         <style>
  930.             nav ul li a {
  931.                 color: #fff;
  932.             }
  934.             nav ul li a:hover {
  935.                 color: #dc3545; /* Efecto hover para los enlaces del menú */
  936.             }
  938.             .section-title 
  939.             {
  940.                 font-weight: 600;
  941.                 color: #e50914!important;
  942.             }
  943.             a.section-title 
  944.             {
  945.                 font-weight: 600;
  946.                 color: #e50914!important;
  947.             }
  948.             .m-h-75{
  949.                 min-height: 75vh;
  950.             }
  951.             .m-h-60{
  952.                 min-height: 60vh;
  953.             }
  954.             .fs-7{
  955.                 font-size: 14px!important;
  956.             }
  957.             /* CSS: transición suave y origen del zoom centrado */
  958.             .zoom {
  959.                 transition: transform 0.3s ease;
  960.                 transform-origin: center center;
  961.             }
  963.             .out-of-stock {
  964.                 position: relative;
  965.                 opacity: 0.5; /* Da un efecto sombreado o deshabilitado */
  966.             }
  968.             .out-of-stock::after {
  969.                 content: \"AGOTADO\";
  970.                 position: absolute;
  971.                 top: 40%;
  972.                 left: 50%;
  973.                 transform: translate(-50%, -50%);
  974.                 background: rgba(255, 0, 0, 0.7);
  975.                 color: white;
  976.                 padding: 5px 15px;
  977.                 font-weight: bold;
  978.                 border-radius: 5px;
  979.             }
  980. </style>
  981.             
  982.         </style>
  983.         <meta charset=\"UTF-8\">
  984.         <title>{% block title %}Welcome!{% endblock %}</title>
  985.         <link rel=\"icon\" href=\"data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>\">
  986.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  987.         {% block stylesheets %}
  988.             {{ encore_entry_link_tags('app') }}
  989.         {% endblock %}
  991.         {% block javascripts %}
  992.             {{ encore_entry_script_tags('app') }}
  993.         {% endblock %}
  994.     </head>
  995.     <body>
  996.         
  997.         {% for label, messages in app.flashes %}
  998.             {% for message in messages %}
  999.                 <div class=\"alert alert-{{ label }} alert-dismissible fade show\"  role=\"alert\">
  1000.                     {{ message }}
  1001.                       <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>
  1002.                 </div>
  1003.             {% endfor %}
  1004.         {% endfor %}
  1005.         {% block body %}{% endblock %}
  1006.         
  1007.         <!-- Sidebar del carrito -->
  1008.         <div id=\"cart-sidebar\" class=\"cart-sidebar\">
  1009.             <!-- El contenido del carrito será cargado dinámicamente aquí -->
  1010.         </div>
  1012.         <!-- Footer -->
  1013.         <footer class=\"bg-dark text-white pt-5\">
  1014.             <div class=\"container\">
  1015.                 <div class=\"row fs-7\">
  1016.                     <!-- Políticas -->
  1017.                     <div class=\"col-12 col-md-12 mb-4\">
  1018.                         <h5 class=\"text-uppercase mb-4 d-none\">Políticas</h5>
  1019.                         <ul class=\"list-unstyled d-md-flex d-block justify-content-start gap-3\">
  1020.                             <li class=\"mb-2\"><a href=\"/politica-de-privacidad\" class=\"text-white text-decoration-none\">Política de Privacidad</a></li>
  1021.                             <li class=\"mb-2\"><a href=\"/terminos-del-servicio\" class=\"text-white text-decoration-none\">Términos y Condiciones</a></li>
  1022.                             <li class=\"mb-2\"><a href=\"/politica-de-cookies\" class=\"text-white text-decoration-none\">Política de Cookies</a></li>
  1023.                             <li class=\"mb-2\"><a href=\"/politica-de-devoluciones\" class=\"text-white text-decoration-none\">Devoluciones</a></li>
  1024.                             <li class=\"mb-2\"><a href=\"/contact\" class=\"text-white text-decoration-none\">Contáctanos</a></li>
  1025.                         </ul>
  1026.                     </div>
  1027.                     <!-- Métodos de Pago -->
  1028.                     <div class=\"col-12 col-md-4 mb-4 d-none\">
  1029.                         <h5 class=\"text-uppercase mb-4\">Métodos de Pago</h5>
  1030.                         <ul class=\"list-inline\">
  1031.                             <li class=\"list-inline-item mb-2\">
  1032.                                 <i class=\"bi bi-credit-card fs-4\" aria-label=\"Tarjetas de crédito\"></i>
  1033.                                 <div class=\"small\">Tarjetas</div>
  1034.                             </li>
  1035.                             <!--<li class=\"list-inline-item mb-2\">
  1036.                                 <i class=\"bi bi-paypal fs-4\" aria-label=\"PayPal\"></i>
  1037.                                 <div class=\"small\">PayPal</div>
  1038.                             </li>
  1039.                             <li class=\"list-inline-item mb-2\">
  1040.                                 <i class=\"bi bi-cash fs-4\" aria-label=\"Efectivo\"></i>
  1041.                                 <div class=\"small\">Contraentrega</div>
  1042.                             </li>-->
  1043.                         </ul>
  1044.                     </div>
  1046.                     <!-- Métodos de Envío -->
  1047.                     <div class=\"col-12 col-md-4 mb-4 d-none\">
  1048.                         <h5 class=\"text-uppercase mb-4\">Envíos</h5>
  1049.                         <ul class=\"list-inline\">
  1050.                             <li class=\"list-inline-item mb-2\">
  1051.                                 <i class=\"bi bi-truck fs-4\" aria-label=\"Envío estándar\"></i>
  1052.                                 <div class=\"small\">Estándar</div>
  1053.                             </li>
  1054.                             <!--<li class=\"list-inline-item mb-2\">
  1055.                                 <i class=\"bi bi-box-seam fs-4\" aria-label=\"Envío express\"></i>
  1056.                                 <div class=\"small\">Express</div>
  1057.                             </li>
  1058.                             <li class=\"list-inline-item mb-2\">
  1059.                                 <i class=\"bi bi-globe fs-4\" aria-label=\"Envío internacional\"></i>
  1060.                                 <div class=\"small\">Internacional</div>
  1061.                             </li>-->
  1062.                         </ul>
  1063.                     </div>
  1065.                     
  1067.                     <!-- Redes Sociales (extra) -->
  1068.                     <!--<div class=\"col-12 col-md-3 mb-4\">
  1069.                         <h5 class=\"text-uppercase mb-4\">Síguenos</h5>
  1070.                         <div class=\"d-flex gap-3 justify-content-center\">
  1071.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-facebook fs-4\"></i></a>
  1072.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-instagram fs-4\"></i></a>
  1073.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-twitter-x fs-4\"></i></a>
  1074.                             <a href=\"#\" class=\"text-white\"><i class=\"bi bi-tiktok fs-4\"></i></a>
  1075.                         </div>
  1076.                     </div>-->
  1077.                 </div>
  1079.                 <!-- Derechos de autor -->
  1080.                 <div class=\"border-top pt-4\">
  1081.                     <div class=\"row\">
  1082.                         <div class=\"col-12 text-center\">
  1083.                             <p class=\"small mb-0\">&copy; 2025 TcgBunker. Todos los derechos reservados.</p>
  1084.                         </div>
  1085.                     </div>
  1086.                 </div>
  1087.             </div>
  1088.         </footer>
  1090.         <!-- Barra de cookies -->
  1091.         <div id=\"cookie-banner\" style=\"position: fixed; bottom: 0; left: 0; right: 0; background: #222; color: white; padding: 1em; display: none; z-index: 1000;\">
  1092.             <div style=\"max-width: 800px; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;\">
  1093.                 <span>Este sitio usa cookies para mejorar tu experiencia. <a href=\"/politica-de-cookies\" style=\"color: #e50914;\">Leer más</a></span>
  1094.                 <div>
  1095.                 <button id=\"accept-cookies\" style=\"border: none; padding: 0.5em 1em; margin-left: 0.5em;\" class=\"btn btn-primary\">Aceptar</button>
  1096.                 <button id=\"reject-cookies\" style=\"background: #555; color: #fff; border: none; padding: 0.5em 1em; margin-left: 0.5em;\" class=\"btn\">Rechazar</button>
  1097.                 </div>
  1098.             </div>
  1099.         </div>
  1101.         <script>
  1102.             function cargarGA() {
  1103.                 var gaScript = document.createElement('script');
  1104.                 gaScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-JL6JLQZRZR';
  1105.                 gaScript.async = true;
  1106.                 document.head.appendChild(gaScript);
  1108.                 gaScript.onload = function () {
  1109.                 window.dataLayer = window.dataLayer || [];
  1110.                 function gtag(){ dataLayer.push(arguments); }
  1111.                 window.gtag = gtag;
  1112.                 gtag('js', new Date());
  1113.                 gtag('config', 'G-JL6JLQZRZR');
  1114.                 }
  1115.             }
  1117.             const banner = document.getElementById(\"cookie-banner\");
  1119.             if (localStorage.getItem(\"cookies-consent\") === \"accepted\") {
  1120.                 cargarGA();
  1121.             } else if (localStorage.getItem(\"cookies-consent\") !== \"rejected\") {
  1122.                 banner.style.display = \"block\";
  1123.             }
  1125.             document.getElementById(\"accept-cookies\").onclick = function () {
  1126.                 localStorage.setItem(\"cookies-consent\", \"accepted\");
  1127.                 banner.style.display = \"none\";
  1128.                 cargarGA();
  1129.             };
  1131.             document.getElementById(\"reject-cookies\").onclick = function () {
  1132.                 localStorage.setItem(\"cookies-consent\", \"rejected\");
  1133.                 banner.style.display = \"none\";
  1134.                 // No se carga GA
  1135.             };
  1136.         </script>
  1138.         
  1139.         <script>
  1140.             AOS.init(); // Inicializar animaciones
  1141.         </script>
  1142.         <script>
  1143.             document.addEventListener('DOMContentLoaded', function () {
  1144.                 const headerHeight = document.querySelector('.header').offsetHeight;
  1146.                 document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {
  1147.                     anchor.addEventListener('click', function (e) {
  1148.                         e.preventDefault();
  1150.                         const target = document.querySelector(this.getAttribute('href'));
  1151.                         const offsetTop = target.offsetTop - headerHeight;
  1153.                         window.scrollTo({
  1154.                             top: offsetTop,
  1155.                             behavior: 'smooth'
  1156.                         });
  1157.                     });
  1158.                 });
  1159.             });
  1160.         </script>
  1161.         <script>
  1162.             
  1163.             \$(document).ready(function () {
  1164.                 const confirmationMessage = document.getElementById('confirmation-message');
  1165.                 // Manejar el clic en \"Añadir al carrito\"
  1166.                 \$('body').on('click','.addToCart', function () {
  1167.                     const \$parent = \$(this).closest('.product-row');
  1168.                     const productId = \$(this).data('product-id');
  1169.                     const quantity = \$parent.find('input[type=\"number\"]').val();
  1170.                     const open = \$(this).data('open') ?? false;
  1171.                     const goCheckout = \$(this).data('checkout') ?? false;
  1172.                     const extras = \$('#extraIngredients').val() || [];
  1173.                     const removals = \$('#removableIngredients').val() || [];
  1174.                     // Enviar solicitud AJAX
  1175.                     \$.ajax({
  1176.                         url: '/cart/add',
  1177.                         method: 'POST',
  1178.                         contentType: 'application/json',
  1179.                         data: JSON.stringify({
  1180.                             productId: productId,
  1181.                             quantity: parseInt(quantity),
  1182.                             extras: extras,
  1183.                             removals: removals
  1184.                         }),
  1185.                         success: function (data) {
  1186.                             if (data.success) {
  1188.                                 \$('.cartIconView').html(data.htmlCart);
  1190.                                 
  1191.                                 if(goCheckout){
  1192.                                     window.location.href = \"/checkout\";
  1193.                                 }
  1194.                                 if(open){
  1195.                                     \$('.cart-icon').trigger('click');
  1196.                                 }
  1199.                                 if(confirmationMessage && confirmationMessage.classList){
  1200.                                     confirmationMessage.classList.remove('d-none');
  1201.                                     // Ocultar el mensaje después de 3 segundos
  1202.                                     setTimeout(() => {
  1203.                                         confirmationMessage.classList.add('d-none');
  1204.                                     }, 3000);
  1205.                                 }
  1206.                                 
  1208.                             } else {
  1209.                                 alert('Hubo un problema al añadir el producto al carrito');
  1210.                             }
  1211.                         },
  1212.                         error: function () {
  1213.                             alert('Error de red al añadir el producto al carrito');
  1214.                         }
  1215.                     });
  1216.                 });
  1218.                 // Manejar el clic en los botones \"+\" y \"-\"
  1219.                 \$('#cart-sidebar').on('click', '.increment-btn, .decrement-btn', function () {
  1220.                     const productId = \$(this).data('product-id');
  1221.                     const action = \$(this).hasClass('increment-btn') ? 'increment' : 'decrement';
  1223.                     // Realizar solicitud AJAX al backend
  1224.                     \$.ajax({
  1225.                         url: '/cart/update',
  1226.                         method: 'POST',
  1227.                         data: JSON.stringify({
  1228.                             productId: productId,
  1229.                             action: action
  1230.                         }),
  1231.                         success: function (data) {
  1232.                             if (data.success) {
  1233.                                 const cartPanel = \$('#cart-sidebar');
  1234.                                 cartPanel.html(data.htmlSlider); // Actualizar el HTML del carrito
  1235.                                 const cartIcon = \$('.cartIconView');
  1236.                                 cartIcon.html(data.htmlCart);
  1237.                             } else {
  1238.                                 alert('Hubo un problema al actualizar el carrito');
  1239.                             }
  1240.                         },
  1241.                         error: function () {
  1242.                             alert('Error de red al actualizar el carrito');
  1243.                         }
  1244.                     });
  1245.                 });
  1247.                 // Manejar el clic en el ícono del carrito
  1248.                 \$('body').on('click' ,'.cart-icon', function () {
  1249.                     \$.ajax({
  1250.                         url: '/cart',
  1251.                         method: 'GET',
  1252.                         success: function (data) {
  1253.                             if (data.success) {
  1254.                                 const cartPanel = \$('#cart-sidebar');
  1255.                                 cartPanel.html(data.htmlSlider); // Insertar el HTML recibido
  1256.                                 cartPanel.addClass('open'); // Mostrar el panel lateral
  1257.                                 const cartIcon = \$('.cartIconView');
  1258.                                 cartIcon.html(data.htmlCart);
  1259.                             } else {
  1260.                                 alert('Hubo un problema al cargar el carrito');
  1261.                             }
  1262.                         },
  1263.                         error: function () {
  1264.                             alert('Error de red al cargar el carrito');
  1265.                         }
  1266.                     });
  1267.                 });
  1269.                 // Cerrar el carrito cuando se haga clic fuera del panel
  1270.                 \$(document).on('click', function (e) {
  1271.                     if (!\$(e.target).closest('#cart-sidebar, .cart-icon').length) {
  1272.                         \$('#cart-sidebar').removeClass('open');
  1273.                     }
  1274.                 });
  1276.                 // Cerrar el carrito cuando se haga clic en la x
  1277.                 \$(document).on('click', '.close-cart', function (e) {
  1278.                     console.log('here');
  1279.                     
  1280.                         \$('#cart-sidebar').removeClass('open');
  1281.                 });
  1283.                 // Manejar el clic en el botón de Checkout
  1284.                 \$(document).on('click', '#checkout-btn', function () {
  1285.                     window.location.href = '/checkout';
  1286.                 });
  1287.             });
  1288.         </script>
  1289.         <script>
  1291.             // JavaScript: ampliar/reducir al pasar/retirar el ratón
  1292.             document.addEventListener('DOMContentLoaded', () => {
  1293.             const zoomImages = document.querySelectorAll('img.zoom');
  1295.             zoomImages.forEach(img => {
  1296.                 img.addEventListener('mouseenter', () => {
  1297.                 img.style.transform = 'scale(1.1)';  // Ajusta 1.1 por el nivel de zoom deseado
  1298.                 });
  1299.                 img.addEventListener('mouseleave', () => {
  1300.                 img.style.transform = 'scale(1)';    // Vuelve al estado original
  1301.                 });
  1302.             });
  1303.             });
  1305.         </script>
  1306.     </body>
  1307. </html>
  1308. ", "base.html.twig", "/home/u619587673/domains/tcgbunker.shop/templates/base.html.twig");
  1309.     }
  1310. }