templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.        <meta charset="UTF-8">
  5.        <title>{% block title %}Empaques Matamoros{% endblock %}</title>
  6.        {% block stylesheets %}
  7.            <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.                <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  9.            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  10.            <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
  11.            <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
  12.            <link rel="icon" href="{{ asset('img/favicon.ico') }}" type="image/x-icon">
  13.          {{ encore_entry_link_tags('app') }}
  14.        {% endblock %}
  15.       
  16.    </head>
  17.    <body>
  18.    <div id="app">
  19.        {% block vue_content %}
  20.        {% endblock %}
  21.    </div>
  22.    {% block javascripts %}
  23.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  24.         <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  25.         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  26.         <script>
  27.    document.addEventListener("DOMContentLoaded", function () {
  28.   // Slider de logística
  29.   const swiperLogistics = new Swiper('.logistics-swiper', {
  30.     loop: true,
  31.     navigation: {
  32.       nextEl: '.swiper-button-next',
  33.       prevEl: '.swiper-button-prev',
  34.     },
  35.     slidesPerView: 1,
  36.     spaceBetween: 0,
  37.     effect: 'slide',
  38.     speed: 800,
  39.   });
  41.   // Slider de productos
  42.   const swiperProductos = new Swiper('.productos-swiper', {
  43.     slidesPerView: 1,
  44.     loop: true,
  45.     navigation: {
  46.       nextEl: '.swiper-button-next-productos',
  47.       prevEl: '.swiper-button-prev-productos',
  48.     },
  49.   });
  50. });
  53.    
  55.   </script>
  57. <script>
  58. document.addEventListener('DOMContentLoaded', function () {
  59.     const form = document.getElementById('contactForm');
  61.     form.addEventListener('submit', function (e) {
  62.         e.preventDefault(); // Previene recarga
  64.         const formData = new FormData(form);
  66.         fetch('{{ path('Contacto') }}', {
  67.             method: 'POST',
  68.             body: formData,
  69.             headers: {
  70.                 'X-Requested-With': 'XMLHttpRequest' 
  71.             }
  72.         })
  73.         .then(response => response.json())
  74.         .then(data => {
  75.             if (data.success) {
  76.                 Swal.fire({
  77.                   title: "¡Listo!",
  78.                   text: data.message,
  79.                   icon: "success",
  80.                   confirmButtonText: "Aceptar",
  81.                   confirmButtonColor: "#0033a1" 
  82.               });
  83.                 form.reset();
  84.             } else {
  85.                 Swal.fire({
  86.                     title: "Error",
  87.                     text: data.message,
  88.                     icon: "error",
  89.                     confirmButtonText: "Cerrar",
  90.                     confirmButtonColor: "#0033a1" 
  91.                 });
  92.             }
  93.         })
  94.         .catch(error => {
  95.             console.error('Error:', error);
  96.             alert('Hubo un error al enviar el formulario.');
  97.         });
  98.     });
  99. });
  100. </script>
  103.    {{ encore_entry_script_tags('app') }}
  104.    {% endblock %}
  105.    </body>
  106. </html>