templates/Frontend/base.html.twig line 41

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3.     <head>
  4.         <!-- Required meta tags -->
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.         <meta name="description" content="Tu tienda online fácil y rápido">
  8.         <!--meta name="keywords" content="tienda online, app, ecommerce, website"-->
  10.         <!-- Font -->
  11.         <link rel="dns-prefetch" href="http://fonts.googleapis.com">
  12.         <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Playfair+Display:400,700|Poppins:200,300,400,400i,500,700&display=swap" rel="stylesheet">
  13.         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  15.         <!-- Bootstrap CSS -->
  16.         <link rel="stylesheet" href="{{ asset('assets_original/css/bootstrap4.min.css') }}">        
  17.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css"> 
  18.         <link rel="stylesheet" href="{{ asset('assets_original/bundles/ecommerce/animate/animate.css') }}">
  19.         <link rel="stylesheet" href="{{ asset('assets_original/bundles/dattaAble/assets/css/pages/pnotify.css') }}">
  20.         <link rel="stylesheet" href="{{ asset('assets_original/bundles/ecommerce/css-hamburgers/hamburgers.min.css') }}">        
  21.         <link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet">
  22.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/animsition/css/animsition.min.css') }}">
  23.     <!--===============================================================================================-->
  24.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/select2/select2.min.css') }}">
  25.     <!--===============================================================================================-->    
  26.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/datepicker/bootstrap-datepicker3.min.css') }}">
  27.     <!--===============================================================================================-->
  28.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/slick/slick.css') }}">
  29.     <!--===============================================================================================-->
  30.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/MagnificPopup/magnific-popup.css') }}">
  31.     <!--===============================================================================================-->
  32.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/perfect-scrollbar/perfect-scrollbar.css') }}">
  33.     <!--===============================================================================================-->
  34.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/util.css') }}">    
  35.     <!--===============================================================================================-->    
  36.         <link rel="stylesheet" href="{{ asset('assets_original/bundles/dattaAble/assets/plugins/material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}">    
  37.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/main.css') }}">
  38.         <link rel="stylesheet" type="text/css" href="{{ asset('assets_original/bundles/ecommerce/animate.css') }}">    
  39.         <link href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" rel="stylesheet"/>
  40.         
  41.         {{ render(controller('App\\Controller\\Frontend\\MainController::customStylesAction')) }}
  42.         {#{ render(controller("AppBundle:Frontend/Main:customStyles")) }#}
  43.                      
  44.         {% block css %}{% endblock %}
  46.         <title> 
  47.             {{ render(controller('App\\Controller\\Frontend\\MainController::titleAction')) }}
  48.             {#{ render(controller("AppBundle:Frontend/Main:title")) }#}            
  49.         </title>
  51.         {% block extra_head %}{% endblock %}
  53.     </head>
  54.     <body>
  55.         <div id="throbber" style="display:none;color:#fff;">
  56.             <h1><i class='fa fa-spin fa-spinner'></i></h1>
  57.         </div>
  58.     
  59.         {#{ render(controller("AppBundle:Frontend/Main:mainMenu")) }#}
  60.         {{ render(controller('App\\Controller\\Frontend\\MainController::mainMenuAction')) }}
  61.         
  62.         {% block body %}{% endblock %}
  63.       
  64.         {#{ render(controller("AppBundle:Frontend/Footer:footer")) }#}
  65.         {{ render(controller('App\\Controller\\Frontend\\FooterController::footerAction')) }}
  67.         
  68.         
  71.     <!-- Back to top -->
  72.     <div class="btn-back-to-top" id="myBtn">
  73.         <span class="symbol-btn-back-to-top">
  74.             <i class="zmdi zmdi-chevron-up"></i>
  75.         </span>
  76.     </div>
  77.         
  78.     
  79.         <style>
  80.             .inactive{
  81.                 color: #666666 !important;
  82.             }
  83.             .inactive:hover{
  84.                 color:rgb(0,86,179) !important;
  85.             }
  86.             .active{
  87.                 color: #007bff !important;
  88.             }
  89.            .dataTables_wrapper .dataTables_filter input {
  90.               
  91.                 border: 1px solid #ccc;
  92.             }
  93.           
  94.             /*set a border on the images to prevent shifting*/
  95.             #gallery_01 img{border:2px solid white;}
  96.             /*Change the colour*/
  97.             .elevatezoom-gallery active{border:2px solid #333 !important;}
  98.             .image-gallery{
  99.                 margin-bottom: 6px !important;
  100.                 border: 1px solid #eee !important;               
  101.                 width: 70px;
  102.                 height: 70px;
  103.             }
  104.             .image-gallery:hover{
  105.                 background-color: #eee;
  106.             }    
  107.             .clearfix {
  108.                 display: block;
  109.                 width: 100%;
  110.                 float: left;
  111.             }
  112.             
  113.             .image1{
  114.                 position: relative !important;
  115.                 border: 1px solid #eee;
  116.                 min-width: 100%;
  117.                 display:block;
  118.                 max-width: 100%;
  119.                 height: auto;
  120.             }
  124.         </style>
  125. <!--===============================================================================================-->    
  126.     <script src="{{ asset('assets_original/bundles/ecommerce/jquery/jquery-3.2.1.min.js') }}"></script>    
  127. <!--===============================================================================================-->
  128.     <script src="{{ asset('assets_original/bundles/ecommerce/animsition/js/animsition.min.js') }}"></script>
  129. <!--===============================================================================================-->
  130.     <script src="{{ asset('assets_original/bundles/ecommerce/bootstrap/js/popper.js') }}"></script>
  131.     <script src="{{ asset('assets_original/bundles/ecommerce/bootstrap/js/bootstrap.min.js') }}"></script>
  132. <!--===============================================================================================-->
  133.     <script src="{{ asset('assets_original/bundles/ecommerce/select2/select2.min.js') }}"></script>
  134.         <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
  135.     <script>
  136.         $(".js-select2").each(function(){
  137.             $(this).select2({
  138.                 minimumResultsForSearch: 20,
  139.                 dropdownParent: $(this).next('.dropDownSelect2')
  140.             });
  141.         })
  142.     </script>
  143. <!--===============================================================================================-->
  144.     <script src="{{ asset('assets_original/bundles/ecommerce/daterangepicker/moment.min.js') }}"></script>
  145.     <!--script src="vendor/daterangepicker/daterangepicker.js"></script-->
  146.     <script src="{{ asset('assets_original/bundles/ecommerce/datepicker/bootstrap-datepicker.min.js') }}"></script>
  147.     <script src="{{ asset('assets_original/bundles/ecommerce/datepicker/bootstrap-datepicker.es.min.js') }}"></script>
  148. <!--===============================================================================================-->
  149.     {#<script src="{{ asset('assets_original/bundles/ecommerce/slick/slick.js') }}"></script>
  150.     <script src="{{ asset('assets_original/bundles/ecommerce/slick-custom.js') }}"></script>#}
  151. <!--===============================================================================================-->
  152.     <script src="{{ asset('assets_original/bundles/ecommerce/parallax100/parallax100.js') }}"></script>
  153.     <script>
  154.         $('.parallax100').parallax100();
  155.     </script>
  156. <!--===============================================================================================-->
  157.     <script src="{{ asset('assets_original/bundles/ecommerce/MagnificPopup/jquery.magnific-popup.min.js') }}"></script>
  158.     <script>
  159.         function startMagnific()
  160.         {
  161.             $('.gallery-lb').each(function() { // the containers for all your galleries
  162.                 $(this).magnificPopup({
  163.                     delegate: 'a', // the selector for gallery item
  164.                     type: 'image',
  165.                     gallery: {
  166.                         enabled:true
  167.                     },
  168.                     mainClass: 'mfp-fade'
  169.                 });
  170.             });
  171.         }
  172.     </script>
  173. <!--===============================================================================================-->
  174.     <script src="{{ asset('assets_original/bundles/ecommerce/isotope/isotope.pkgd.min.js') }}"></script>
  175. <!--===============================================================================================-->
  176.     <script src="{{ asset('assets_original/bundles/ecommerce/jquery/jquery.elevatezoom.min.js') }}"></script>    
  177.     
  178.     <script src="{{ asset('assets_original/bundles/ecommerce/sweetalert/sweetalert.min.js') }}"></script>    
  179.     <script src="https://unpkg.com/leaflet@1.0.1/dist/leaflet.js"></script>
  180.     <script src="{{ asset('assets_original/bundles/ecommerce/Control.OSMGeocoder.js') }}"></script>
  181.     <script src="{{ asset('assets_original/bundles/ecommerce/OSMLocationPicker.js') }}"></script>
  182.     <script src="{{ asset('assets_original/bundles/ecommerce/parsley.min.js') }}"></script>    
  183.     <script src="{{ asset('assets_original/bundles/ecommerce/parsley.es.js') }}"></script>    
  184.     <script src="{{ asset('assets_original/bundles/ecommerce/cleave.min.js') }}"></script>
  185.     <script src="{{ asset('assets_original/bundles/ecommerce/jquery.confetti.js') }}"></script>    
  186.         <script src="{{ asset('assets_original/bundles/ecommerce/jquery.validate.min.js') }}"></script>
  187.         <script src="{{ asset('assets_original/bundles/dattaAble/assets/plugins/pnotify/js/pnotify.custom.min.js') }}"></script>
  188.     <script src="{{ asset('assets_original/bundles/dattaAble/assets/plugins/material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}"></script>    
  189.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js"></script>
  190.     <!--script src="https://s3.amazonaws.com/documentacionpagalo/archivos/cybs_devicefingerprint.js"></script-->    
  191. <!--===============================================================================================-->
  192.     <script src="{{ asset('assets_original/bundles/ecommerce/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
  193.     <script>
  194.         $('.js-pscroll').each(function(){
  195.             $(this).css('position','relative');
  196.             $(this).css('overflow','hidden');
  197.             var ps = new PerfectScrollbar(this, {
  198.                 wheelSpeed: 1,
  199.                 scrollingThreshold: 1000,
  200.                 wheelPropagation: false,
  201.             });
  203.             $(window).on('resize', function(){
  204.                 ps.update();
  205.             })
  206.         });
  207.     </script>
  209.     <script src="{{ asset('assets_original/bundles/ecommerce/main.js') }}"></script>
  210.         <script type="text/javascript">
  211.         $(function () {
  212.             if ($(".dataTable").length > 0) {
  213.                 var table = $('.dataTable').DataTable({
  214.                     "language": {
  215.                         "sProcessing": "Procesando...",
  216.                         "sLengthMenu": "Mostrar _MENU_ registros",
  217.                         "sZeroRecords": "No se encontraron resultados",
  218.                         "sEmptyTable": "Ningún dato disponible en esta tabla",
  219.                         "sInfo": "Mostrando del _START_ al _END_ de _TOTAL_ registros",
  220.                         "sInfoEmpty": "Mostrando del 0 al 0 de total de 0 registros",
  221.                         "sInfoFiltered": "(filtrado de _MAX_ registros)",
  222.                         "sInfoPostFix": "",
  223.                         "sSearch": "Buscar:",
  224.                         "sUrl": "",
  225.                         "sInfoThousands": ",",
  226.                         "sLoadingRecords": "Cargando...",
  227.                         "oPaginate": {
  228.                             "sFirst": "Primero",
  229.                             "sLast": "Último",
  230.                             "sNext": "Siguiente",
  231.                             "sPrevious": "Anterior"
  232.                         },
  233.                         "oAria": {
  234.                             "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
  235.                             "sSortDescending": ": Activar para ordenar la columna de manera descendente"
  236.                         }
  237.                     }
  239.                 });
  240.             }         
  243.         });
  246.         var idioma_español = {
  247.             "sProcessing": "Procesando...",
  248.             "sLengthMenu": "Mostrar _MENU_ registros",
  249.             "sZeroRecords": "No se encontraron resultados",
  250.             "sEmptyTable": "Ningún dato disponible en esta tabla",
  251.             "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
  252.             "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
  253.             "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
  254.             "sInfoPostFix": "",
  255.             "sSearch": "Buscar:",
  256.             "sUrl": "",
  257.             "sInfoThousands": ",",
  258.             "sLoadingRecords": "Cargando...",
  259.             "oPaginate": {
  260.                 "sFirst": "Primero",
  261.                 "sLast": "Último",
  262.                 "sNext": "Siguiente",
  263.                 "sPrevious": "Anterior"
  264.             },
  265.             "oAria": {
  266.                 "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
  267.                 "sSortDescending": ": Activar para ordenar la columna de manera descendente"
  268.             }
  269.         };
  270.         $("input[type='search']").css("border", "1px solid #ccc");
  271.     </script>
  273.     <script>
  274.     
  275.         function register()
  276.         {
  277.             var password  = $('#password').val();
  278.             var passwordc = $('#confirm_password').val();
  279.             var email     = $('#email').val();
  280.             var name      = $('#name').val();
  281.             var regex     = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  282.             
  283.                 $('#email_incorrect').hide();
  284.                 if(name == '' || password == '' || passwordc == '' || email == '' || name == '')
  285.             {
  286.                $('#form_incorrect').show(); 
  287.                return false;
  288.             }else if(! regex.test(email)){
  289.                    $('#form_incorrect').hide(); 
  290.                    $('#email_incorrect').show();
  291.                    return false;
  292.                 }
  293.             
  294.             $('#form_incorrect').hide(); 
  295.             
  296.             var saveButton = document.getElementById("btn-register");      
  297.             saveButton.setAttribute("disabled", true);
  298.             saveButton.innerHTML = "<span class='fa fa-spinner fa-spin' role='status'></span> Cargando...";
  299.             
  300.             if(password != passwordc){
  301.                 $('#password_incorrect').show();
  302.                 return false;
  303.             }
  304.             
  305.             //validamos cuenta
  306.             
  307.             validarEmail(email);
  308.             
  309.             
  310.            
  311.         }
  312.         
  313.         function validarPassword(){
  314.             var password = $('#password').val();
  315.             var passwordc = $('#confirm_password').val();
  316.             if(password != passwordc){
  317.                 $('#password_incorrect').show();
  318.             }else{
  319.                 $('#password_incorrect').hide();
  320.             }
  321.         }
  322.         
  323.       
  324.         
  325.         function validarEmail(email)
  326.         {
  327.             
  328.             var url  = "{{path('frontend_register_validate', {slug:slug})}}";
  329.     
  330.             var data = {
  331.                  email: email
  332.             };
  333.             
  334.             var saveButton = document.getElementById("btn-register");              
  335.             
  336.             $.ajax({
  337.                 type:'POST',
  338.                 url: url,
  339.                 data: data,
  340.                 success:function(data){
  341.                     if(data['resp'] == 'error'){
  342.                          $('#email_exist').show();
  343.                            saveButton.removeAttribute("disabled");
  344.                            saveButton.innerHTML = "Guardar";
  345.                          return false;
  346.                     }else{
  347.                           //saveButton.removeAttribute("disabled");
  348.                           //saveButton.innerHTML = "Guardar";
  349.                          $('#email_exist').hide();
  350.                          saveAccount();
  351.                          //return true;
  352.                     }
  353.                   
  354.                   
  355.                 },
  356.                 error: function(data){
  357.                     console.log(data);
  358.                 }
  359.             }); 
  360.             
  361.         }
  362.         
  363.         function saveAccount()
  364.         {
  365.         
  366.             var url  = "{{path('frontend_register_customer', {slug:slug})}}";
  367.             
  368.             var password = $('#password').val();        
  369.             var email = $('#email').val();
  370.             var name = $('#name').val();
  371.             var autologin = true;//$('#autologin').val();
  372.             var saveButton = document.getElementById("btn-register");              
  373.             var data = {
  374.                 _username: email,
  375.                 _password: password,
  376.                 _name: name,
  377.                 _autologin: autologin
  378.             };
  379.                     
  380.             $.ajax({
  381.                 type:'POST',
  382.                 url: url,
  383.                 data: data,
  384.                 success:function(data){
  385.                    
  386.                     if(data['resp'] == 'exito')
  387.                     {
  388.                        //$('#success_alert').show();
  389.                        
  390.                            if(autologin == true)
  391.                            {                              
  392.                                autoLogin(email, password);
  393.                            }else{                              
  394.                                window.location.href = window.location.href;
  395.                            }
  396.                     }else{
  397.                         saveButton.removeAttribute("disabled");
  398.                         saveButton.innerHTML = "Guardar";
  399.                         $('#danger_alert').show();
  400.                     }
  401.                     
  402.                 },
  403.                 error: function(data){
  404.                     console.log(data);
  405.                 }
  406.             }); 
  407.         }
  408.             
  409.             function autoLogin(email, password)
  410.             {
  412.                 $('#_xEmail').val(email);
  413.                 $('#_xData').val(password);
  414.                 $('#loginForm').submit();
  415.                 /*var url  = "{{path('frontend_customer_login', {slug:slug})}}";
  416.                       
  417.                 var data = {
  418.                     _username: email,
  419.                     _password: password,
  420.                     autologin: true                        
  421.                 };
  423.                 $.ajax({
  424.                 type:'POST',
  425.                 url: url,
  426.                 data: data,
  427.                 success:function(data){                      
  428.                         window.location.href = window.location.href;                        
  429.                     },
  430.                     error: function(data){
  431.                         console.log(data);
  432.                     }
  433.                 }); */
  434.             }
  435.     </script>
  437.     
  438.     <script>
  439.     
  440.     //Refrescar la carretilla en cuanto se abra la pagina     
  441.     var data = {};
  442.     var url = "{{ path('frontend_store_product', {slug:slug}) }}";
  443.     $.ajax({ type: "POST",   
  444.          url: url,   
  445.          async: false,
  446.          data: data,
  447.          success : function(data)
  448.          {  
  449.              $('.cart_container').html(data.html);    
  450.          }
  451.     });
  454.     function hideModal1()
  455.     {
  456.         $('.js-hide-modal1').on('click',function()
  457.         {
  458.             $('.wrap-modal1').removeClass("show-modal1");
  459.         });
  460.     }
  461.     
  462.     function closeModal()
  463.     {
  464.         $('.wrap-modal1').removeClass("show-modal1");
  465.     }
  466.     
  468.     
  469.     {% if productCategory != "" %}
  470.         //loadCategory(1,"{{productCategory}}","{{pager_limit}}");        
  471.         loadCategory(1,"{{productCategory}}","10");        
  472.     {% else %}
  473.             {%if brand != '' and category !='' %}
  474.                 //loadCategory(5,'{{brand}}',"{{pager_limit}}","{{globalSearch}}", "{{category}}");
  475.                 loadCategory(5,'{{brand}}',"10","{{globalSearch}}", "{{category}}");
  476.             {% else %}
  477.                 {% if category != '' %}
  478.                     //loadCategory(3,"{{category}}","{{pager_limit}}","{{globalSearch}}");
  479.                     loadCategory(3,"{{category}}","10","{{globalSearch}}");
  480.                 {% elseif category == '' and brand == '' %}
  481.                     //loadCategory(0,'',"{{pager_limit}}","{{globalSearch}}");
  482.                     loadCategory(0,'',"10","{{globalSearch}}");
  483.                 {% endif %}
  484.                 
  485.                 {% if brand != '' %}
  486.                     //loadCategory(4,'{{brand}}',"{{pager_limit}}","{{globalSearch}}");
  487.                     loadCategory(4,'{{brand}}',"10","{{globalSearch}}");
  488.                 {% endif %}
  489.             {% endif %}    
  490.     {% endif %}
  491.     
  493.     $(document).on('show.bs.modal', '.modal', function()
  494.     {
  495.         
  496.         var zIndex = 10000 + (10 * $('.modal:visible').length);
  497.         $(this).css('z-index', zIndex);
  498.         setTimeout(function() {
  499.             $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
  500.         }, 0);
  501.         
  502.     });
  504.     
  505.     function loadCategory(type,token,limit = false,search="", token2 = "")
  506.     {
  507.               
  508.         
  509.         var url = "{{ path('frontend_get_product', {slug:slug}) }}";
  510.         
  511.         var data = {
  512.             type: type,
  513.             token: token,
  514.             token2: token2,
  515.             limit: limit,
  516.             first: true,
  517.             search:search,
  518.             isMore: 0
  519.         };
  520.                 
  521.         $('#pager_label').html("<h1><i class='fa fa-spin fa-spinner'></i></h1>");
  522.         
  523.         $('#dynamic_loader').load(url,data,function(a,b)
  524.         {
  526.             
  527.             $('#search_field_loader_1').html("");        
  528.             if(a == "")
  529.             {
  530.                 $('#pager_control').hide();
  531.                 $('#pager_label').html("<h1 style='font-size:100px;margin:0px;'><i class='fa fa-search'></i></h1><h4>No se encontraron resultados...</h4><p>Agregamos productos a nuestro inventario muy frecuentemente.<br>El producto que buscaste podría estar disponible pronto.</p>");
  532.                 
  533.             } else {
  534.                 $('#pager_control').show();
  535.                 var total = $('#total_current_list').val();
  536.                 var total_filtered = $('#count_current_list').val();
  537.                 
  538.                 if(parseInt(limit,10) > parseInt(total,10))
  539.                 {
  540.                     
  541.                     $('#pager_label').html("Mostrando "+total_filtered+" de "+total+"<br><p style='text-align:center;color:#ccc;'>~ No hay más que cargar ~</p>");
  542.                     $('#pager_control').hide();
  543.                 } else {
  544.                     $('#pager_label').html("Mostrando "+limit+" de "+total);
  545.                     $('#pager_control').show();    
  546.                 }
  547.                 
  548.                 $('#dynamic_loader').addClass('isotope-grid');
  549.                 $('#pager_control').attr('data-type',type);
  550.                 $('#pager_control').attr('data-token',token);
  551.                 $('#pager_control').attr('data-limit',limit);
  552.                 
  553.                 //startSlick();    
  554.                 startMagnific();
  555.                 hideModal1();
  556.             }
  557.         });
  558.     }    
  560.     function loadMore()
  561.     {
  562.            
  563.         //var newLimit = parseInt($('#pager_control').attr('data-limit'))+{{pager_limit}};
  564.         var newLimit = parseInt($('#pager_control').attr('data-limit'))+10;
  565.         $('#pager_control a').html("<i class='fa fa-spin fa-spinner'></i>");
  566.         $('#pager_control a').prop("disabled",true);
  567.         
  569.         var url = "{{ path('frontend_get_product', {slug:slug}) }}";
  570.                 var category = '{{category}}';
  571.         var data = {
  572.             type: $('#pager_control').attr('data-type'),
  573.             token: $('#pager_control').attr('data-token'),
  574.             token2: category,
  575.             //limit: $('#pager_control').attr('data-limit')+','+'{{pager_limit}}',
  576.             limit: $('#pager_control').attr('data-limit')+','+'10',
  577.             first: false,
  578.             isMore: 1        
  579.         };
  580.         
  581.         var response;
  582.         $.ajax({ type: "POST",   
  583.              url: url,   
  584.              async: false,
  585.              data: data,
  586.              success : function(text)
  587.              {  
  588.                  
  589.                   if(text == '')
  590.                   {
  591.                       $('#pager_control').html("<p style='text-align:center;color:#ccc;'>~ No hay más que cargar ~</p>");
  592.                   } else {
  593.                      response = text;
  594.                      var total = $('#total_current_list').val();
  595.                      if(newLimit > total)
  596.                      {
  597.                          $('#pager_control').html("<p style='text-align:center;color:#ccc;'>~ No hay más que cargar ~</p>");
  598.                          $('#pager_label').html("Mostrando "+total+" de "+total);
  599.                      } else {
  600.                         $('#pager_label').html("Mostrando "+newLimit+" de "+total);                         
  601.                      }
  603.                      $('#pager_control').attr('data-limit',newLimit);
  604.                      $('#pager_control a').prop("disabled",false);
  605.                      $('#pager_control a').html("Cargar más");
  606.                      
  607.                      $('#dynamic_loader').append(response);
  608.                      
  609.                      //startSlick();
  610.                       startMagnific();
  611.                       hideModal1();
  612.                 }
  613.              }
  614.         });
  615.         
  616.         
  617.                 
  618.     }    
  619.     
  620.     
  621.     
  622.     $('#search_field_1').on('submit',function(e)
  623.     {
  624.         e.preventDefault();
  625.         $('#search_field_loader_1').html("<i class='fa fa-spin fa-spinner'></i> Buscando...");
  626.         var value = $('#search-product-1').val();        
  627.         //loadCategory(false,false,{{pager_limit}},value);
  628.         loadCategory(false,false,10,value);
  629.     });
  630.     
  631.     
  632.     $('#global_search').on('submit',function(e)
  633.     {
  634.         e.preventDefault();
  635.         
  636.         var value      = $('#search').val();
  637.         var encoded    = encodeURIComponent(value).replace(/%20/g,'+');
  638.         var string_url = "{{path('frontend_product', {'search':'_ENCODED_', slug:slug})}}";
  639.         var location   = string_url.replace("_ENCODED_",encoded);
  640.         
  641.         window.location.href = location;
  642.     });
  644.         
  645.     
  646.     function refreshPreview()
  647.     {
  648.         
  649.         var url = "_cart_preview.php";
  650.         var data = {};
  651.         $('#cart_preview').html("<div class='row'><div class='col-md-12 text-center'><h1><i class='fa fa-spin fa-spinner'></i></h1></div></div>");
  652.         $.ajax({
  653.           type: "POST",
  654.           url: url,
  655.           data: data,
  656.           success: function(html)
  657.           {
  658.                 console.log("refreshPreviewSuccess");
  659.               $('#cart_preview').html(html);                                
  660.           }
  661.         });
  663.     }
  664.     
  665.     
  666.     function refreshSideCart()
  667.     {
  668.         
  669.         $('.js-panel-cart').addClass('show-header-cart');
  670.         refreshPreview();
  672.     }
  673.     
  674.     function validateStockDirect(stock)
  675.     {
  676.             
  677.         var msg = "";
  678.         if(stock == ''){ 
  679.             stock = 0;
  680.             msg = "El producto no se encuentra disponible";
  681.         }else{ 
  682.             stock = parseInt(stock,10);
  683.             msg= "Hay "+stock+" unidades disponibles de este producto";
  684.             if(stock == 1){
  685.                     msg= "Hay 1 unidad disponible de este producto";
  686.             }
  687.         }
  688.         
  689.         if(stock < 1){
  690.             swal("Oops", msg);
  691.             return false;
  692.         }else{
  693.             $(".containerToggle").toggle()
  694.         }
  695.     }
  697.     function increaseInput(pid,oid,stock,preview,checkout = false)
  698.     {       
  699.         if(stock != 'not_stock')
  700.         {
  701.             
  702.             var cant = $('.cartInput'+pid).val();
  703.             var new_cant = parseInt(cant,10)+1;
  704.             console.log(new_cant);
  705.             console.log(stock);
  706.             var msg = "";
  708.             if(stock == '')
  709.             { 
  710.                 stock = 0;
  711.                 msg = "El producto no se encuentra disponible";
  712.             } else { 
  713.                 stock = parseInt(stock,10);
  714.                 msg= "Hay "+stock+" unidades disponibles de este producto";
  715.             
  716.                 if(stock == 1)
  717.                 {
  718.                     msg= "Hay 1 unidad disponible de este producto";
  719.                 }
  720.             }
  722.             if(new_cant > stock)
  723.             {
  724.                 swal("Oops", msg);
  725.                 return false;
  726.             }
  727.         }
  729.         if($('#main_cart_container').next('div.popover:visible').length == 0)
  730.         {
  731.             //Ocultar popover para mobiles
  732.             if(window.innerWidth <= 800)
  733.             {
  734.             
  735.             } else {
  736.                 
  737.                 setTimeout(function()
  738.                 {
  739.                     
  740.                     var imgSrc = $('#cart_picture_for_'+pid).attr('src');
  741.                     var name   = $('#cart_picture_for_'+pid).attr('alt');
  742.                     var imgTag = "<img style='height:150px;margin:0 auto;' src='"+imgSrc+"'>";
  743.                     
  744.                     $('#main_cart_container').popover({
  745.                         html:true,
  746.                         container: 'body',                      
  747.                         title: '<i class="fa fa-checkmark"></i> Producto agregado',
  748.                         content:'<div class="row"><div class="col-md-12 text-center">'+imgTag+'</div><div class="col-md-12 text-center">'+name+'</div></div>',
  749.                         placement: 'bottom'
  750.                     });
  751.                     
  752.                     $('#main_cart_container').popover('show');    
  753.                     
  754.                     setTimeout(function()
  755.                     {
  756.                         $('#main_cart_container').popover('dispose');
  757.                     }, 1000);
  758.                   
  759.                 },1000);
  760.             }
  761.         }
  762.           
  763.         
  764.         
  765.         var val = $('#cartInput'+pid).val();
  766.         var new_val =  parseInt(val)+1;        
  767.         
  768.         $('.cartInput'+pid).val(new_val);
  769.         $('#cartInput'+pid).val(new_val);
  770.         
  771.         addToCart(pid,oid,preview,checkout);
  772.         
  773.         $('#cart_counter_for_'+pid).show();
  774.         $('#cart_starter_for_'+pid).hide();
  775.         $('#cart2_counter_for_'+pid).show();
  776.         $('#cart2_starter_for_'+pid).hide();
  777.         $('#cart3_counter_for_'+pid).show();
  778.         $('#cart3_starter_for_'+pid).hide();
  779.         
  780.     }
  781.     
  782.     function decreaseInput(pid,oid,preview,checkout = false)
  783.     {
  784.         
  785.         var val = $('#cartInput'+pid).val();
  786.         if(val > 0)
  787.         {
  788.             var new_val = parseInt(val)-1;
  789.             
  790.             $('.cartInput'+pid).val(new_val);
  791.             $('#cartInput'+pid).val(new_val);
  792.             
  793.             if(new_val < 1)
  794.             {
  795.                 $('#cart_counter_for_'+pid).hide();
  796.                 $('#cart_starter_for_'+pid).show();
  797.                 $('#cart2_counter_for_'+pid).hide();
  798.                 $('#cart2_starter_for_'+pid).show();
  799.                 $('#cart3_counter_for_'+pid).hide();
  800.                 $('#cart3_starter_for_'+pid).show();
  801.             }
  802.             
  803.             addToCart(pid,oid,preview,checkout);                        
  804.         }    
  805.     }
  806.     
  807.     
  808.     function addToCart(pid,oid,preview,checkout = false)
  809.     {
  810.         
  811.         var url = "{{ path('frontend_store_product', {slug: slug}) }}";
  812.         $('.cart_container').removeClass("animated bounceInRight");        
  813.           
  814.         var data = {
  815.             cart: true,
  816.             oid: oid,
  817.             pid: pid,
  818.             quantity: $('#cartInput'+pid).val()
  819.         };        
  820.         
  821.         $('.cart_container').html("<h1><i class='fa fa-spin fa-spinner'></i></h1>");
  822.         
  823.         $.ajax({
  824.           type: "POST",
  825.           url: url,
  826.           data: data,
  827.           success: function(data)
  828.           {
  829.               
  830.               var html = data.html;
  831.                 $('.cart_container').html(html);
  832.                 
  833.                 
  834.               $('.cart_container').addClass("animated bounceInDown");
  835.               closeModal();
  836.               //refreshSideCart();
  837.               if($('#cartInput'+pid).val() < 1)
  838.               {                   
  839.                    $('#cart_item_'+pid).remove();
  840.                    $('#session_quantity_'+pid).html("");
  841.                    $('#session2_quantity_'+pid).html("");
  842.                    $('#session3_quantity_'+pid).html("");
  843.               } else {
  844.                   $('#session_quantity_'+pid).html("<div class='quantity_ghost card-2 animated bounceIn'>"+$('#cartInput'+pid).val()+"</div>");
  845.                   $('#session2_quantity_'+pid).html("<div class='quantity_ghost card-2 animated bounceIn'>"+$('#cartInput'+pid).val()+"</div>");
  846.                   $('#session3_quantity_'+pid).html("<div class='quantity_ghost card-2 animated bounceIn'>"+$('#cartInput'+pid).val()+"</div>");
  847.               }    
  848.              
  849.               if(preview)
  850.               {
  851.                   refreshPreview();
  852.                   {#
  853.                   <?php if($thisPage == 55): ?>
  854.                     refreshCheckoutTable();                                                                
  855.                  <?php endif; ?>
  856.                  #}
  857.               }    
  858.               
  859.               if(checkout)
  860.               {
  861.                    refreshCheckoutTable();                   
  862.               }    
  863.               
  864.           }
  865.         });
  866.         
  867.     }    
  868.         
  869.         
  870.     function removeItemFromCart(key,pid)
  871.     {
  872.         var url = "{{ path('frontend_store_product', {slug:slug}) }}";
  873.         var data = {
  874.             remove:true,
  875.             key:key
  876.         };
  877.         
  878.         
  879.         $.ajax({
  880.           type: "POST",
  881.           url: url,
  882.           data: data,
  883.           success: function(html)
  884.           {
  885.                $('.cart_container').html(html);
  886.                $('#cart_item_'+pid).remove();
  887.              //refreshSideCart();
  888.              refreshPreview();
  889.              $('#session_quantity_'+pid).html("");
  890.              $('#session2_quantity_'+pid).html("");
  891.              $('#session3_quantity_'+pid).html("");
  892.              {#
  893.              <?php if($thisPage == 55): ?>
  894.                 refreshCheckoutTable();                                                                
  895.              <?php endif; ?>    
  896.              #}
  897.           }
  898.         });
  899.         
  900.     }    
  901.     
  902.     
  903.     
  904.     function startFields(cid,type,label,pid)
  905.     {                        
  906.         var url = "API_____fields.php";        
  907.         var data = {
  908.             client_id: cid,
  909.             is_web:true,
  910.             data: {
  911.                 dynamic: type,
  912.                 pid:pid                
  913.             }
  914.         };
  915.         
  916.         if(type == 'direct')
  917.         {
  918.             $('#start_direct_'+pid).html("<i class='fa fa-spin fa-spinner'></i>");
  919.             $('#start_direct_'+pid).prop("disabled",true);
  920.         }
  921.         
  922.         
  923.         
  924.         $.ajax({ type: "POST",   
  925.              url: url,   
  926.              crossDomain: true,
  927.              async: false,
  928.              data: JSON.stringify(data),
  929.              dataType: "json",
  930.              success : function(response)
  931.              {          
  932.                  //$('#start_direct_'+pid).html(label);         
  933.                 //$('#start_direct_'+pid).prop("disabled",false);
  934.                   var url = "_fields_convert.php"
  935.                   
  936.                   if(type =='cart')
  937.                   {                      
  938.                       $('.fields_cart').load(url,response,function(a)
  939.                       {                                                        
  940.                         $('#direct_panel_'+pid).show("fast");
  941.                       });
  942.                   }
  943.                   
  944.                   if(type == 'direct')
  945.                  {
  946.                      $('#start_direct_'+pid).html("<i class='fa fa-spin fa-spinner'></i>");
  947.                     $('#start_direct_'+pid).prop("disabled",true);
  948.                      $('.fields_'+pid).load(url,response,function(a)
  949.                      {
  950.                           $('#direct_start_btn_'+pid).hide();
  951.                         $('#direct_panel_'+pid).show("fast");
  952.                      });                    
  953.                  }
  954.                  
  955.                  if(type == 'contact')
  956.                  {
  957.                      $('#contact_form_holder_'+label).load(url,response,function(a)
  958.                      {
  959.                           
  960.                      });
  961.                  }
  962.                 
  963.              }
  964.         });
  965.         
  966.         
  967.     }
  968.     
  969.     
  970.     
  972.     function submitDirect(pid)
  973.     {
  974.                 
  975.         if(!$('#direct_form_'+pid).parsley().validate())
  976.         {
  977.             swal("Campos requeridos", "Nombre y teléfono son campos requeridos", "error");
  978.         } else {
  979.             $('#direct_panel_cnf_btn_'+pid).prop("disabled",false);
  980.             $('#direct_panel_cnf_btn_'+pid).html("<h1><i class='fa fa-spin fa-spinner'></i></h1>");                
  981.             var url = "_direct_control.php";    
  982.             
  983.             $.ajax({
  984.             url: url,
  985.             type: 'post',
  986.             dataType: 'json',
  987.             data: $('form#direct_form_'+pid).serialize(),
  988.             success: function(data) {                
  989.                 if(data.status == "success")
  990.                 {    
  991.                     $('#direct_panel_'+pid).hide();    
  992.                     $('#direct_success_'+pid).show();
  993.                     
  994.                 } else {
  995.                     $('#direct_panel_cnf_btn_'+pid).prop("disabled",true);
  996.                     $('#direct_panel_cnf_btn_'+pid).html("Intentar de nuevo");
  997.                     swal("Oops", "No se pudo entregar tu mensaje, por favor intenta más tarde.", "error");
  998.                 }       
  999.              },
  1000.              error: function(data)
  1001.              {
  1002.                  $('#direct_panel_cnf_btn_'+pid).prop("disabled",true);
  1003.                 $('#direct_panel_cnf_btn_'+pid).html("Intentar de nuevo");
  1004.                 swal("Oops", "No se pudo entregar tu mensaje, por favor intenta más tarde.", "error");
  1005.              }
  1006.             });
  1007.         }
  1008.     }
  1009.     
  1010.     
  1012.     
  1013.     function closeModal(id){
  1014.             
  1015.             $('#'+id).modal('hide');
  1016.         }
  1017.     
  1018.     $('#contact_form').on('submit',function(e)
  1019.     {
  1020.         e.preventDefault();
  1021.         
  1022.         $('#contact_btn').prop("disabled",true);
  1023.         $('#contact_btn').html("<h1><i class='fa fa-spin fa-spinner'></i></h1>");
  1024.         var url = "_contact_form.php";    
  1025.             
  1026.         $.ajax({
  1027.             url: url,
  1028.             type: 'post',
  1029.             dataType: 'json',
  1030.             data: $('form#contact_form').serialize(),
  1031.             success: function(data) {                
  1032.                 if(data.status == "success")
  1033.                 {    
  1034.                             
  1035.                     $('#contact_btn_container').html("<br><h1 style='text-align:center;'><i class='fa fa-check' style='color:green'></i></h1><h3 style='text-align:center;'>¡Gracias!<br>Hemos recibido el mensaje correctamente. Responderemos muy pronto.</h3>");
  1036.                     
  1037.                 } else {
  1038.                     $('#contact_btn').prop("disabled",false);
  1039.                     $('#contact_btn').html("Intentar de nuevo"); 
  1040.                     swal("Oops", "No se pudo entregar tu mensaje, por favor intenta más tarde.", "error");
  1041.                 }       
  1042.              }
  1043.         });
  1044.         
  1045.     });              
  1046.     
  1047.     </script>
  1050.         
  1051.     
  1052.     {% block script %}
  1053.     
  1054.     {% endblock %}
  1055.      
  1056.     <!-- CHAT WIDGET -->
  1057.     {#{ render(controller("AppBundle:Frontend/Main:chatWidget")) }#}
  1058.     {{ render(controller('App\\Controller\\Frontend\\MainController::chatWidgetAction')) }}
  1060.     
  1061.     <!-- WHATSAPP WIDGET -->
  1062.     {#{ render(controller("AppBundle:Frontend/Main:whatsappWidget")) }#}
  1063.     {{ render(controller('App\\Controller\\Frontend\\MainController::whatsappWidgetAction')) }}
  1064.     
  1065. </body>