class Web
{
    static initInicio()
    {
        $(document).ready(function()
        {
            let to = null;

            let itemCarousel2 = $(".carousel-noticias");
            const numItems2 = itemCarousel2.find(".itemNoticia").length;
            if (itemCarousel2.length) {
                itemCarousel2.owlCarousel({
                    smartSpeed: 650,
                    loop:false,
                    checkVisible:false,
                    margin: 30,
                    lazyLoad: true,
                    nav:false,
                    dots: false,
                    mouseDrag: false,
                    items:1,
                    responsive: {
                        0: {
                            items: 2,
                            margin: 15,
                            mouseDrag: true,
                            loop: true,
                        },
                        768: {
                            mouseDrag: true,
                            touchDrag: true,
                            loop: numItems2 > 2 ? true : false,
                            items: 2,
                            stagePadding: 60
                        },
                        992: {
                            mouseDrag: true,
                            touchDrag: true,
                            loop: numItems2 > 3 ? true : false,
                            items: 3,
                            stagePadding: 30
                        },
                        1199: {
                            mouseDrag: false,
                            touchDrag: false,
                            loop: numItems2 > 4 ? true : false,
                            items: 4
                        },
                    },
                    onTranslate: function(e) {
                        itemCarousel2.removeClass("owl-shadow");

                        clearTimeout(to);
                        to = setTimeout(function () {
                            itemCarousel2.addClass("owl-shadow");
                        }, 400);
                    },
                    onDrag: function(e) {
                        itemCarousel2.removeClass("owl-shadow");
                    },
                });
            }

            new WOW(
                {
                    boxClass:     'bloque-estadisticas',
                    callback:     function(box) {
                        $(".item-estadistica").each(function(i, e)
                        {
                            let elementNum = $(e).find(".item-estadistica-num");
                            let maxNum = elementNum.attr("data-num");
                            let numSumar = maxNum > 1000 ? 10 : (maxNum > 500 ? 5 : 2);

                            //3 segundos
                            let duration = Math.min((3000 / maxNum).toFixed(0)*1, 50);

                            let timer = setInterval(function(){
                                let num = elementNum.text()*1;
                                let nextNum = num + numSumar;
                                elementNum.html(Math.min(maxNum, nextNum));

                                if (maxNum <= nextNum)
                                    clearInterval(timer);

                            }, duration);
                        });
                    },
                }
            ).init();
        });
    }

    static initCarouselFotos()
    {
        $(document).ready(function()
        {
            let itemCarousel = $("#carousel-galeria");
            if (itemCarousel.length) {
                itemCarousel.owlCarousel({
                    smartSpeed: 650,
                    loop: false,
                    margin: 0,
                    lazyLoad: true,
                    nav:true,
                    navText: [
                        '<i class="fas fa-angle-left"></i>',
                        '<i class="fas fa-angle-right"></i>',
                    ],
                    mouseDrag: true,
                    items:1,
                });
            }

            let gallery = $(".i-foto").simpleLightbox();

            $("body").on("click", ".item-foto", function (e)
            {
                e.preventDefault();
                gallery.open(gallery.elements[$(this).attr("data-pos")]);
            });
        });
    }

    static initCasa()
    {
        $("#casas").on("click", ".item-casa", function(e)
        {
            e.preventDefault();
            let datos = JSON.parse($(this).attr("data-datos"));

            $(".item-modal-casa-img").html("<img src='"+datos.foto+"' alt='"+datos.telefono+"' />");
            $(".item-dato-localizacion").html(datos.direccion+"<br />"+datos.cp+" "+datos.localidad);
            $(".item-dato-telefono").html(datos.telefono);

            ClassBlockUI.abrirBlockUIEstandar("modal-casa", undefined, datos.provincia, "modal493");
        });
    }

    static initVideoYT()
    {
        $("body").on("click", ".item-video-yt", function()
        {
            ClassBlockUI.abrirBlockUIEstandar("bloqueVideo", function(){
                $(".modal").modal("hide");
                $("#bloqueVideo").html("");
            }, undefined, "modalVideo modal1050");
            $("#bloqueVideo").html('<iframe src="https://www.youtube-nocookie.com/embed/'+$(this).attr("data-codigo")+'?autoplay=1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
        });
    }

    static initGaleria()
    {
        $(document).ready(function ()
        {
            $(".item-galeria").simpleLightbox({maxZoom: 2});
        });
    }

    static initContacto()
    {
        var validacion;

        $(document).ready(function(e) {
            $("#btnEnviarContacto").click(enviarFormulario);
            var opciones_validacion = {showLabels: false};
            validacion = $("#formContacto").validate(opciones_validacion);
        });

        function enviarFormulario(event) {
            event.preventDefault();
            var extraMsg = "";

            if (!$("#politica").is(":checked")) {
                extraMsg = $("#politica").attr("title");
            }

            Utils.sendStandardAjax("formContacto", "ajax/Contacto.enviar.php", {
                extraErroresForm: extraMsg,
                successCallback: null,
                resetFormOnSuccess: true,
            });
        }
    }

    static initTexto()
    {
        $("document").ready(function()
        {
            //$(".textoSeccion a").attr("target", "_blank");
            $(".textoSeccion a[href^='tel']").removeAttr("target");

            $(".textoSeccion img[style^='float: left'], .textoSeccion img[style^='float:left']").addClass("margin-right-20 margin-bottom-20 img-float");
            $(".textoSeccion img[style^='float: right'], .textoSeccion img[style^='float:right']").addClass("margin-left-20 margin-bottom-20 img-float");

            $(".textoSeccion img:not(.imagenDerecha)").addClass("img-fluid").css("max-width", "100%").css("height", "auto").css("object-fit", "cover");
        });
    }

    static initBanner()
    {
        $(document).ready(function () {
            if ($('#carousel-banner').length) {
                $('#carousel-banner').owlCarousel({
                    animateOut: 'fadeOut',
                    animateIn: 'fadeIn',
                    loop:true,
                    margin:0,
                    nav:false,
                    dots:true,
                    mouseDrag: false,
                    smartSpeed: 900,
                    autoplay: true,
                    autoplayTimeout: 7000,
                    items:1,
                });
            }
        });
    }
}


/*
    ClassBlockUI.abrirBlockUIEstandar(contenedorIDAMostrar[, accionCerrar, headerText, extraClass, restaurarElemento]);
    ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje[, isAlertOrButtons, onClose]);
    ClassBlockUI.abrirBlockUIConfirm(mensaje, textoBotonAceptar, accionBotonAceptar, textoBotonCancelar[, accionBotonCancelar]); //accionBotonCancelar="close"
    ClassBlockUI.abrirBlockUIEsperePorFavor:([mensaje]);
*/
var ClassBlockUI =
    {
        restaurarElemento: function()
        {
            var data = $("body").data('blockUIEstandar.history');
            if (data)
            {
                data.el.style.display = data.display;
                data.el.style.position = data.position;
                if (data.parent)
                    data.parent.appendChild(data.el);
                $("body").removeData('blockUIEstandar.history');
                $("#"+data.generatedId).remove();
            }
        },
		        abrirBlockUIEstandar: function(contenedorIDAMostrar, accionCerrar, headerText, extraClass, restaurarElemento)
        {
            if(restaurarElemento || restaurarElemento == undefined)
            {
                ClassBlockUI.restaurarElemento();
            }
            $(".modalAutoHide").modal("hide");
            if($(".modal").length>0){$("body").addClass("modal-open")}

            if(contenedorIDAMostrar == undefined || $("#"+contenedorIDAMostrar).length == 0){return;}

            //var blockUIId="blockUI_"+new Date().getTime();
            var blockUIId="blockUI_"+contenedorIDAMostrar;

            extraClass = extraClass == undefined ? "" : extraClass; //modal-lg

            var object = $("#"+contenedorIDAMostrar);
            var node = object[0];
            var data = {};
            $("body").data('blockUIEstandar.history', data);
            data.el = node;
            data.parent = node.parentNode;
            data.display = node.style.display;
            data.position = node.style.position;
            data.generatedId = blockUIId;
            data.object = object;
            if (data.parent)
                data.parent.removeChild(node);

            var header = headerText != undefined ? headerText : "";

            var message = ''+
                '<div class="modal" data-bs-backdrop="static" id="'+blockUIId+'" role="dialog">'+
                <!-- Añadiendo la clase modal-lg, modal-md o modal-sm podemos cambiar el tamaño del modal (modal-xs no existe) -->
                '	<div class="modal-dialog '+extraClass+' animated">'+
                <!-- Modal content-->
                '      <div class="modal-content">'+
                '	      <div class="modal-header">' +
                '			<button type="button" class="close btnCerrarModalEquis tooltipStandard" data-custom-dismiss="modal" aria-label="" title=""><img src="img/iconos/cerrar.svg" alt="Cerrar" /></button>'+
                '	        <div class="modal-title">'+header+'</div>'+
                '          </div>'+
                '          <div class="modal-body"></div>'+
                '        </div>'+
                '    </div>'+
                '</div>';

            $("body").append(message);

            var modal = $("#"+blockUIId);
            modal.find(".modal-body").append(node);
            modal.find(".modal-dialog").addClass("jackInTheBox");

            modal.on('hidden.bs.modal', function () {
                ClassBlockUI.restaurarElemento();
            })

            var myModal = new bootstrap.Modal($(modal)[0], {
                keyboard: false
            })

            myModal.show();

            if(accionCerrar==undefined) //boton cerrar tiene accion por defecto
            {
                $("#"+blockUIId+" .btnCerrarModalEquis").click(function(){
                    myModal.hide();
                    if($(".modal").length>0){$("body").addClass("modal-open")}
                });
            }
            else if(accionCerrar==false) //oculta el boton cerrar
            {
                $("#"+blockUIId+" .btnCerrarModalEquis").hide();
            }
            else	//boton cerrar con accion especial
            {
                $("#"+blockUIId+" .btnCerrarModalEquis").click(accionCerrar);
            }

            return modal;
        },
		        abrirBlockUIEstandarMensaje: function(mensaje, isAlertOrButtons, onClose, extraClass, title)
        {
            $(".modalAutoHide").modal("hide");
            if($(".modal").length>0){$("body").addClass("modal-open")}

            var blockUIId="blockUI_"+new Date().getTime();

            extraClass = extraClass == null || extraClass == undefined ? "" : extraClass; //modal-lg
            title = title == null || title == undefined ? "Aviso" : title;

            if(isAlertOrButtons==undefined) isAlertOrButtons=false;
            if(onClose==undefined) onClose=false;

            var botonera = "";
            var botoneraEspecial = false;

            if(isAlertOrButtons === false)
            {
                botonera = "";
            }
            else if (isAlertOrButtons === true)
            {
                botonera = "<div class='text-center botoneraBlockUI contieneBtnStandard'><span class='btnStandard btnCerrarBlockUIAlert'><span class='txt'>Aceptar</span></span></div>";
            }
            else
            {
                botoneraEspecial = true;
                botonera = "<div class='text-center botoneraBlockUI contieneBtnStandard'>";
                for(var index in isAlertOrButtons)
                {
                    botonera +=  " <span class='btnStandard "+index+"'><span class='txt'>"+isAlertOrButtons[index]["text"]+"</span></span> ";
                }
                botonera += "</div>";
            }

            var message = '';
            message += '<div class="modal '+(isAlertOrButtons==false ? 'modalAutoHide' : '')+'" data-bs-backdrop="static" id="'+blockUIId+'" role="dialog">';
            <!-- Añadiendo la clase modal-lg, modal-md o modal-sm podemos cambiar el tamaño del modal (modal-xs no existe) -->
            message += '	<div class="modal-dialog '+extraClass+' animated">';
            <!-- Modal content-->
            message += '      <div class="modal-content">';

            if(isAlertOrButtons!=false)
            {
                message += '	      <div class="modal-header">';
                message += '			<button type="button" class="close btnCerrarModalEquis tooltipStandard" data-custom-dismiss="modal" aria-label="" title=""><img src="img/iconos/cerrar.svg" alt="Cerrar" /></button>';
                message += '	        <h4 class="modal-title" id="myModalLabel">'+title+'</h4>';
                message += '          </div>';
            }

            message += '          <div class="modal-body">'+mensaje+'</div>';

            if(botonera != "")
            {
                message += '          <div class="modal-footer">'+botonera+'</div>';
            }

            message += '        </div>';
            message += '    </div>';
            message += '</div>';

            $("body").append(message);
            var modal = $("#"+blockUIId);
            modal.find(".modal-dialog").css("animation-duration", "500ms").addClass("zoomIn");

            modal.on('hidden.bs.modal', function () {
                modal.remove();
            })

            var myModal = new bootstrap.Modal($(modal)[0], {
                keyboard: false
            });

            myModal.show();

            //Acciones de los botones especiales
            if(botoneraEspecial)
            {
                for(var index in isAlertOrButtons)
                {
                    if(isAlertOrButtons[index]["action"] == "close")
                    {
                        isAlertOrButtons[index]["action"] = function(){
                            myModal.hide();
                            if($(".modal").length>0){$("body").addClass("modal-open")}
                        };
                    }
                    $("#"+blockUIId+" ."+index).unbind("click").click(isAlertOrButtons[index]["action"]);
                }
            }

            var fnOnClose;
            if(onClose==false)
            {
                fnOnClose = function(){
                    myModal.hide();
                    if($(".modal").length>0){$("body").addClass("modal-open")}
                };
            }
            else if (typeof onClose === "function")
            {
                fnOnClose = function(){onClose()};
            }
            else if (onClose == "location")
            {
                fnOnClose = function(){window.location.reload()};
            }
            else if (onClose == "back")
            {
                fnOnClose = function(){history.go(-1);};
            }
            else
            {
				                fnOnClose = function(){window.location = onClose};
            }

            $("#"+blockUIId+" .btnCerrarBlockUIAlert, #"+blockUIId+" .btnCerrarModalEquis").unbind("click").click(fnOnClose);

            return modal;
        },
        abrirBlockUIConfirm: function(mensaje, textoAceptar, accionAceptar, textoCancelar, accionCancelar, extraClass, title)
        {
            accionCancelar = accionCancelar == undefined ? "close" : accionCancelar;

            extraClass = extraClass == null || extraClass == undefined ? "" : extraClass;

            var buttons =
                {
                    "btnAceptarBUI_CONFIRM":
                        {
                            "text": textoAceptar,
                            "action": accionAceptar
                        },
                    "btnCancelarBUI_CONFIRM":
                        {
                            "text": textoCancelar,
                            "action": accionCancelar
                        }
                };
            return ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje, buttons, false, extraClass, title);
        },
        abrirBlockUIEsperePorFavor: function(mensaje)
        {
            if(mensaje == undefined){ mensaje = "<div class='text-center'><span class='esperePorFavor'>Espere por favor...</span></div>"; };
            return ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje, undefined, false, "modalEspere");
        }
    };