templates/front/_common/_base.html.twig line 1

Open in your IDE?
  1. {% apply spaceless %}
  2.     {% set STATIC_URL = asset('static/') %}
  3.     {% set ASSET_VERSION = '28.0' %}
  4.     {% set IS_HOME_PAGE = is_home_page|default(false) or info.counterShowAllPages %}
  5.     {% set IS_PROPERTY_DETAIL = IS_PROPERTY_DETAIL|default(false) %}
  6. <!DOCTYPE html>
  7. <html>
  8.     <head>
  9.         <meta charset="utf-8">
  10.         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" >
  11.         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  13.         <link rel="preload" href="{{ STATIC_URL }}fonts/PlutoSansW04-Light.ttf" as="font"  crossorigin />
  14.         <link rel="preload" href="{{ STATIC_URL }}fonts/PlutoSansW04-Bold.ttf" as="font"  crossorigin />
  15.         <link rel="preload" href="{{ STATIC_URL }}fonts/icomoon.ttf?c7l5mf" as="font"  crossorigin />
  16.         <link rel="preload" href="{{ STATIC_URL }}fonts/NunitoSans-Regular.ttf" as="font"  crossorigin />
  17.         <link rel="preload" href="{{ STATIC_URL }}fonts/NunitoSans-Bold.ttf" as="font"  crossorigin />
  18.         {% if IS_PROPERTY_DETAIL and detail.popupVideoShow and detail.popupVideoLink %}
  19.         <link rel="preload" href="{{ detail.popupVideoLink }}" as="video"  crossorigin />
  20.         {% endif %}
  22.         {% if info.seoFavicon is defined and info.seoFavicon is not empty %}
  23.             <link rel="icon" type="image/png" href="{{ asset(info.seoFavicon)|sd_azure }}"/>
  24.             <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ asset(info.seoFavicon)|sd_azure }}">
  25.             <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ asset(info.seoFavicon)|sd_azure }}">
  26.             <link rel="apple-touch-icon-precomposed" href="{{ asset(info.seoFavicon)|sd_azure }}">
  27.         {% endif %}
  29.         {% block linkcanonical %}{% endblock %}
  30.         {% include 'front/_common/_metatags.html.twig' %}
  32.         {% block cssadicional %}
  33.         {% endblock %}
  34.         <style>
  35.             .header_search_btn.hide {
  36.                 display: none;
  37.             }
  38.         </style>
  39.         {% if app.request.get('_route') not in ['home', 'property'] %}
  40.         <link rel="stylesheet" href="{{ STATIC_URL}}js/validationform/validationEngine.jquery.css">
  41.         {% endif %}
  42.         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}js/simplebar/simple-scrollbar.min.css"/>
  43.         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/styles.css?v={{ ASSET_VERSION }}"/>
  44.         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/blocks_styl.css?v={{ ASSET_VERSION }}"/>
  45.         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/whatsapp.css?v={{ ASSET_VERSION }}"/>
  46.         <style>
  47.             /* Ocultar logo CookieBot */
  48.             /* Branding on the banner */
  49.             a#CybotCookiebotDialogPoweredbyCybot,
  50.             div#CybotCookiebotDialogPoweredByText {
  51.                 display: none !important;
  52.             }
  53.             /* Branding on the widget */
  54.             #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  55.                 display: none !important;
  56.             }
  57.         </style>
  59.         <script>
  60. {#            {% if show_regionalization_script %}#}
  61. {#            if (navigator.geolocation) {#}
  62. {#                console.log('Sí soporta geolocalización');#}
  63. {#                navigator.geolocation.getCurrentPosition(function (position) {#}
  64. {#                    const url = '{{ app.request.uri }}';#}
  65. {#                    const lat = position.coords.latitude;#}
  66. {#                    const lng = position.coords.longitude;#}
  68. {#                    $.ajax({#}
  69. {#                        url: '{{ path("region") }}',#}
  70. {#                        type: 'get',#}
  71. {#                        dataType: 'json',#}
  72. {#                        data: {lat: lat, lng: lng, url: url}#}
  73. {#                    }).done(function (data) {#}
  74. {#                        if (data.redirect) {#}
  75. {#                            window.location.href = url;#}
  76. {#                        }#}
  77. {#                    }).fail(function (error) {#}
  78. {#                        console.log('Error regionalización: ', error.responseText);#}
  79. {#                    });#}
  80. {#                });#}
  81. {#            } else {#}
  82. {#                console.log('No soporta geolocalización');#}
  83. {#            }#}
  84. {#            {% endif %}#}
  85.         </script>
  87.         <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d187506d-fd80-4158-8815-740f3e5f610b" data-blockingmode="auto" type="text/javascript"></script>        
  88.         
  89.         <!--[if lt IE 9]>
  90.             <script src="{{ STATIC_URL }}js/html5.js"></script>
  91.             <script src="{{ STATIC_URL }}js/respond.js" type="text/javascript"></script>
  92.             <link rel="stylesheet" type="text/css" href=".{{ STATIC_URL }}css/ie.css"/>
  93.         <![endif]-->
  94.         {% set externalScripts = info.getCustomScriptsDomain(app.request.headers.get('host')) %}
  95.         {% if externalScripts.header|default('') %}
  96.             {{ externalScripts.header|raw }}
  97.         {% endif %}
  99.         {% if IS_PROPERTY_DETAIL and detail.seoScriptShow %}
  100.             {% if detail.seoScriptGenerate %}
  101.                 <script type="application/ld+json">
  102.                     {
  103.                         "@context": "https://schema.org",
  104.                         "@type": "House",
  105.                         "name": "{{ detail.title }}",
  106.                         "description": "{{ detail.commonText|striptags }}",
  107.                         "image":"{{ asset(detail.imageListDesktop)|sd_azure }}",
  108.                         "url":"{{ absolute_url(path('property', {'slug': detail.slug})) }}",
  109.                         "logo":"{{ asset(info.headerLogo)|sd_azure }}"
  110.                     }
  111.                 </script>
  112.             {% else %}
  113.                 {% if detail.seoScriptText %}
  114.                     {{ detail.seoScriptText|raw }}
  115.                 {% endif %}
  116.             {% endif %}
  117.         {% endif %}
  119.     </head>
  121.     <body class="{% block classbody %}{% endblock %}">
  122.     {% if externalScripts.body|default('') %}
  123.         {{ externalScripts.body|raw }}
  124.     {% endif %}
  126.     <div class="cnt-wrapper" id="cnt-wrapper-main">
  127.         <!-- HEADER START -->
  128.         {% include "front/_common/_header.html.twig" %}
  129.         <!-- HEADER END -->
  130.         <div class="wrapper">
  131.             <!-- CONTENT START -->
  132.             {% block content %}{% endblock %}
  133.             <!-- CONTENT END -->
  134.         </div>
  135.         <!-- FOOTER START -->
  136.         {% include "front/_common/_footer.html.twig" %}
  137.         <!-- FOOTER END -->
  138.     </div>
  141.     <!-- contenedor del menu responsive -->
  142.     <script type="text/javascript">
  143.         var listados = {{ filter_types|json_encode|raw }};
  144.         var dormitorios = {{ filter_locations|json_encode|raw }};
  145.         var url_change_opt_header = '{{ path("recharge_dropdown_header") }}';
  146.         var header_placeholder_filter_city = "{{ info.headerFilterCityText|default('Proyecto o ciudad') }}";
  147.         var header_placeholder_filter_type = "{{ info.headerFilterTypeText|default('Tipo de inmueble') }}";
  149.     </script>
  150.     <script type="text/javascript">
  151.         //(2, 3, ',', '.')
  152.         //n : cantidad de decimales
  153.         //x : cantidad de digitos para la separación
  154.         //s : separador de miles
  155.         //c : separador de decimales
  156.         Number.prototype.format = function(n, x, s, c) {
  157.             var re = '\\d(?=(\\d{' + (x || 3) + '})+' + (n > 0 ? '\\D' : '$') + ')',
  158.                 num = this.toFixed(Math.max(0, ~~n));
  160.             return (c ? num.replace('.', c) : num).replace(new RegExp(re, 'g'), '$&' + (s || ','));
  161.         };
  163.         String.prototype.replaceAll = function(search, replacement) {
  164.             var target = this;
  165.             return target.split(search).join(replacement);
  166.         };
  167.         function isNumberKey(evt){
  168.             var charCode = (evt.which) ? evt.which : event.keyCode
  169.             if (charCode > 31 && (charCode < 48 || charCode > 57))
  170.                 return false;
  171.             return true;
  172.         }
  173.         function isLetterKey(evt) {
  174.             evt = (evt) ? evt : event;
  175.             // var regex = new RegExp("^[a-zA-Z ]+$");
  176.             var regex = new RegExp("^[a-zA-ZäÄëËïÏöÖüÜáéíóúáéíóúÁÉÍÓÚÂÊÎÔÛâêîôûàèìòùÀÈÌÒÙñÑ\ \'\-]+$");
  177.             var key = String.fromCharCode(!evt.charCode ? evt.which : evt.charCode);
  178.             if (!regex.test(key)) {
  179.                 evt.preventDefault();
  180.                 return false;
  181.             }
  182.             return true;
  183.         }
  185.         function isNumberOrLetterKey(event) {
  186.             return isNumberKey(event) || isLetterKey(event);
  187.         }
  189.         function isMaxCharacters(input,n){
  190.             if(input.value.length >= n ){ return false; }
  192.             return true;
  193.         }
  195.         function filterFloat(evt,input){
  196.             // Backspace = 8, Enter = 13, ‘0′ = 48, ‘9′ = 57, ‘.’ = 46, ‘-’ = 43
  197.             var key = window.Event ? evt.which : evt.keyCode;    
  198.             var chark = String.fromCharCode(key);
  199.             var tempValue = input.value+chark;
  200.             if(key >= 48 && key <= 57){
  201.                 if(filterdd(tempValue)=== false){
  202.                     return false;
  203.                 }else{       
  204.                     return true;
  205.                 }
  206.             }else{
  207.                 if(key == 8 || key == 13 || key == 0) {     
  208.                     return true;              
  209.                 }else if(key == 46){
  210.                         if(filterdd(tempValue)=== false){
  211.                             return false;
  212.                         }else{       
  213.                             return true;
  214.                         }
  215.                 }else{
  216.                     return false;
  217.                 }
  218.             }
  219.         }
  220.         function filterdd(__val__){
  221.             var preg = /^([0-9]+\.?[0-9]{0,3})$/; 
  222.             if(preg.test(__val__) === true){
  223.                 return true;
  224.             }else{
  225.             return false;
  226.             }
  227.             
  228.         }
  229.     </script>
  231.     <script src="{{ STATIC_URL }}js/jquery-3.2.1.min.js" type="text/javascript"></script>
  232.     <script src="{{ STATIC_URL }}js/simplebar/simple-scrollbar.js" type="text/javascript"></script>
  233.     <script src="{{ STATIC_URL }}js/selectJS.js?v={{ ASSET_VERSION }}"></script>
  234.     <script src="{{ STATIC_URL }}js/main.js" type="text/javascript"></script>
  235.     <script src="{{ STATIC_URL }}js/countdown.js" type="text/javascript"></script>
  236.     <script src="https://cdn.jsdelivr.net/npm/intersection-observer@0.7.0/intersection-observer.min.js"></script>
  237.     <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.1.2/dist/lazyload.min.js"></script>
  238.     <script src="https://unpkg.com/current-device/umd/current-device.min.js"></script>
  239.     <script type="text/javascript">
  240.         console.log("{{ app.request.headers.get('host') }}", "<--- domain");
  241.         var lazyLoadInstance = new LazyLoad({});
  243.         var hasPopVideo = document.getElementById('popup-video-mp4');
  244.         function openPopup(event,selector) {
  245.             console.log('event',event)
  246.             if(event){
  247.                 event.preventDefault();
  248.             }
  249.             let modalCurrent = document.querySelector('#'+selector);
  250.             modalCurrent.classList.add("active");
  251.         }
  252.         function closePopup() {
  253.             let popups = document.querySelectorAll(".b28-wrap-modal");
  254.             popups.forEach(btn => {
  255.                 btn.classList.remove('active');
  256.             });
  257.             if (hasPopVideo) {
  258.                 $('#video_container').find('video').get(0).pause();  
  259.                 
  260.                         
  261.             }
  262.             
  263.         }
  264.         // +++ CAMBIOS DE IMAGENES +++
  265.         function processChangeImage(banners, type) {
  266.             let win = window.innerWidth;
  267.             const elementImg = document.querySelectorAll(banners);
  269.             if (type === 'tagHtml') {
  270.                 for (let i = 0; i < elementImg.length; i++) {
  271.                     let forElement = elementImg[i]
  272.                     if (forElement.hasAttribute('data-image')) {
  273.                         let dataImg = forElement.getAttribute('data-image').split(';');
  274.                         if (win > 745) {
  275.                             forElement.setAttribute("src", dataImg[0]);
  276.                         } else if (win <= 745) {
  277.                             forElement.setAttribute("src", dataImg[1]);
  278.                         }
  279.                     } else {
  280.                         return false
  281.                     }
  282.                 }
  283.             } else {
  284.                 for (let i = 0; i < elementImg.length; i++) {
  285.                     let forElement = elementImg[i]
  286.                     if (forElement.hasAttribute('data-image')) {
  287.                         let dataImg = forElement.getAttribute('data-image').split(';');
  288.                         if (win > 745) {
  289.                             forElement.style.backgroundImage = 'url(' + dataImg[0] + ')'
  290.                         } else if (win <= 745) {
  291.                             forElement.style.backgroundImage = 'url(' + dataImg[1] + ')'
  292.                         }
  293.                     } else {
  294.                         return false
  295.                     }
  296.                 }
  297.             }
  298.         }
  300.         function changeImage(selector, type) {
  301.             processChangeImage(selector, type);
  303.             window.onresize = function () {
  304.                 processChangeImage(selector, type);
  305.             };
  306.         }
  308.         function processChangeLazyImage(selector, type) {
  309.             let win = window.innerWidth;
  310.             let elementImg = document.querySelectorAll(selector);
  312.             if (type === 'tagHtml') {
  313.                 for (let i = 0; i < elementImg.length; i++) {
  314.                     let forElement = elementImg[i]
  315.                     forElement.classList.add('lazy');
  316.                     if (forElement.hasAttribute('data-image')) {
  317.                         let dataImg = forElement.getAttribute('data-image').split(';');
  318.                         if (win > 745) {
  319.                             forElement.setAttribute("data-src", dataImg[0]);
  320.                         }
  321.                         if (win <= 745) {
  322.                             forElement.setAttribute("data-src", dataImg[1]);
  323.                         }
  324.                     } else {
  325.                         return false
  326.                     }
  327.                 }
  328.             } else {
  329.                 for (let i = 0; i < elementImg.length; i++) {
  330.                     let forElement = elementImg[i]
  331.                     if (forElement.hasAttribute('data-image')) {
  332.                         let dataImg = forElement.getAttribute('data-image').split(';');
  333.                         forElement.classList.add('lazy');
  334.                         if (win > 745) {
  335.                             forElement.setAttribute('data-bg', dataImg[0]);
  336.                         }
  337.                         if (win <= 745) {
  338.                             forElement.setAttribute('data-bg', dataImg[1]);
  339.                         }
  340.                     } else {
  341.                         return false
  342.                     }
  343.                 }
  344.             }
  345.             lazyLoadInstance.update();
  346.         }
  348.         function changeLazyImage(selector, type) {
  349.             processChangeLazyImage(selector, type);
  351.             window.onresize = function () {
  352.                 processChangeLazyImage(selector, type);
  353.             };
  354.         }
  355.         // <<< END >>>
  357.         // +++ VIDEO POPUP MP4 +++
  358.         if (hasPopVideo) {
  359.             var videoMp4Pop = document.getElementById('video1');
  360.             videoMp4Pop.addEventListener('loadedmetadata', function () {
  361.                 var duration = videoMp4Pop.duration;
  362.                 const durationTimeVideoDefault = $('#video_container').find('video').get(0).duration;
  363.                 const durationTimeVideoAdmin  = parseInt('{{ detail is defined and detail is not null ? detail.popupVideoDuration : 0 }}');
  364.                 const durationTimeVideoSkip  = parseInt('{{ detail is defined and detail is not null ? detail.popupVideoSkipDuration : 0 }}');
  365.                 var durationTimeInitTemp  = durationTimeVideoAdmin > 0 && durationTimeVideoAdmin <= durationTimeVideoDefault ? durationTimeVideoAdmin : durationTimeVideoDefault;
  367.                 var counterTime = setInterval(function(){
  368.                     var durationTime = $('#video_container').find('video').get(0).duration;
  369.                     var currentTime = $('#video_container').find('video').get(0).currentTime;
  370.                     if (currentTime >= durationTime || currentTime >= durationTimeInitTemp) {
  371.                         closePopup();
  372.                         clearInterval(counterTime);
  373.                     }
  374.                     var current_time_data = $('#video_container').find('video').get(0).currentTime;
  375.                     var timeFinished = Math.round(durationTimeInitTemp - current_time_data);
  376.                     $('#currentTime').html(timeFinished);
  377.                     if (durationTimeVideoSkip > 0 && durationTimeVideoSkip < currentTime) {
  378.                         $('#sd_video_counter').hide();
  379.                         $('#sd_skip_video').show();
  380.                     }
  381.                 }, durationTimeInitTemp)
  383.                 openPopup(event,'popup-video-mp4');
  384.                 
  385.             });
  387.             $('.b28-control-unmute').click(function(event) {
  388.                 $(".source-video-p4").prop('muted', false);
  389.                 $(this).hide();
  390.                 $('.b28-control-video').hide();
  391.             });
  392.         }
  393.         // <<< END video popup mp4 >>>
  395.         // <<< VALIDATIONS >>>
  396.         var dni_validation_url = '{{ path("valid_dni") }}';
  397.         var email_validation_url = '{{ path("valid_email") }}';
  398.         var pin_code_validation_url = '{{ path("valid_pin_code") }}';
  399.         function ajaxValidate(url, val, text)
  400.         {
  401.             if( val ){
  402.                 let $return = 'undefined';
  403.                 $.ajax({
  404.                     url : url,
  405.                     type: 'GET',
  406.                     dataType: 'json',
  407.                     data: {fieldValue: val},
  408.                     async: false,
  409.                     cache: false,
  410.                 }).done(function(rpta){
  411.                     $return =  rpta.success;
  412.                 }).fail(function(error){
  413.                     console.log(error.responseText);
  414.                     $return = false;
  415.                 });
  416.                 return $return;
  418.             }else{
  419.                 return true;
  420.             }
  421.         }
  423.         function validateTelefono(field)
  424.         {
  425.             let tlf = field.val();
  426.             let valid = true;
  427.             let value_tlf = tlf.split(' ').join('');
  428.             value_tlf = value_tlf.replace(/\D/g,'');
  429.             field.val(value_tlf);
  430.             
  431.             if (field.val() != "") {
  432.                 if (field.val().length < 9) {
  433.                     valid = false;
  434.                 } else {
  435.                     if( field.val()[0] != '9' ){
  436.                         valid = false;
  437.                     }
  438.                     
  439.                     tlf = field.val();
  440.                     var count = 0;
  441.                     var current = tlf[0];
  442.                     for (var i = 0; i < tlf.length; i++) {
  443.                         var next = tlf[i];
  444.                         if (next == current) {
  445.                             count++;
  446.                         } else {
  447.                             if (count >= 5) {
  448.                                 valid = false;
  449.                             }
  450.                             count = 1;
  451.                             current = tlf[i]
  452.                         }
  453.                     }
  455.                     if (count >= 5) {
  456.                         valid = false;
  457.                     }
  458.                     
  459.                 }
  460.             } else {
  461.                 valid = false
  462.             }
  464.             if (!valid) {
  465.                 let field_id = field.attr('id');
  466.                 $('#'+field_id).validationEngine('showPrompt', '*Celular no válido', 'error')
  467.             }
  468.             return valid;
  469.         }
  471.         function isLetterChange(ev)
  472.         {
  473.             ev.preventDefault();
  474.             var regex = new RegExp("^[a-zA-ZäÄëËïÏöÖüÜáéíóúáéíóúÁÉÍÓÚÂÊÎÔÛâêîôûàèìòùÀÈÌÒÙñÑ\ \'\-]+$");
  475.             const input = ev.target;
  476.             const valid = regex.test(input.value);
  477.             if (!valid) {
  478.                 $('#'+input.id).validationEngine('showPrompt', '*Caracter no válido', 'error')
  479.                 input.value = '';
  480.                 return false;
  481.             }
  482.             return true;
  483.         }
  485.         function ajaxValidateDni(field)
  486.         {
  487.             let dni = field.val();
  488.             let valid = true;
  489.             const is_numeric = /^[0-9]+$/.test(dni);
  490.             if (!is_numeric) {
  491.                 let field_id = field.attr('id');
  492.                 $('#'+field_id).val('');
  493.                 $('#'+field_id).validationEngine('showPrompt', '*DNI no válido', 'error')
  494.                 return false
  495.             }
  496.             const blacklist = {{ info.dniBlacklistParsed|json_encode|raw }};
  497.             if (blacklist.includes(dni)) {
  498.                 let field_id = field.attr('id');
  499.                 $('#'+field_id).val('');
  500.                 $('#'+field_id).validationEngine('showPrompt', '*DNI no válido', 'error')
  501.                 return false
  502.             }
  503.                         
  504.             $.ajax({
  505.                 url : dni_validation_url,
  506.                 method: 'get',
  507.                 async: false,
  508.                 cache: false,
  509.                 data: {fieldValue: dni },
  510.                 success: function (data) {
  511.                     if (!data['exito']) {
  512.                         valid = false;
  513.                     }
  514.                 },
  515.                 error: function (data) {
  516.                     valid = false;
  517.                 }
  518.             })
  520.             if (!valid) {
  521.                 let field_id = field.attr('id');
  522.                 $('#'+field_id).validationEngine('showPrompt', '*DNI no válido', 'error')    
  523.             }
  524.             return valid;
  525.         }
  527.         function ajaxValidateEmail(field)
  528.         {
  529.             const endpoint = '{{ validations.email.endpoint }}';
  530.             const apikey = '{{ validations.email.apikey }}';
  531.             let email = field.val().toLowerCase().trim();
  532.             let valid = true;
  533.             $.ajax({
  534.                 url: endpoint,
  535.                 method: 'get',
  536.                 async: false,
  537.                 cache: false,
  538.                 data: {EmailAddress: email, APIKey: apikey},
  539.                 success: function (data) {
  540.                     if (data.status !== 200) {
  541.                         valid = false;
  542.                     }
  543.                 },
  544.                 error: function (data) {
  545.                     valid = false;
  546.                 }
  547.             })
  549.             if (!valid) {
  550.                 let field_id = field.attr('id');
  551.                 $('#'+field_id).validationEngine('showPrompt', '* Email no válido', 'error')
  552.             }
  554.             field.val(email);
  555.             return valid;
  556.         }
  558.         let smsInterval = null;
  559.         function ajaxValidatePinCode(field)
  560.         {
  561.             const rpta = ajaxValidate(pin_code_validation_url, field.val());
  562.             console.log(rpta, '<-- rpta pin');
  563.             let field_id = field.attr('id');
  564.             if( rpta == false || rpta == 'undefined' ){
  565.                 $('#'+field_id).validationEngine('showPrompt', '* Código PIN no válido', 'error')
  566.                 return false;
  567.             }
  568.             clearInterval(smsInterval);
  569.             $('#'+field_id).closest('.g8-form-pin').find('#btn_msg_code').html('PIN válido');
  570.             return true;
  571.         }
  573.         function ajaxSendSimpleForm(form, btn, loading)
  574.         {
  575.             $.ajax({
  576.                 url : form.attr('action'),
  577.                 type: 'post',
  578.                 data : form.serialize(),
  579.                 dataType: 'json',
  580.                 complete : function(jqXHR,status){
  581.                     //btn.prop('disabled', false);
  582.                 }
  583.             }).done(function(resp){
  584.                 if( resp.success ){
  585.                     window.location.href = resp.url;
  586.                 }else{
  587.                     loading.hide();
  588.                     btn.prop('disabled', false);
  589.                     form.parent().prepend('<p style="color:red;">'+resp.errors+'</p>');
  590.                     closePopup();
  591.                 }
  592.             }).fail(function(error){
  593.                 console.log(error.responseText);
  594.             });
  595.         }
  597.         function onBlurValidate(el, func)
  598.         {
  599.             let $el = $(el);
  600.             if( $el.val().length < 1 ){ 
  601.                 return { 'rules': false, 'ajax': false};
  602.             }
  604.             let valid = $(el).validationEngine('validate');
  605.             let valid_ajax = true;
  606.             if( valid ){
  607.                 valid_ajax = func($el);
  608.             }
  610.             $el.closest('form').find('button').prop('disabled',!valid_ajax);
  611.             if( !valid_ajax ){
  612.                 $el.focus();
  613.             }
  614.             return { 'rules': valid, 'ajax': valid_ajax};
  615.         }
  617.         function onBlurValidateEmail(el)
  618.         {
  619.             valid = onBlurValidate(el, ajaxValidateEmail);
  620.             return valid.rules && valid.ajax;
  621.         }
  623.         function onBlurValidateDni(el)
  624.         {
  625.             valid = onBlurValidate(el, ajaxValidateDni);
  626.             return valid.rules && valid.ajax;
  627.         }
  629.         function onBlurValidateTelefono(el)
  630.         {
  631.             valid = onBlurValidate(el, validateTelefono);
  632.             return valid.rules && valid.ajax;
  633.         }
  635.         function onBlurValidatePinCode(el)
  636.         {
  637.             valid = onBlurValidate(el, ajaxValidatePinCode);
  638.             const is_valid = valid.rules && valid.ajax; 
  639.             if( is_valid ){
  640.                 $('.g8-btn-enviar').prop('disabled', false);
  641.             }
  642.             return is_valid;
  643.         }
  645.         function changeOnLimit(el)
  646.         {
  647.             console.log('teclado', $(el).val(), '<---');
  648.             if( $(el).val().length > 2) {
  649.                 $('#btn_msg_code').trigger('focus');
  650.             }
  651.         }
  653.         function validateMIME(field, rules, i, options)
  654.         {
  655.             var uploadedFile = $(field);  
  656.             if (uploadedFile) {
  657.                 var extensions = rules[i+2]; 
  658.                 var mimeFilter = new RegExp(extensions);
  660.                 if( ! mimeFilter.test($(uploadedFile).val().split('.').reverse()[0]) ){
  661.                     return "Sólo se permiten archivos: "+ extensions.split('|').join(',').toUpperCase();
  662.                 }
  663.             }
  664.         }
  666.         function validateFileSize (field, rules, i, options)
  667.         {
  668.             var uploadedFile = $(field);  
  669.             if (uploadedFile[0].files.length > 0) {
  670.                 const size = uploadedFile[0].files[0].size;
  671.                 const max = rules[i+2] * 1024 * 1024;
  673.                 if( size > max ){
  674.                     return "El peso del archivo debe ser menor o igual que "+rules[i+2]+" MB";
  675.                 }
  676.             }                      
  677.         }
  679.         function sendToAnalytics(data) {
  680.             console.log(data);
  681.             // dataLayer.push(data);
  682.         }
  684.         function getCurrentURL() {
  685.             return window.location.href
  686.         }
  688.         function getPagePath() {
  689.             return window.location.pathname;
  690.         }
  692.         function getCurrentTimestamp() {
  693.             return Date.now();
  694.         }
  696.         function getDeviceType() {
  697.             const type = device.type;
  698.             return type.charAt(0).toUpperCase() + type.slice(1);
  699.         }
  700.     </script>
  702.     <!-- JSADD START -->
  703.     {% block jsfinal %}{% endblock %}
  704.     {% if app.request.get('_route') not in ['home', 'property'] %}
  705.     <script src="{{ STATIC_URL }}js/validationform/jquery.validationEngine.js"></script>
  706.     <script src="{{ STATIC_URL }}js/validationform/jquery.validationEngine-es.js"></script>
  707.     {% endif %}
  708.     <style>
  709.         #formFilter .formErrorContent{
  710.             color : #444548;
  711.             background: #fff;
  712.         }
  713.         #formFilter .formError .formErrorArrow div{
  714.             background: #fff;
  715.         }
  716.         @media(max-width:1025px){
  717.             #formFilter .headerInputJS2formError.parentFormformFilter.formError{
  718.                 top:40px !important;
  719.             }
  721.             #formFilter .headerInputJSformError.parentFormformFilter.formError{
  722.                 top:40px !important;
  723.             }
  724.             #formFilter .formError .formErrorArrowBottom{
  725.                 top:0px;
  726.             }
  727.         }
  728.     </style>
  729.     <!-- JSADD END -->
  731.     <script>
  732.         function sdCheckIfMobile() {
  733.             const device = (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
  734.             const width = window.innerWidth <= 1024;
  735.             return device || width;
  736.         }
  738.         function bindHeaderFormValidate() {
  739.             $("#formFilter").validationEngine('attach', {
  740.                 promptPosition: sdCheckIfMobile() ? "bottomLeft" : "topLeft",
  741.                 autoHidePrompt: true,
  742.                 autoPositionUpdate: false,
  743.                 autoHideDelay: 5000,
  744.                 binded: false,
  745.                 scroll: false,
  746.                 validateNonVisibleFields: true,
  747.                 showOneMessage: false,
  748.                 custom_error_messages: {
  749.                     '#headerInputJS2': {
  750.                         'required': {
  751.                             'message': "Selecciona {{ info.headerFilterCityText|default('Proyecto o ciudad') }}"
  752.                         },
  753.                     },
  754.                     '#headerInputJS': {
  755.                         'required': {
  756.                             'message': "Selecciona {{ info.headerFilterTypeText|default('Tipo de inmueble') }}"
  757.                         }
  758.                     }
  759.                 }
  760.             });
  761.         }
  763.         function storeUtms($data) {
  764.             $.ajax({
  765.                 url: '{{ path("store_utms") }}',
  766.                 type: 'get',
  767.                 dataType: 'json',
  768.                 data: $data
  769.             }).done(function (rpta) {
  770.                 console.log(rpta, '<-- store utm');
  771.             }).fail(function (error) {
  772.                 console.log(error.responseText, '<-- store utm');
  773.             });
  774.         }
  776.         $(function () {
  777.             let $utm_data = {};
  778.             {% set utm_params = [
  779.                 'utm_source',
  780.                 'utm_campaign',
  781.                 'utm_medium',
  782.                 'utm_term',
  783.                 'utm_content',
  784.                 'gclid'
  785.             ] %}
  786.             {% for u in utm_params %}
  787.                 {% if app.request.get(u)|default('') %}
  788.                     $utm_data['{{ u }}'] = "{{ app.request.get(u) }}";
  789.                 {% endif %}
  790.             {% endfor %}
  791.             if (!$.isEmptyObject($utm_data)) {
  792.                 storeUtms($utm_data);
  793.             }
  794.         });
  797.         $(document).ready(function () {
  798.             $('.headerOption2').click(function (event) {
  799.                 const options = ['asia', 'chilca', 'chiclayo', 'ica', 'lambayeque', 'piura', 'trujillo'];
  800.                 const value = $(this).data('value');
  801.                 const text = $(this).text();
  802.                 if (options.includes(value)) {
  803.                     $('.header_search_btn').addClass('hide');
  804.                     $('.h-select-inmueble').addClass('hide');
  805.                 } else {
  806.                     $('.header_search_btn').removeClass('hide');
  807.                     $('.h-select-inmueble').removeClass('hide');
  808.                 }
  809.                 // sendClicEnProyectoCiudad(text);
  810.             });
  812.             var sdlocation_units = {{ sdlistcount|json_encode|raw }};
  813.             var sdproperty_url = "{{ path('property', {'slug':'__sd__'}) }}";
  814.             $('.headerOption2[data-value="asia"]').click(function (event) {
  815.                 window.location.href = "{{ path('asia_options', {'sd_location':'asia'}) }}";
  816.             });
  818.             $('.headerOption2[data-value="chilca"]').click(function (event) {
  819.                 window.location.href = "{{ path('chilca_options', {'sd_location':'chilca'}) }}";
  820.             });
  822.             $('.headerOption2[data-value="chiclayo"]').click(function (event) {
  823.                 window.location.href = "{{ path('chiclayo_options', {'sd_location':'chiclayo'}) }}";
  824.             });
  826.             $('.headerOption2[data-value="ica"]').click(function (event) {
  827.                 window.location.href = "{{ path('ica_options', {'sd_location':'ica'}) }}";
  828.             });
  830.             $('.headerOption2[data-value="lambayeque"]').click(function (event) {
  831.                 window.location.href = "{{ path('lambayeque_options', {'sd_location':'lambayeque'}) }}";
  832.             });
  834.             $('.headerOption2[data-value="piura"]').click(function (event) {
  835.                 window.location.href = "{{ path('piura_options', {'sd_location':'piura'}) }}";
  836.             });
  838.             $('.headerOption2[data-value="trujillo"]').click(function (event) {
  839.                 window.location.href = sdproperty_url.replace('__sd__', sdlocation_units['trujillo']);
  840.             });
  842.             $('.header_select').on('click', '.headerOption', function (event) {
  843.                 const text = $(this).text();
  844.                 clicEnNuestrosProductos(text);
  845.                 location.href = $(this).data('url');
  846.             });
  848.             $('.headernew_map a').on('click', function () {
  849.                 sendClicBuscarMapa();
  850.             });
  852.             // function sendClicEnProyectoCiudad(value) {
  853.             //     const data = {
  854.             //         'event': 'clic_en_proyecto_o_Ciudad',
  855.             //         'Proceso': 'Segmentacion',
  856.             //         'Tipo_evento': 'Interaccion',
  857.             //         'Plaza': value,
  858.             //         'Sección': 'Header',
  859.             //         'URL': getCurrentURL(),
  860.             //         'PagePath': getPagePath(),
  861.             //         'TimeStamp': getCurrentTimestamp(),
  862.             //         'TipoDispositivo': getDeviceType(),
  863.             //     };
  864.             //
  865.             //     sendToAnalytics(data);
  866.             // }
  868.             function clicEnNuestrosProductos(value) {
  869.                 const data = {
  870.                     'event': 'clic_en_nuestros_productos',
  871.                     'Proceso': 'Segmentacion',
  872.                     'Tipo_evento': 'Interaccion',
  873.                     'Tipo_vivienda': value,
  874.                     'URL': getCurrentURL(),
  875.                     'Sección': 'Header',
  876.                     'PagePath': getPagePath(),
  877.                     'TimeStamp': getCurrentTimestamp(),
  878.                     'TipoDispositivo': getDeviceType(),
  879.                 };
  881.                 sendToAnalytics(data);
  882.             }
  884.             function sendClicBuscarMapa() {
  885.                 const data = {
  886.                     'event': 'clic_buscar_mapa',
  887.                     'Proceso': 'Busqueda',
  888.                     'Tipo_evento': 'Interaccion',
  889.                     'Sección': 'Header',
  890.                     'URL': getCurrentURL(),
  891.                     'CTA': 'Buscar en mapa',
  892.                     'PagePath': getPagePath(),
  893.                     'TimeStamp': getCurrentTimestamp(),
  894.                     'TipoDispositivo': getDeviceType(),
  895.                 };
  897.                 sendToAnalytics(data);
  898.             }
  900.             bindHeaderFormValidate();
  901.             window.onresize = function () {
  902.                 $("#formFilter").validationEngine('detach');
  903.                 bindHeaderFormValidate();
  904.             };
  906.             var projects = {{ list_autocomplete|json_encode|raw }};
  908.             $('#searchBtn').on('click', function (ev) {
  909.                 ev.preventDefault();
  910.                 let btn = $(this);
  911.                 let form = btn.closest('form');
  912.                 btn.prop('disabled', true);
  913.                 let valid = form.validationEngine('validate');
  914.                 if (!valid) {
  915.                     btn.prop('disabled', false);
  916.                     return false;
  917.                 } else {
  918.                     if ($('#headerInputJS2').val() == 'ica' && $('#headerInputJS').val() == 'lotes-terrenos') {
  919.                         window.location.href = '{{ path("ica_lotes",{"sd_location":"ica", "sd_type":"lotes-terrenos"}) }}'.replace('&amp;', '&');
  920.                         return false;
  921.                     } else if ($('#headerInputJS2').val() == 'chiclayo' && $('#headerInputJS').val() == 'lotes-terrenos') {
  922.                         window.location.href = '{{ path("chiclayo_lotes",{"sd_location":"chiclayo", "sd_type":"lotes-terrenos"}) }}'.replace('&amp;', '&');
  923.                         return false;
  924.                     }
  926.                     form.submit();
  927.                 }
  928.             });
  930.             $('.h-new-search').click(function (event) {
  931.                 event.preventDefault();
  932.                 $('.b30').addClass('active');
  933.                 $('.b30-input-search').focus();
  934.             });
  936.             var numberText = 2;
  937.             var itemsResult = '';
  939.             function filterIt(arr, searchKey) {
  940.                 return arr.filter(function (obj) {
  941.                     return Object.keys(obj).some(function (key) {
  942.                         let text = obj[key].toLowerCase().replace('-', '').trim();
  943.                         return text.includes(searchKey);
  944.                     })
  945.                 });
  946.             }
  948.             $('.b30-input-search').on('keyup', function (e) {
  949.                 var termSearch = e.target.value
  950.                 if (termSearch.length > numberText) {
  951.                     var term = termSearch.toLowerCase().trim();
  952.                     var result = filterIt(projects, term);
  954.                     if (result.length >= 1) {
  955.                         itemsResult = '';
  956.                         for (var i = 0; i < result.length; i++) {
  957.                             var item = result[i];
  958.                             itemsResult = itemsResult +
  959.                                 '<a href="{{ path("home") }}' + item.url + '" class="b30-item">' +
  960.                                     '<div class="b30-categoria">' + item.categoria + '</div>' +
  961.                                     '<div class="b30-nombre">' + item.label + '' +
  962.                                         '<div class="b30-direccion">' +
  963.                                             '<img src="{{ STATIC_URL }}img/ubicacion2.svg" width="21" alt="ubicación">' +
  964.                                             '<p>' +
  965.                                                 '' + item.ubicacion.replace('-', '<br/>') + '' +
  966.                                             '</p>' +
  967.                                         '</div>' +
  968.                                     '</div>' +
  969.                                 '</a>';
  970.                         }
  971.                         $('.b30-list-initial').addClass('hide');
  972.                         $('.b30-not-list').removeClass('show');
  973.                         $('.b30-new-list').html(itemsResult);
  974.                         $('.b30-new-list').addClass('show');
  975.                     } else {
  976.                         $('.b30-new-list').removeClass('show');
  977.                         $('.b30-not-list').addClass('show');
  978.                     }
  979.                 }
  980.             });
  982.             $('.b30-close').click(function (event) {
  983.                 $('.b30-input-search').val('');
  984.                 $('.b30').removeClass('active');
  985.                 $('.b30-list-initial').removeClass('hide');
  986.                 $('.b30-not-list').removeClass('show');
  987.                 $('.b30-new-list').html('');
  988.                 $('.b30-new-list').removeClass('show');
  989.             });
  990.         });
  992.         $(function () {
  993.             $('.ftwspChatOpen').on('click', function () {
  994.                 if (!$(this).hasClass('active')) {
  995.                     $(this).addClass('active');
  996.                     $('.ftwsp_chat').addClass('active');
  997.                 } else {
  998.                     $(this).removeClass('active');
  999.                     $('.ftwsp_chat').removeClass('active');
  1000.                 }
  1001.             });
  1002.         });
  1004.         {% if info.counterShow and info.counterDate is not null and IS_HOME_PAGE %}
  1005.             $(window).on('load', function (event) {
  1006.                 $('.b27-close').click(function (event) {
  1007.                     $('.b27').addClass('hide');
  1008.                 });
  1009.                 var activeCount = true;
  1010.                 if (activeCount) {
  1011.                     $('.b27').addClass('active');
  1012.                     $(".countDown").countdown({
  1013.                             date: "{{ info.counterDate|date('j F Y H:i')|lower }}:59",
  1014.                             format: "on"
  1015.                         },
  1016.                         function () {
  1017.                             // This will run when the countdown ends
  1018.                             console.log('termino el contador');
  1019.                             $('.b27').addClass('hide');
  1020.                         });
  1021.                 }
  1022.                 var hasCounter = document.getElementById('b27-counter-main');
  1023.                 var cnt_wrapper = document.getElementById('cnt-wrapper-main');
  1024.                 if (hasCounter) {
  1025.                     cnt_wrapper.classList.add('hasCounter');
  1026.                 }
  1027.             });
  1028.         {% endif %}
  1029.         // renderSelectJS(response, '.headerSelectContent', '');
  1030.         // var el = document.querySelector('#with-custom-scroll');
  1031.         // SimpleScrollbar.initEl(el);
  1032.     </script>
  1033.     {% if externalScripts.footer|default('') %}
  1034.         {{ externalScripts.footer|raw }}
  1035.     {% endif %}
  1036.     </body>
  1037. </html>
  1038. {% endapply %}