templates/base_website.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.         <title>{% block title %}{% endblock %}</title>
  7.         <link rel="icon" href="{{ asset('assets/images/logo-ico.png') }}" type="image/png">
  8.         <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/css/bootstrap.min.css" rel="stylesheet">    
  9.         <link href="{{ asset('assets/vendor/chartist/css/chartist.min.css') }}" rel="stylesheet" type="text/css"/>            
  10.         <link href="{{ asset('assets/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" type="text/css"/>                
  11.         <link href="{{ asset('assets/vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css"/>    
  12.         <link href="{{ asset('assets/vendor/jquery-nice-select/css/nice-select.css') }}" rel="stylesheet" type="text/css"/>            
  13.         <link href="{{ asset('assets/css/style.css?test=12') }}" rel="stylesheet" type="text/css"/>    
  14.         <link href="{{ asset('assets/css/style_website.css?test=12') }}" rel="stylesheet" type="text/css"/>    
  15.         <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet" />
  16.         <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
  17.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@flaticon/flaticon-uicons/css/all/all.css">
  18.         <meta property="og:title" content="Digifact">
  19.         <meta property="og:description" content="Emite Facturas Electrónicas de forma fácil, rápida y segura">
  20.         <meta property="og:image" content="{{ asset('assets/images/logo.png') }}">
  21.         <meta property="og:type" content="website">
  22.         <meta name="linkedin:title" content="Digifact">
  23.         <meta name="linkedin:description" content="Emite Facturas Electrónicas de forma fácil, rápida y segura">
  24.         <meta name="linkedin:image" content="{{ asset('assets/images/logo.png') }}">
  25.         
  26.         {% block stylesheets %}
  27.             {{ encore_entry_link_tags('app') }}
  28.         {% endblock %}
  29.     </head>
  30.     <body data-typography="poppins" data-theme-version="light" data-layout="vertical" data-nav-headerbg="color_1" data-headerbg="color_1" data-sidebar-style="full" data-sidebarbg="color_1" data-sidebar-position="fixed" data-header-position="fixed" data-container="wide" direction="ltr" data-primary="color_1">  
  31.         
  32.         <nav class="navbar  navbar-expand-lg  navbar-light navbar-background nav-bar-menu-div fixed-top">
  33.             <div class='container-fluid container-lg menu-container' style="position: relative !important;">
  34.                 
  35.                 <a data-bs-toggle="collapse" data-bs-target="#navbarNavMobile" class="navbar-toggler hamburger-container" aria-controls="navbarNav" aria-expanded="false" aria-label="Menu">
  36.                     <div class="hamburger_web" id="hamburger_web">
  37.                         <div class="line_web"></div>
  38.                         <div class="line_web"></div>
  39.                         <div class="line_web"></div>
  40.                     </div>
  41.                 </a>
  42.                 
  43.                 <a 
  44.                     class="navbar-brand mb-0 h1"
  45.                     href = "{{path('homepage_website')}}"
  46.                 >
  47.                     <img src = "{{asset('assets/images/logo.png')}}" alt = "" class="navbar-logo d-inline-block align-top">
  48.                 </a>
  49.                 
  50.                 
  51.                 <div class="d-flex align-items-center">
  52.                     <ul class="navbar-nav navbar-nav-mobile">
  53.                         <li class="nav-item icon-nav-menu">
  54.                             <a href="javascript:void(0)" id = "menu-4" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_contact' ? 'menu-active' : '' }}">
  55.                                 <img src="{{asset('assets/images/logo-user.png')}}" alt="" class="logo-nav-menu"/>
  56.                             </a>
  57.                         </li>
  58.                         <li class="nav-item dropdown dropdown-personalize icon-nav-menu">
  59.                           <a class="nav-link  web-nav-link  {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }}  " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  60.                                 <img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-nav-menu"/>
  61.                         
  62.                           </a>
  63.                           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  64.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(1, '')" >Guatemala</a></li>
  65.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(2, '')" >El Salvador</a></li>
  66.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(5, '')">Costa Rica</a></li>
  67.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(6, '')">Panamá</a></li>
  68.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(7, '')">República Dominicana&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  69.                         
  70.                           </ul>
  71.                         </li>
  72.                     </ul>
  73.                 </div>
  74.                 
  75.                 <div class="collapse navbar-collapse" id = "navbarNav">
  76.                     <ul class="navbar-nav ">
  77.                         <!--<li class="nav-item ">
  78.                             <a href="{{path('homepage_website')}}" id = "menu-1" class="nav-link web-nav-link  {{ app.request.attributes.get('_route') == 'homepage_website' ? 'menu-active' : '' }}">
  79.                                 Home
  80.                             </a>
  81.                         </li>-->
  82.                         <li class="nav-item ">
  83.                             <a href="{{path('homepage_us')}}" id = "menu-1" class="nav-link web-nav-link  {{ app.request.attributes.get('_route') == 'homepage_us' ? 'menu-active' : '' }}">
  84.                                 Nosotros
  85.                             </a>
  86.                         </li>
  87.                         <li class="nav-item dropdown dropdown-personalize">
  88.                           <a class="nav-link  {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }}  " href="{{path('homepage_service')}}" id="navbarDropdown" role="button" aria-expanded="false">
  89.                             Servicios
  90.                           </a>
  91.                           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  92.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(1, 'service_website')">Guatemala</a></li>
  93.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(2, 'service_website')">El Salvador</a></li>
  94.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(5, 'service_website')">Costa Rica</a></li>
  95.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(6, 'service_website')">Panamá</a></li>
  96.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(7, 'service_website')">República Dominicana&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  97.                           </ul>
  98.                         </li>
  99.                         
  100.                         
  101.                         <li class="nav-item">
  102.                             <a href="{{path('homepage_partner')}}" id = "menu-3" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_partner' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_blog_view' ? 'menu-active' : '' }}">
  103.                                 Socios
  104.                             </a>
  105.                         </li>
  106.                         <li class="nav-item last-menu-nav-item">
  107.                             <a href="{{path('homepage_blog')}}" id = "menu-4" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_blog' ? 'menu-active' : '' }}">
  108.                                 Blog
  109.                             </a>
  110.                         </li>
  111.                         
  112.                         <li class="nav-item icon-nav-menu">
  113.                             <a href="javascript:void(0)" id = "menu-4" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_contact' ? 'menu-active' : '' }}">
  114.                                 <img src="{{asset('assets/images/logo-user.png')}}" alt="" class="logo-nav-menu"/>
  115.                             </a>
  116.                         </li>
  117.                         
  118.                        
  119.                         
  120.                         
  121.                         <li class="nav-item dropdown dropdown-personalize icon-nav-menu">
  122.                           <a class="nav-link  web-nav-link  {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }}  " href="{{path('homepage_contact')}}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  123.                                 <img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-nav-menu"/>
  124.                           </a>
  125.                           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  126.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(1, '')" >Guatemala</a></li>
  127.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(2, '')" >El Salvador</a></li>
  128.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(5, '')" >Costa Rica</a></li>
  129.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(6, '')" >Panamá</a></li>
  130.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(7, '')" >República Dominicana&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  131.                         
  132.                           </ul>
  133.                         </li>
  134.                         
  135.                         
  136.                         
  137.                         
  138.                         <li class="nav-item dropdown dropdown-personalize">
  139.                           <a class="btn btn-warning-custom" href="{{path('homepage_contact')}}" id="navbarDropdown" role="button"  aria-expanded="false">
  140.                             Contacto
  141.                           </a>
  142.                           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  143.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(1, 'contact_website')" >Guatemala</a></li>
  144.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(2, 'contact_website')" >El Salvador</a></li>
  145.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(5, 'contact_website')">Costa Rica</a></li>
  146.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(6, 'contact_website')">Panamá</a></li>
  147.                             <li><a class="dropdown-item" href="#" onclick = "goCountry(7, 'contact_website')">República Dominicana&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  148.                           </ul>
  149.                         </li>
  150.                                                 
  151.                         
  152.                     </ul>
  153.                 </div>
  154.                 
  155.                 
  156.                 
  157.                 
  158.                 <div class="collapse navbar-collapse" id = "navbarNavMobile" >
  159.                     <div class="navbarNavMobileDiv">
  160.                         <div class="row p-0">
  161.                             <div class="col-12 text-start p-0">
  162.                                 <ul class="navbar-nav navbar-mobile">
  163.                                     <!--<li class="nav-item ">
  164.                                         <a href="{{path('homepage_website')}}" id = "menu-mobile-1"  class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_website' ? 'menu-active' : '' }}">
  165.                                             Home
  166.                                         </a>
  167.                                     </li>-->
  168.                                     <li class="nav-item ">
  169.                                         <a href="{{path('homepage_us')}}" id = "menu-mobile-1"  class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_us' ? 'menu-active' : '' }}">
  170.                                             Nosotros
  171.                                         </a>
  172.                                     </li>
  173.                                     <li class="nav-item dropdown">
  174.                                           <a class="nav-link  dropdown-toggle {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }}  " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  175.                                             Servicios
  176.                                           </a>
  177.                                           <ul class="dropdown-menu dropdown-menu-mobile " aria-labelledby="navbarDropdown">
  178.                                             <li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(1, 'service_website')">Guatemala</a></li>
  179.                                             <li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(2, 'service_website')">El Salvador</a></li>
  180.                                             <li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(5, 'service_website')">Costa Rica</a></li>
  181.                                             <li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(6, 'service_website')">Panamá</a></li>
  182.                                             <li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(7, 'service_website')">República Dominicana&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  183.                                         
  184.                                           </ul>
  185.                                     </li>
  186.                                     <li class="nav-item">
  187.                                         <a href="{{path('homepage_partner')}}"  id = "menu-mobile-3"  class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_partner' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_blog_view' ? 'menu-active' : '' }}">
  188.                                             Socios
  189.                                         </a>
  190.                                     </li>
  191.                                     <li class="nav-item">
  192.                                         <a href="{{path('homepage_blog')}}" id = "menu-mobile-4"  class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_blog' ? 'menu-active' : '' }}">
  193.                                             Blog
  194.                                         </a>
  195.                                     </li>
  196.                                     
  197.                                 </ul>
  198.                                 
  199.                                 <ul class="mobile-nav-contact-button">
  200.                                     <li class="nav-item dropdown dropdown-personalize">
  201.                                       <a class="btn btn-warning-custom" href="{{path('homepage_contact')}}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  202.                                         Contacto
  203.                                       </a>
  204.                                       <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  205.                                         <li><a class="dropdown-item" href="#" onclick = "goCountry(1, 'contact_website')">Guatemala</a></li>
  206.                                         <li><a class="dropdown-item" href="#" onclick = "goCountry(2, 'contact_website')">El Salvador</a></li>
  207.                                         <li><a class="dropdown-item" href="#" onclick = "goCountry(5, 'contact_website')">Costa Rica</a></li>
  208.                                         <li><a class="dropdown-item" href="#" onclick = "goCountry(6, 'contact_website')">Panamá</a></li>
  209.                                         <li><a class="dropdown-item" href="#" onclick = "goCountry(7, 'contact_website')">República Dominicana&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  210.                                     
  211.                                       </ul>
  212.                                     </li>
  213.                                 </ul>
  214.                                 
  215.                             </div>
  216.                             
  217.                         </div>
  218.                         
  219.                         
  220.                         
  221.                     </div>
  222.                     
  223.                 </div>
  224.                 
  225.                 
  226.             </div>
  227.         </nav>
  228.         
  229.         
  230.         
  231.         
  232.         
  233.         
  234.         
  235.               
  236.         {% block body %}{% endblock %}
  237.         
  238.         
  239.         
  240.         
  241.         
  242.         <div class="container-fluid p-0">
  243.             <div class="footer-div div-web">
  244.                 <div class="container p-0">
  245.                     <div class="row">
  246.                         <div class="col-12 col-md-4  ">
  247.                             <img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-footer-menu"/>
  248.                             <select id = "home-country" class="personalize-select" onchange = "changeCountry('home-country','')" >
  249.                                 <option {% if cid == 1 %} selected="selected" {% endif %} value = "1">Guatemala</option>
  250.                                 <option {% if cid == 2 %} selected="selected" {% endif %} value = "2">El Salvador</option>
  251.                                 <option {% if cid == 5 %} selected="selected" {% endif %} value = "5">Costa Rica</option>
  252.                                 <option {% if cid == 6 %} selected="selected" {% endif %} value = "6">Panamá</option>
  253.                                 <option {% if cid == 7 %} selected="selected" {% endif %} value = "7">República Dominicana</option>
  254.                             </select>
  255.                             <div class="footer-social-media-container">
  256.                                 <img src="{{asset('assets/images/facebook.png')}}" alt="" class="logo-footer-social-media"/>
  257.                                 <img src="{{asset('assets/images/linkedin.png')}}" alt="" class="logo-footer-social-media"/>
  258.                                 <img src="{{asset('assets/images/instagram.png')}}" alt="" class="logo-footer-social-media"/>
  259.                             </div>    
  260.                         
  261.                         </div>
  262.                         <div class="col-12 col-md-4 ">
  263.                             <div class="footer-data-info" >
  264.                                 <a href="tel:{{country.phone|cleanPhone}}">
  265.                                     {{country.phone}}
  266.                                 </a>
  267.                             </div>
  268.                             <div class="footer-data-info" >
  269.                                 {{country.address}}
  270.                             </div>
  271.                             
  272.                         </div>
  273.                         <div class="col-12 col-md-4  ">
  274.                             <div class="footer-data-info" >
  275.                                 <b>Descarga nuestra app</b>
  276.                             </div>
  277.                             <div class="footer-apps-buttons">
  278.                                 <img src="{{asset('assets/images/googleplay.png')}}" alt="" class="footer-apps-button"/>
  279.                                 <img src="{{asset('assets/images/appstore.png')}}" alt="" class="footer-apps-button-2"/>
  280.                             </div>
  281.                         </div>
  282.                         
  283.                     </div>
  284.                 </div>
  285.                 
  286.                 <div class="footer-div-copyright">
  287.                     <div class="container p-0">
  288.                         <hr class="footer-division">
  289.                         <div class="row">
  290.                             <div class="col-4 d-none d-md-block">
  291.                                 <img src="{{asset('assets/images/logo-footer.png')}}" alt="" class="footer-logo"/>
  292.                             </div>
  293.                             <div class="col-4 d-none d-md-block d-flex align-items-center">
  294.                                 © Digifact 2024
  295.                             </div>
  296.                             <div class="col-4 d-none d-md-block d-flex align-items-center">
  297.                                 Términos y condiciones | Políticas de privacidad
  298.                             </div>
  299.                             
  300.                             
  301.                             
  302.                         </div>
  303.                     </div>
  304.                 </div>
  305.             </div>
  306.             
  307.             <div class="footer-div div-mobile">
  308.                 <div class="container ">
  309.                     <div class="row">
  310.                         <div class="col-2 text-start">                                
  311.                             <img src="{{asset('assets/images/logo-footer.png')}}" alt="" class="footer-logo"/>
  312.                         </div>
  313.                         <div class="col-10 text-end">                                
  314.                             <img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-footer-menu"/>
  315.                             <select id = "home-country-mobile" class="personalize-select" onchange = "changeCountry('home-country-mobile','')">
  316.                                 <option {% if cid == 1 %} selected="selected" {% endif %} value = "1">Guatemala</option>
  317.                                 <option {% if cid == 2 %} selected="selected" {% endif %} value = "2">El Salvador</option>
  318.                                 <option {% if cid == 5 %} selected="selected" {% endif %} value = "5">Costa Rica</option>
  319.                                 <option {% if cid == 6 %} selected="selected" {% endif %} value = "6">Panamá</option>
  320.                                 <option {% if cid == 7 %} selected="selected" {% endif %} value = "7">República Dominicana</option>
  321.                             </select>
  322.                                                                     
  323.                         </div>
  324.                     </div>
  325.                     <div class = "footer-div-data-mobile" >
  326.                         <div class="footer-data-info" >
  327.                             
  328.                             <a href="tel:{{country.phone|cleanPhone}}">
  329.                                 {{country.phone}}
  330.                             </a>
  331.                         </div>
  332.                         <div class="footer-data-info" >
  333.                             {{country.address}}
  334.                         </div>
  335.                     </div>
  336.                     <div>
  337.                         <div class="footer-data-info" >
  338.                             <b>Descarga nuestra app</b>
  339.                         </div>
  340.                         <div class="footer-apps-buttons">
  341.                             <img src="{{asset('assets/images/googleplay.png')}}" alt="" class="footer-apps-button"/>
  342.                             <img src="{{asset('assets/images/appstore.png')}}" alt="" class="footer-apps-button-2"/>
  343.                         </div>
  344.                     </div>
  345.                     <div>
  346.                         <div class="footer-social-media-container">
  347.                             <img src="{{asset('assets/images/facebook.png')}}" alt="" class="logo-footer-social-media"/>
  348.                             <img src="{{asset('assets/images/linkedin.png')}}" alt="" class="logo-footer-social-media"/>
  349.                             <img src="{{asset('assets/images/instagram.png')}}" alt="" class="logo-footer-social-media"/>
  350.                         </div>  
  351.                     </div>  
  352.                     <div>   
  353.                         <hr>
  354.                     </div>  
  355.                     <div class="footer-div-copyright">
  356.                         <div class="row">
  357.                             <div class="col-6">
  358.                                 Términos y condiciones 
  359.                             </div>
  360.                             <div class="col-6">
  361.                                 Políticas de privacidad
  362.                             </div>
  363.                             <div class="col-6">
  364.                                 <br>
  365.                                 © Digifact 2024
  366.                             </div>
  367.                         </div>
  368.                     </div>
  369.                 
  370.                 </div>
  371.             </div>
  372.         </div>
  373.         
  374.         <script src="{{ asset('assets/vendor/global/global.min.js') }}"></script>
  375.         <script src="{{ asset('assets/vendor/bootstrap-datetimepicker/js/moment.js') }}"></script> 
  376.         <script src="{{ asset('assets/vendor/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}"></script>
  377.         <script src="{{ asset('assets/vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
  378.         <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.1/dist/umd/popper.min.js"></script>
  379.         <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.min.js"></script>
  380.         <script src="{{ asset('assets/js/plugins-init/datatables.init.js') }}"></script>
  381.         <script src="{{ asset('assets/js/custom.min.js') }}"></script>
  382.         <script src="{{ asset('assets/js/deznav-init.js') }}"></script>
  383.         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
  384.        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  385.        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
  386.         <script>
  387.             
  388.             
  389.             {% if send_email is defined %}
  390.                 {% if send_email == "1" %}
  391.                     Swal.fire({
  392.                         icon: 'success',
  393.                         title: 'Éxito',
  394.                         text: 'La operación se realizó correctamente.'
  395.                     });
  396.                     
  397.                 {% endif %}
  398.             {% endif %}
  399.                 
  400.             
  401.             $("#modal-contact-form").submit(function(event) {
  402.                 console.log("voy adentro");
  403.                 event.preventDefault();
  404.                 var response = grecaptcha.getResponse();
  405.                 if (response.length === 0) {
  406.                     Swal.fire({
  407.                         icon: 'error',
  408.                         title: 'Error',
  409.                         text: 'Por favor, completa el reCAPTCHA.'
  410.                     });
  411.                 }else{
  412.                     $(this).unbind('submit').submit(); 
  413.                 }
  414.             });
  415.             
  416.             $("#modal-bill-form").submit(function(event) {
  417.                 event.preventDefault();
  418.                 var response = grecaptcha.getResponse();
  419.                 if (response.length === 0) {
  420.                     Swal.fire({
  421.                         icon: 'error',
  422.                         title: 'Error',
  423.                         text: 'Por favor, completa el reCAPTCHA.'
  424.                     });
  425.                 }else{
  426.                     $(this).unbind('submit').submit(); 
  427.                 }
  428.             });
  429.             
  430.             
  431.             
  432.             $(document).ready(function()
  433.             {
  434.                $('#hamburger_web').on('click', function() {
  435.                    $(this).toggleClass('active');
  436.                });
  437.                 
  438.             });
  439.             
  440.             function closeMenuMobile(){
  441.                 $('.navbar-collapse').collapse('hide');    
  442.             }
  443.             
  444.             function contactModal(from){
  445.                 $("#from").val(from);
  446.                 $("#modalContact").modal("show");
  447.                 
  448.             }
  449.             
  450.             function closeModalContact(){
  451.                 $("#modalContact").modal("hide");
  452.                                 
  453.                 
  454.             }
  455.             
  456.             function billModal(from){
  457.                 $("#from2").val(from);
  458.                 $("#modalBill").modal("show");
  459.                 
  460.             }
  461.             
  462.             function closeModalBill(){
  463.                 $("#modalBill").modal("hide");                
  464.             }
  465.             
  466.             function changeCountry(div_name, path_url){
  467.                 var country_selected = $("#"+div_name).val();
  468.                 var form = $('<form>', {
  469.                     method: 'POST',
  470.                     action: path_url  // Usa el path recibido como parámetro
  471.                 });
  472.                 
  473.                 // Agrega el input hidden con el valor seleccionado
  474.                 $('<input>').attr({
  475.                     type: 'hidden',
  476.                     name: 'cid',
  477.                     value: country_selected
  478.                 }).appendTo(form);
  479.                 
  480.                 // Agrega el formulario al cuerpo y envíalo
  481.                 form.appendTo('body').submit();
  482.             }
  483.             
  484.             function goCountry(country_id, path_url){
  485.                 var country_selected = country_id;
  486.                 var form = $('<form>', {
  487.                     method: 'POST',
  488.                     action: path_url  // Usa el path recibido como parámetro
  489.                 });
  490.                 
  491.                 // Agrega el input hidden con el valor seleccionado
  492.                 $('<input>').attr({
  493.                     type: 'hidden',
  494.                     name: 'cid',
  495.                     value: country_selected
  496.                 }).appendTo(form);
  497.                 
  498.                 // Agrega el formulario al cuerpo y envíalo
  499.                 form.appendTo('body').submit();
  500.             }
  501.         </script>
  502.         {% block javascripts %}
  503.         
  504.         {% endblock %}  
  505.     </body>
  506. </html>