class Web
{
    static initInicio()
    {
        $(document).ready(function () {
            if ($("#carousel-destacados").length) {
                $("#carousel-destacados").owlCarousel({
                    loop: true,
                    margin: 30,
                    nav: false,
                    smartSpeed: 500,
                    autoHeight: false,
                    autoplay: true,
                    dots: true,
                    autoplayTimeout: 10000,
                    navText: [
                        '<span class="icon-left-arrow"></span>',
                        '<span class="icon-right-arrow"></span>',
                    ],
                    responsive: {
                        0: {
                            items: 1,
                        },
                        1500: {
                            items: 2,
                        },
                    },
                    onInitialized: function ()
                    {
                        Utils.applyAspectRatio();
                    }
                });
            }
        });
    }

    static initProducto()
    {
        $(document).ready(function () {
            if ($("#carousel-fotos").length) {
                $("#carousel-fotos").owlCarousel({
                    loop: false,
                    margin: 6,
                    items: 1,
                    dots: false,
                    nav: true,
                    navText: [
                        '<i class="fas fa-angle-left"></i>',
                        '<i class="fas fa-angle-right"></i>',
                    ],
                    responsive: {
                        0: {
                            items: 1,
                            mouseDrag: true,
                            loop: true
                        },
                        768: {
                            loop: ($("#carousel-fotos .item").length > 5) ? true: false,
                            mouseDrag: ($("#carousel-fotos .item").length > 5) ? true: false,
                            items:5,
                        },
                    },
                    onInitialized: function ()
                    {
                        Utils.applyAspectRatio();
                    },
                    onResized: function ()
                    {
                        Utils.applyAspectRatio();
                    },
                });
            }

            Web.gallery = $(".enlace-foto").simpleLightbox();

            $("body").on("click", "#img-principal", function ()
            {
                Web.gallery.open(Web.gallery.elements[$(this).attr("data-pos")]);
            });

            $("body").on("click", ".item-foto", function ()
            {
                $(".item-foto img.seleccionada").removeClass("seleccionada");
                $("#img-principal").attr("src", $(this).find("img").attr("src").replace("M", "G")).attr("data-pos", $(this).attr("data-pos"));
                $(this).find("img").addClass("seleccionada");

                const w = $(window).innerWidth();
                if (w >= 567 && w <=767)
                {
                    Web.gallery.open(Web.gallery.elements[$(this).attr("data-pos")]);
                }
            });
        });
    }

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

$(document).ready(function () {
    if($.fn.dataTable != undefined)
    {
        $.extend($.fn.dataTable.defaults,
        {
            "language":
            {
                "sProcessing": "",
                "sLengthMenu": "",
                "sZeroRecords": "",
                "sEmptyTable": "",
                "sInfo": "",
                "sInfoEmpty": "",
                "sInfoFiltered": "()",
                "sSearchPlaceholder": "",
                "sInfoPostFix": "",
                "sSearch": "",
                "sUrl": "",
                "oPaginate": {
                    "sFirst": "&nbsp;",
                    "sPrevious": "&nbsp;",
                    "sNext": "&nbsp;",
                    "sLast": "&nbsp;"
                },
            }
        });
    }
});
function preparaLugar(pais, provincia, poblacion, idInputPais,idInputProvincia, idInputLocalidad)
{
        /*if(pais > 0)
    {
        actualizaProvincias(idInputLocalidad,idInputProvincia, idInputPais, provincia, pais, provincia, poblacion, undefined);
    }*/

    $("#"+idInputPais).change(function()
    {
        actualizaProvincias(idInputLocalidad,idInputProvincia, idInputPais, provincia);
    });

    if(provincia > 0)
    {
        actualizaCiudades(idInputLocalidad, idInputProvincia,  idInputPais,poblacion, pais, provincia, poblacion, $("#"+idInputProvincia).val()*1);
    }


    $("#"+idInputProvincia).change(function()
    {
        actualizaCiudades(idInputLocalidad, idInputProvincia, idInputPais, undefined, $("#"+idInputPais).val()*1, $("#"+idInputProvincia).val()*1);
    });
}

function actualizaProvincias(idCampoLocalidad, idCampoRegion, idCampoPais, idRegionPreEstablecida, forceIdPais, forceIdRegion,forceIdLocalidad, onFinish, textoSelect, textoLoading)
{
    if(forceIdPais == undefined)
    {
        forceIdPais = $("#"+idCampoPais).val();
    }

    if(forceIdRegion == undefined)
    {
        forceIdRegion = $("#"+idCampoRegion).val();
    }
    if(forceIdLocalidad == undefined)
    {
        forceIdLocalidad = $("#"+idCampoLocalidad).val();
    }

    if(textoSelect == undefined)
    {
        textoSelect = "";
    }

    if(textoLoading == undefined)
    {
        textoLoading = "";
    }

    var data =
        {
            idPais: forceIdPais
        };
    $("#"+idCampoRegion).empty();
    $("#"+idCampoRegion).append( "<option value='0'>"+textoLoading+"</option>");
    var returned = $.ajax(
        {
            url: "ajax/Ubicacion.listadoRegiones.php?CSRF="+CSRF,
            type: "POST",
            dataType : "json",
            data : data,
            error: function(XMLHttpRequest, textStatus, errorThrown)
            {
                //ClassBlockUI.abrirBlockUIEstandarMensaje(XMLHttpRequest.responseText, true);
            },
            success: function(data)
            {
                $("#"+idCampoRegion).empty();
                $("#"+idCampoRegion).append( "<option value='0'>"+textoSelect+"</option>");
                for(var index in data)
                {
                    $("#"+idCampoRegion).append( "<option value='"+data[index]["id"]+"'>"+html_entities_decode(data[index]["titulo_es"])+"</option>" );
                }
                if(idRegionPreEstablecida!=undefined && idRegionPreEstablecida !="")
                {
                    $("#"+idCampoRegion).val(idRegionPreEstablecida);
                }
                else
                {
                    $("#"+idCampoRegion).val(0);
                }
                if(onFinish != undefined && typeof(onFinish) == "function")
                {
                    onFinish();
                }
            }
        });
}

function actualizaCiudades(idCampoLocalidad, idCampoRegion, idCampoPais, idLocalidadPreEstablecida, forceIdPais, forceIdRegion,forceIdLocalidad, onFinish, textoSelect, textoLoading)
{
    if(forceIdPais == undefined)
    {
        forceIdPais = $("#"+idCampoPais).val();
    }
    if(forceIdRegion == undefined)
    {
        forceIdRegion = $("#"+idCampoRegion).val();
    }
    if(forceIdLocalidad == undefined)
    {
        forceIdLocalidad = $("#"+idCampoLocalidad).val();
    }



    if(textoSelect == undefined)
    {
        textoSelect = "";
    }

    if(textoLoading == undefined)
    {
        textoLoading = "";
    }

    var data =
        {
            idPais: forceIdPais,
            idRegion: forceIdRegion
        };
    $("#"+idCampoLocalidad).empty();
    $("#"+idCampoLocalidad).append( "<option value=''>"+textoLoading+"</option>");


    var returned = $.ajax(
        {
            url: "ajax/Ubicacion.listadoCiudades.php?CSRF="+CSRF,
            type: "POST",
            dataType : "json",
            data : data,
            error: function(XMLHttpRequest, textStatus, errorThrown)
            {
                //ClassBlockUI.abrirBlockUIEstandarMensaje(XMLHttpRequest.responseText, true);
            },
            success: function(data)
            {
                $("#"+idCampoLocalidad).empty();
                $("#"+idCampoLocalidad).append( "<option value=''>"+textoSelect+"</option>");
                for(var index in data)
                {
                    $("#"+idCampoLocalidad).append( "<option value='"+data[index]["id"]+"'>"+html_entities_decode(data[index]["titulo_es"])+"</option>" );
                }
                if(idLocalidadPreEstablecida!=undefined)
                {
                    $("#"+idCampoLocalidad).val(idLocalidadPreEstablecida);
                }
                if(onFinish != undefined && typeof(onFinish) == "function")
                {
                    onFinish();
                }
            }
        });
}

/*
    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").addClass("zoomInDown");

            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
            {
				                if(onClose.indexOf("/") !=0 && onClose.indexOf("http") !=0)
                {
                    onClose = "/"+onClose;
                }
				                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'><img src='img/loading.gif' alt='Loading ...' title='Loading ...' width='65' height='65' /> <span class='esperePorFavor'>Espere por favor...</span></div>"; };
            return ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje, undefined, false, "modalEspere");
        }
    };