$(document).ready(function () {
    if($.fn.dataTable != undefined)
    {
        $.extend($.fn.dataTable.defaults,
        {
            "language":
            {
                "sProcessing": "Procesando...",
                "sLengthMenu": "Mostrar _MENU_",
                "sZeroRecords": "No se han encontrado resultados",
                "sEmptyTable": "Sin datos todavía",
                "sInfo": "Mostrando de la entrada _START_ a la _END_ de un total de _TOTAL_ entradas",
                "sInfoEmpty": "No hay ninguna entrada",
                "sInfoFiltered": "(filtrado de _MENU_ entradas)",
                "sSearchPlaceholder": "Buscar",
                "sInfoPostFix": "",
                "sSearch": "",
                "sUrl": "",
                "oPaginate": {
                    "sFirst": " ",
                    "sPrevious": " ",
                    "sNext": " ",
                    "sLast": " "
                },
            }
        });
    }
    if($(".fixed-bottom-price").length){
        var scrollTrigger = 500;
        var isShown = false;

        $(window).scroll(function() {
            if ($(window).scrollTop() > scrollTrigger && !isShown) {
                isShown = true;
                $('.fixed-bottom-price').removeClass('d-none').stop().animate({'bottom': '0px'}, 300);
                $('.btnWhatsapp').stop().animate({'bottom': '120px'}, 300);
                $('#btn-subir').stop().animate({'bottom': '215px'}, 300);
            } else if ($(window).scrollTop() <= scrollTrigger && isShown) {
                isShown = false;
                $('.fixed-bottom-price').stop().animate({'bottom': '-100px'}, 300, function(){
                    $(this).addClass('d-none');
                });
                $('.btnWhatsapp').stop().animate({'bottom': '12px'}, 300);
                $('#btn-subir').stop().animate({'bottom': '115px'}, 300);
            }
        });
        $("body").on("click", ".btn-mas-info", function(event)
        {
            ClassBlockUI.abrirBlockUIEstandar("bloqueMasInformacion", undefined, "Alquilar este portátil ", "modal947");
        });
        $("#btnEnviarInfo").click(function (event)
        {
            event.preventDefault();

            var successCallback = function (data, textStatus, XMLHttpRequest) {
                if (data["error_number"] < 0) {
                    ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true, undefined);
                } else {
                    $(".modal").modal("hide");
                    $("#frmMasInformacion")[0].reset();

                    ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true, undefined);
                }
            };

            Utils.sendStandardAjax("frmMasInformacion", "https://www.repararpcmicrocomputer.es/ajax/MasInformacion.enviar.php", {
                successCallback: successCallback,
                resetFormOnSuccess: true,
            });
        });
    }
    $(".selector-gama").click(function (event)
    {
        if(!$(this).hasClass("selected")) {
            var gama = $(this).attr("gama");
            $("#alquilerPortatiles").load("ajax/filtrarGama.php", {gama: gama}, function (response, status, xhr) {
                if (status == "success") {
                    console.log("Carga realizada con éxito.");
                    $(".selector-gama").removeClass("selected");
                    $(".selector-gama[gama=" + gama + "]").addClass("selected");
                } else if (status == "error") {
                    console.log("Error al cargar: " + xhr.status + " " + xhr.statusText);
                }
            });
        }
    });
    if($("#portatilesRelacionados").length) {
        $("#portatilesRelacionados").owlCarousel({
            loop: false,
            margin: 30,
            items: 1,
            dots: false,
            nav: true,
            stagePadding: 1,
            navText: [
                '<i class="fas fa-angle-left"></i>',
                '<i class="fas fa-angle-right"></i>',
            ],
            responsive: {
                0: {
                    items: 2,
                    mouseDrag: true,
                    loop: true
                },
                768: {
                    loop: ($("#portatilesRelacionados .item-portatil").length > 3) ? true : false,
                    mouseDrag: ($("#portatilesRelacionados .item-portatil").length > 3) ? true : false,
                    items: 3,
                },
                991: {
                    loop: ($("#portatilesRelacionados .item-portatil").length > 4) ? true : false,
                    mouseDrag: ($("#portatilesRelacionados .item-portatil").length > 4) ? true : false,
                    items: 4,
                },
                1366: {
                    loop: ($("#portatilesRelacionados .item-portatil").length > 6) ? true : false,
                    mouseDrag: ($("#portatilesRelacionados .item-portatil").length > 6) ? true : false,
                    items: 6,
                },
            },
            onInitialized: function () {
                Utils.applyAspectRatio();
            },
            onResized: function () {
                Utils.applyAspectRatio();
            },
        });
    }
});
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 = "Cargando...";
    }

    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 = "Cargando...";
    }

    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" 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=""><span aria-hidden="true">x</span></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);
            $("#"+contenedorIDAMostrar).show();
            modal.find(".modal-dialog").addClass("jackInTheBox");
            modal.modal({backdrop: false});
            modal.on('hidden.bs.modal', function () {
                ClassBlockUI.restaurarElemento();
            })

            if(accionCerrar==undefined) //boton cerrar tiene accion por defecto
            {
                $("#"+blockUIId+" .btnCerrarModalEquis").click(function(){
                    modal.modal("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>Aceptar</span></span></div>";
            }
            else
            {
                botoneraEspecial = true;
                botonera = "<div class='text-center botoneraBlockUI contieneBtnStandard'>";
                for(var index in isAlertOrButtons)
                {
                    botonera +=  " <span class='btnStandard "+index+"'>"+isAlertOrButtons[index]["text"]+"</span> ";
                }
                botonera += "</div>";
            }

            var message = '';
            message += '<div class="modal '+(isAlertOrButtons==false ? 'modalAutoHide' : '')+'" 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=""><span aria-hidden="true">x</span></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.modal({backdrop: false});
            modal.on('hidden.bs.modal', function () {
                modal.remove();
            })

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

            var fnOnClose;
            if(onClose==false)
            {
                fnOnClose = function(){
                    modal.modal("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'><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");
        }
    };