const navText = [
    '<svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8299 0.482753C10.127 -0.160917 8.98753 -0.160918 8.28459 0.482753L1.40568 6.78162C-0.468533 8.49803 -0.468533 11.2804 1.40568 12.9968L8.28459 19.2957C8.98753 19.9393 10.127 19.9393 10.8299 19.2957C11.5328 18.652 11.5328 17.6086 10.8299 16.965L4.90256 11.5374L24.5572 11.5374C25.5514 11.5374 26.3572 10.7995 26.3572 9.88921C26.3572 8.97892 25.5514 8.24099 24.5572 8.24099L4.90256 8.24099L10.8299 2.81344C11.5328 2.16977 11.5328 1.12642 10.8299 0.482753Z" fill="white"/></svg>',
    '<svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5273 0.482753C16.2303 -0.160917 17.3697 -0.160918 18.0727 0.482753L24.9516 6.78162C26.8258 8.49803 26.8258 11.2804 24.9516 12.9968L18.0727 19.2957C17.3697 19.9393 16.2303 19.9393 15.5273 19.2957C14.8244 18.652 14.8244 17.6086 15.5273 16.965L21.4547 11.5374L1.8 11.5374C0.805888 11.5374 2.16699e-07 10.7995 0 9.88921C-4.64551e-09 8.97892 0.805887 8.24099 1.8 8.24099L21.4547 8.24099L15.5273 2.81344C14.8244 2.16977 14.8244 1.12642 15.5273 0.482753Z" fill="white"/></svg>'
];



class Web {
    static init() {
        Web.initDynamicBG();
        ClassVehiculos.init();

        $(document).ready(function (e) {

            $("html").addClass("loaded");

            $('.selectpicker').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
                if (isSelected === null)
                    return;

                $(this).removeClass("error");
            });

            const btnSubir = $("#btn-subir");
            let toScroll = null;
            $(window).scroll(function () {
                let scrollPosition = $(window).scrollTop();

                if (scrollPosition > 300) {
                    clearTimeout(toScroll);
                    toScroll = setTimeout(function () {
                        btnSubir.removeClass("d-none");
                    }, 100);
                } else {
                    clearTimeout(toScroll);
                    btnSubir.addClass("d-none");
                }

                btnSubir.click(function () {
                    clearTimeout(toScroll);
                    window.scrollTo({top: 0, behavior: 'smooth'});
                    $(this).addClass("d-none");
                });
            });

            new WOW(
                {
                    boxClass: "title-animation",
                    offset: 50,
                    callback: function (box) {
                        $(box).addClass("animate");
                    }
                }
            ).init();
        });
    }

    static initInicio() {
    }

    static initVenderCoche() {
        let validacionVehiculo;
        let validacionContacto;
        let bloqueEspere = null;
        let enviando = false;
        let peticionLocalidades = null;
        const order = ["make", "model", "year", "body_type", "version", "fuel", "transmission"];
        const inputMap = {
            make: "#frmMarcaVehiculo",
            model: "#frmModeloVehiculo",
            year: "#frmAnoVehiculo",
            body_type: "#frmCarroceriaVehiculo",
            fuel: "#frmCombustibleVehiculo",
            transmission: "#frmTransmisionVehiculo",
            version: "#frmVersionVehiculo"
        };
        const hiddenMap = {
            make: "#frmMarcaVehiculoId",
            model: "#frmModeloVehiculoId",
            year: "#frmAnoVehiculoId",
            body_type: "#frmCarroceriaVehiculoId",
            fuel: "#frmCombustibleVehiculoId",
            transmission: "#frmTransmisionVehiculoId",
            version: "#frmVersionVehiculoId"
        };
        const fieldLabels = {
            frmMatriculaVehiculo: "Matricula",
            frmMarcaVehiculo: "Marca",
            frmModeloVehiculo: "Modelo",
            frmAnoVehiculo: "Ano",
            frmCarroceriaVehiculo: "Carroceria",
            frmVersionVehiculo: "Version",
            frmCombustibleVehiculo: "Combustible",
            frmTransmisionVehiculo: "Transmision",
            frmKilometrosVehiculo: "Kilometros",
            frmNombrePretasacion: "Nombre completo",
            frmTelefonoPretasacion: "Telefono",
            frmEmailPretasacion: "Email",
            frmProvinciaPretasacion: "Provincia",
            frmLocalidadPretasacion: "Localidad",
            frmCodigoPostalPretasacion: "Codigo Postal",
            frmPoliticaPretasacion: "Politica de privacidad"
        };
        const requestTimers = {};
        const imageInputs = {
            exterior: "#frmImagenExterior",
            interior: "#frmImagenInterior",
            cuentakilometros: "#frmImagenCuentakilometros",
            consolacentral: "#frmImagenConsolaCentral"
        };

        $(document).ready(function () {
            if (!$("#formularioVenderCoche").length)
            {
                return;
            }

            validacionVehiculo = $("#formPasoVehiculo").validate({showLabels: false});
            validacionContacto = $("#formPasoContacto").validate({showLabels: false});

            bindAutocompleteFields();
            bindVehicleImageInputs();
            $("#btnContinuarDatosVehiculo").click(onContinueVehiculo);
            $("#btnContinuarImagenesVehiculo").click(onContinueImagenesVehiculo);
            $("#btnEnviarPretasacion").click(onEnviarPretasacion);
            $("#formPasoVehiculo").on("submit", onContinueVehiculo);
            $("#formPasoContacto").on("submit", onEnviarPretasacion);
            $("#frmProvinciaPretasacion").on("change", actualizarLocalidades);
            $(document).on("click", function (event) {
                if (!$(event.target).closest(".autocomplete-select").length)
                {
                    closeAllAutocomplete();
                }
            });
        });

        function actualizarLocalidades()
        {
            const provincia = $("#frmProvinciaPretasacion").val();
            const localidad = $("#frmLocalidadPretasacion");
            if (peticionLocalidades)
            {
                peticionLocalidades.abort();
            }
            localidad.empty().append(new Option("Seleccione una localidad", "")).prop("disabled", true);
            if (!provincia)
            {
                return;
            }
            peticionLocalidades = $.ajax({
                url: "https://www.leadercar.es/ajax/Ubicacion.listadoCiudades.php?CSRF=" + CSRF,
                type: "POST",
                dataType: "json",
                data: {idPais: 28, idRegion: provincia}
            }).done(function (ciudades) {
                ciudades.forEach(function (ciudad) {
                    localidad.append(new Option(Utils.html_entities_decode(ciudad.nombre), ciudad.id));
                });
                localidad.prop("disabled", false);
            }).fail(function (request, status) {
                if (status !== "abort")
                {
                    showStandardError("No se han podido cargar las localidades. Vuelve a seleccionar la provincia.");
                }
            });
        }

        function bindAutocompleteFields()
        {
            $(".autocomplete-select").each(function () {
                const wrapper = $(this);
                const field = wrapper.data("field");
                const input = wrapper.find(".autocomplete-input");

                input.on("focus", function () {
                    if ($(this).is(":disabled"))
                    {
                        return;
                    }

                    scheduleSearch(field, $(this).val().trim());
                });

                input.on("input", function () {
                    const hidden = $(hiddenMap[field]);
                    if (hidden.val())
                    {
                        hidden.val("");
                        clearDownstream(field);
                    }

                    if ($(this).val().trim() !== "")
                    {
                        enableNextField(field);
                    }

                    scheduleSearch(field, $(this).val().trim());
                });

                input.on("blur", function () {
                    if ($(this).val().trim() !== "")
                    {
                        enableNextField(field);
                    }
                });
            });

            $(".autocomplete-results").on("click", ".autocomplete-option", function () {
                const option = $(this);
                const wrapper = option.closest(".autocomplete-select");
                const field = wrapper.data("field");
                const nextField = getNextField(field);

                if ($(hiddenMap[field]).val() && String($(hiddenMap[field]).val()) !== String(option.data("id")))
                {
                    clearDownstream(field);
                }
                $(inputMap[field]).val(option.data("label")).removeClass("error");
                $(hiddenMap[field]).val(option.data("id"));
                closeResults(wrapper);
                enableNextField(field);

                if (nextField)
                {
                    $(inputMap[nextField]).focus();
                    scheduleSearch(nextField, "");
                }
            });
        }

        function bindVehicleImageInputs()
        {
            $(".imagenVehiculo-input").each(function () {
                $(this).data("originalIcon", $(this).closest(".imagenVehiculo").find(".imagenVehiculoIcono").clone());
            });
            $(".imagenVehiculo").on("click keydown", function (event) {
                if (event.type === "keydown" && event.key !== "Enter" && event.key !== " ")
                {
                    return;
                }

                event.preventDefault();
                const input = $(this).find(".imagenVehiculo-input")[0];
                if (input)
                {
                    input.click();
                }
            });

            $(".imagenVehiculo-input").on("click", function (event) {
                event.stopPropagation();
            }).on("change", function () {
                const input = $(this);
                const file = this.files && this.files[0];
                const card = input.closest(".imagenVehiculo");

                if (!file)
                {
                    return;
                }

                const extension = (file.name.split(".").pop() || "").toLowerCase();
                const allowedExtensions = ["jpg", "jpeg", "png", "webp"];
                const allowedMimeTypes = ["image/jpeg", "image/png", "image/webp"];
                const imageSettings = $("#imagenesVehiculo");
                const maxBytes = parseInt(imageSettings.attr("data-max-image-size"), 10) || 0;
                const postMaxBytes = parseInt(imageSettings.attr("data-max-total-size"), 10) || 0;
                const maxTotalBytes = postMaxBytes > 0 ? Math.max(1, postMaxBytes - 262144) : 0;

                if (!allowedExtensions.includes(extension) || (file.type && !allowedMimeTypes.includes(file.type)))
                {
                    resetVehicleImage(input);
                    showStandardError("El archivo debe ser una imagen JPG, PNG o WEBP.");
                    return;
                }

                if (maxBytes > 0 && file.size > maxBytes)
                {
                    resetVehicleImage(input);
                    showStandardError("La imagen supera el tamaño máximo permitido de " + (maxBytes / 1024 / 1024).toFixed(1) + " MB.");
                    return;
                }

                if (maxTotalBytes > 0)
                {
                    let totalBytes = file.size;
                    $(".imagenVehiculo-input").each(function () {
                        if (this !== input[0] && this.files && this.files.length)
                        {
                            totalBytes += this.files[0].size;
                        }
                    });

                    if (totalBytes > maxTotalBytes)
                    {
                        resetVehicleImage(input);
                        showStandardError("El tamaño total de las imágenes supera el máximo permitido de " + (maxTotalBytes / 1024 / 1024).toFixed(1) + " MB.");
                        return;
                    }
                }

                const previousPreview = input.data("previewUrl");
                if (previousPreview)
                {
                    URL.revokeObjectURL(previousPreview);
                }

                const previewUrl = URL.createObjectURL(file);
                input.data("previewUrl", previewUrl);
                const preview = $("<img>", {
                    "class": "imagenVehiculo-preview",
                    "alt": card.find("span").text().trim()
                }).attr("src", previewUrl);
                const imageSlot = card.find(".imagenVehiculoIcono, .imagenVehiculo-preview").first();

                if (imageSlot.length)
                {
                    imageSlot.replaceWith(preview);
                }
                else
                {
                    card.find("span").before(preview);
                }
            });
        }

        function resetVehicleImage(input)
        {
            input.val("");
            const previewUrl = input.data("previewUrl");
            if (previewUrl)
            {
                URL.revokeObjectURL(previewUrl);
                input.removeData("previewUrl");
            }
            input.closest(".imagenVehiculo").find(".imagenVehiculo-preview").replaceWith(input.data("originalIcon").clone());
        }

        function scheduleSearch(field, term)
        {
            if (!field)
            {
                return;
            }

            clearTimeout(requestTimers[field]);
            requestTimers[field] = setTimeout(function () {
                fetchOptions(field, term);
            }, 180);
        }

        function fetchOptions(field, term)
        {
            const input = $(inputMap[field]);
            const wrapper = input.closest(".autocomplete-select");
            const searchTerm = (term || "").trim();

            if (!input.length || input.is(":disabled"))
            {
                return;
            }

            if (!hasDependencies(field))
            {
                closeResults(wrapper);
                return;
            }

            if (field === "make" && searchTerm.length < 1)
            {
                closeResults(wrapper);
                return;
            }

            const params = getAjaxFilters();
            params.field = field;
            params.term = searchTerm;

            $.getJSON("https://www.leadercar.es/ajax/VenderCoche.options.php", params)
                .done(function (response) {
                    renderOptions(wrapper, response.items || []);
                })
                .fail(function () {
                    renderOptions(wrapper, []);
                });
        }

        function renderOptions(wrapper, items)
        {
            const box = wrapper.find(".autocomplete-results");

            if (!items.length)
            {
                box.removeClass("visible").empty();
                return;
            }

            let html = "";
            items.forEach(function (item) {
                html += '<button type="button" class="autocomplete-option" data-id="' + escapeHtml(item.id) + '" data-label="' + escapeHtml(item.label) + '">' + escapeHtml(item.label) + "</button>";
            });

            box.html(html).addClass("visible");
        }

        function closeAllAutocomplete()
        {
            $(".autocomplete-results").removeClass("visible").empty();
        }

        function closeResults(wrapper)
        {
            wrapper.find(".autocomplete-results").removeClass("visible").empty();
        }

        function getAjaxFilters()
        {
            return {
                make_id: $(hiddenMap.make).val(),
                model_id: $(hiddenMap.model).val(),
                year: $(hiddenMap.year).val(),
                body_type: $(hiddenMap.body_type).val(),
                version_id: $(hiddenMap.version).val(),
                fuel: $(hiddenMap.fuel).val(),
                transmission: $(hiddenMap.transmission).val()
            };
        }

        function hasDependencies(field)
        {
            switch (field)
            {
                case "make":
                    return true;
                case "model":
                    return !!$(hiddenMap.make).val();
                case "year":
                    return !!$(hiddenMap.make).val() && !!$(hiddenMap.model).val();
                case "body_type":
                    return !!$(hiddenMap.make).val() && !!$(hiddenMap.model).val() && !!$(hiddenMap.year).val();
                case "version":
                    return !!$(hiddenMap.make).val() && !!$(hiddenMap.model).val() && !!$(hiddenMap.year).val() && !!$(hiddenMap.body_type).val();
                case "fuel":
                    return !!$(hiddenMap.version).val();
                case "transmission":
                    return !!$(hiddenMap.version).val();
            }

            return false;
        }

        function getNextField(field)
        {
            const index = order.indexOf(field);
            return index >= 0 ? order[index + 1] || null : null;
        }

        function enableNextField(field)
        {
            const nextField = getNextField(field);

            if (nextField)
            {
                $(inputMap[nextField]).prop("disabled", false).removeClass("error");
            }
        }

        function clearDownstream(field)
        {
            const index = order.indexOf(field);

            for (let i = index + 1; i < order.length; i++)
            {
                const current = order[i];
                $(inputMap[current]).val("").prop("disabled", true).removeClass("error");
                $(hiddenMap[current]).val("");
                closeResults($(inputMap[current]).closest(".autocomplete-select"));
            }
        }

        function validateAutocompleteFields(fields)
        {
            let ok = true;

            fields.forEach(function (field) {
                const inputValue = $(inputMap[field]).val().trim();

                if (!$(hiddenMap[field]).val() && inputValue === "")
                {
                    $(inputMap[field]).addClass("error");
                    ok = false;
                }
                else
                {
                    $(inputMap[field]).removeClass("error");
                }
            });

            return ok;
        }

        function getMissingVehiculoFields()
        {
            const missing = [];
            const seen = {};

            $("#formPasoVehiculo")
                .find(".required")
                .each(function () {
                    const field = $(this);
                    const fieldId = field.attr("id");

                    if (!fieldId)
                    {
                        return;
                    }

                    let isMissing = false;

                    if (field.is(":checkbox") || field.is(":radio"))
                    {
                        isMissing = !field.is(":checked");
                    }
                    else
                    {
                        isMissing = !field.val().trim();
                    }

                    if (isMissing && !seen[fieldId])
                    {
                        seen[fieldId] = true;
                        missing.push(fieldLabels[fieldId] || field.attr("title") || fieldId);
                    }
                });

            order.forEach(function (fieldKey) {
                const input = $(inputMap[fieldKey]);
                const fieldId = input.attr("id");
                const inputValue = input.val().trim();

                if (inputValue === "" && fieldId && !seen[fieldId])
                {
                    seen[fieldId] = true;
                    missing.push(fieldLabels[fieldId] || input.attr("title") || fieldId);
                }
            });

            return missing;
        }

        function showVehiculoMissingFields(missingFields)
        {
            if (!missingFields.length)
            {
                return;
            }

            let message = "Debes completar los siguientes campos:<br /><br />";
            message += missingFields.join("<br />");

            ClassBlockUI.abrirBlockUIEstandarMensaje(
                message,
                true,
                undefined,
                "modalStandard"
            );
        }

        function getMissingContactoFields()
        {
            const missing = [];
            const seen = {};

            $("#formPasoContacto")
                .find(".required")
                .each(function () {
                    const field = $(this);
                    const fieldId = field.attr("id");

                    if (!fieldId)
                    {
                        return;
                    }

                    let isMissing = false;

                    if (field.is(":checkbox") || field.is(":radio"))
                    {
                        isMissing = !field.is(":checked");
                    }
                    else
                    {
                        isMissing = !field.val().trim();
                    }

                    if (isMissing && !seen[fieldId])
                    {
                        seen[fieldId] = true;
                        missing.push(fieldLabels[fieldId] || field.attr("title") || fieldId);
                    }
                });

            return missing;
        }

        function showContactoMissingFields(missingFields)
        {
            if (!missingFields.length)
            {
                return;
            }

            let message = "Debes completar los siguientes campos:<br /><br />";
            message += missingFields.join("<br />");

            ClassBlockUI.abrirBlockUIEstandarMensaje(
                message,
                true,
                undefined,
                "modalStandard"
            );
        }

        function showStandardError(message)
        {
            ClassBlockUI.abrirBlockUIEstandarMensaje(
                message || "No se ha podido completar la solicitud.",
                true,
                undefined,
                "modalStandard"
            );
        }

        function validateVehiculoBusinessRules()
        {
            const yearRaw = $("#frmAnoVehiculo").val().trim();
            const yearValue = parseInt(yearRaw, 10);
            const kmRaw = $("#frmKilometrosVehiculo").val().trim();
            const kmValue = parseInt(kmRaw.replace(/[^0-9]/g, ""), 10);

            if (!/^\d{4}$/.test(yearRaw) || yearValue > new Date().getFullYear())
            {
                $("#frmAnoVehiculo").addClass("error");
                showStandardError("Introduce un año válido.");
                return false;
            }
            if (!/^(?:\d+|\d{1,3}(?:[., ]\d{3})+)$/.test(kmRaw))
            {
                $("#frmKilometrosVehiculo").addClass("error");
                showStandardError("Introduce un kilometraje válido.");
                return false;
            }
            if (yearValue < 2017)
            {
                $("#frmAnoVehiculo").addClass("error");
                showStandardError("No tasamos coches anteriores a 2017.");
                return false;
            }

            if (kmValue > 150000)
            {
                $("#frmKilometrosVehiculo").addClass("error");
                showStandardError("No tasamos coches con mas de 150000 km.");
                return false;
            }

            return true;
        }

        function cerrarBloqueEspere()
        {
            if (!bloqueEspere || !bloqueEspere.length)
            {
                return;
            }

            const modalInstance = bootstrap.Modal.getInstance(bloqueEspere[0]);

            if (modalInstance)
            {
                modalInstance.hide();
            }

            bloqueEspere = null;
        }

        function onContinueVehiculo(event)
        {
            event.preventDefault();

            const formOk = validacionVehiculo.form();
            const autocompleteOk = validateAutocompleteFields(order);

            if (!formOk || !autocompleteOk)
            {
                showVehiculoMissingFields(getMissingVehiculoFields());
                return;
            }

            if (!validateVehiculoBusinessRules())
            {
                return;
            }

            setCurrentStep(2);
        }

        function onContinueImagenesVehiculo(event)
        {
            event.preventDefault();
            setCurrentStep(3);
        }

        function onEnviarPretasacion(event)
        {
            event.preventDefault();

            if (enviando)
            {
                return;
            }
            const missingVehiculoFields = getMissingVehiculoFields();
            if (missingVehiculoFields.length || !validateAutocompleteFields(order) || !validateVehiculoBusinessRules())
            {
                setCurrentStep(1);
                showVehiculoMissingFields(missingVehiculoFields);
                return;
            }
            if (!validacionContacto.form())
            {
                showContactoMissingFields(getMissingContactoFields());
                return;
            }
            if (!$("#frmProvinciaPretasacion").val() || !$("#frmLocalidadPretasacion").val() || !/^\d{5}$/.test($("#frmCodigoPostalPretasacion").val().trim()))
            {
                showStandardError("Selecciona provincia y localidad e introduce un código postal de cinco cifras.");
                return;
            }

            const data = collectFormData();
            data.append("CSRF", CSRF);
            enviando = true;
            $("#btnEnviarPretasacion").prop("disabled", true);

            $.ajax({
                type: "POST",
                url: "https://www.leadercar.es/ajax/VenderCoche.enviar.php",
                data: data,
                processData: false,
                contentType: false,
                dataType: "json",
                beforeSend: function () {
                    bloqueEspere = ClassBlockUI.abrirBlockUIEsperePorFavor();
                }
            }).done(function (response) {
                cerrarBloqueEspere();
                if (response.error_number * 1 === 1)
                {
                    window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push({
                        event: "form_submitted",
                        form_id: "vender-coche",
                        form_type: "tasacion"
                    });
                    setCurrentStep(4);
                    if (!true && response.error_message)
                    {
                        ClassBlockUI.abrirBlockUIEstandarMensaje(response.error_message, true, undefined, "modalStandard");
                    }
                }
                else
                {
                    showStandardError(response.error_message || "No se ha podido enviar la solicitud.");
                }
            }).fail(function () {
                cerrarBloqueEspere();
                showStandardError("No se ha podido enviar la solicitud.");
            }).always(function () {
                enviando = false;
                $("#btnEnviarPretasacion").prop("disabled", false);
            });
        }

        function collectFormData()
        {
            const data = new FormData();

            $("#formPasoVehiculo, #formPasoContacto").serializeArray().forEach(function (item) {
                data.append(item.name, item.value);
            });

            Object.keys(imageInputs).forEach(function (type) {
                const input = $(imageInputs[type])[0];
                if (input && input.files && input.files.length)
                {
                    data.append(input.name, input.files[0]);
                }
            });

            return data;
        }

        function setCurrentStep(step)
        {
            $("[data-step-panel]").removeClass("active");
            $('[data-step-panel="' + step + '"]').addClass("active");

            $("#pasosVenderCoche .item-paso").each(function () {
                const current = $(this);
                const currentStep = current.data("step") * 1;

                current.removeClass("current completed");

                if (currentStep < step)
                {
                    current.addClass("completed");
                }
                else if (currentStep === step)
                {
                    current.addClass("current");
                }
            });

            $("#pasosVenderCoche .separador-pasos").each(function () {
                const current = $(this);
                const separatorStep = current.data("step-separator") * 1;
                current.toggleClass("active", separatorStep <= step);
            });

            const formContainer = $("#formularioVenderCoche");
            if (formContainer.length > 0)
            {
                $("html, body").stop(true).animate({
                    scrollTop: formContainer.offset().top - 90
                }, 400);
            }
        }

        function escapeHtml(value)
        {
            return String(value)
                .replace(/&/g, "&amp;")
                .replace(/</g, "&lt;")
                .replace(/>/g, "&gt;")
                .replace(/"/g, "&quot;")
                .replace(/'/g, "&#039;");
        }

    }

    static initDynamicBG() {
        $(document).ready(function () {
            new WOW(
                {
                    boxClass: "dynamic-bg",
                    //offset: 200,
                    callback: function (box) {
                        $(box).addClass("loaded");
                    },
                }
            ).init();
        });
    }

    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() {
        let owl = null;
        let timeout = null;
        let videoFallbackTimeout = null;
        let activePlaybackToken = 0;

        $(document).ready(function () {
            if ($('#carousel-banner').length) {
                owl = $('#carousel-banner').owlCarousel({
                    animateOut: 'fadeOut',
                    animateIn: 'fadeIn',
                    loop: true,
                    lazyLoad: true,
                    //video:true,
                    margin: 0,
                    nav: true,
                    dots: false,
                    mouseDrag: false,
                    smartSpeed: 900,
                    autoplay: true,
                    autoplayTimeout: 700000000,
                    items: 1,
                    navText: navText,
                    onInitialized: onTranslated,
                    onTranslate: onTranslate,
                    onTranslated: onTranslated
                });
            }

            $("#carousel-banner").on("click", ".owl-dots .owl-dot", function () {
                clearBannerTimeout();
                clearVideoFallbackTimeout();
            });
        });

        function onTranslate() {
            activePlaybackToken++;
            clearVideoFallbackTimeout();
            clearBannerTimeout();
        }

        function onTranslated() {
            activePlaybackToken++;
            clearVideoFallbackTimeout();
            clearBannerTimeout();

            const $activeItem = getActiveBannerItem();
            const $activeVideo = $activeItem.find("video").first();

            $("#carousel-banner .owl-item video").each(function () {
                if ($activeVideo.length > 0 && this === $activeVideo[0]) {
                    return;
                }

                this.oncanplay = null;
                this.onloadeddata = null;
                this.onended = null;
                this.onerror = null;
                this.pause();
                this.currentTime = 0;
            });

            if ($activeVideo.length > 0) {
                $activeVideo[0].currentTime = 0;
                playVideo($activeVideo[0], activePlaybackToken);
            } else {
                const currentToken = activePlaybackToken;

                timeout = setTimeout(function () {
                    if (currentToken !== activePlaybackToken) {
                        return;
                    }

                    owl.trigger('next.owl.carousel');
                }, 7000);
            }
        }

        function playVideo(video, playbackToken) {
            video.muted = true;
            video.playsInline = true;
            video.autoplay = true;
            video.setAttribute("muted", "");
            video.setAttribute("autoplay", "");
            video.setAttribute("playsinline", "");
            video.setAttribute("webkit-playsinline", "");

            clearBannerTimeout();
            clearVideoFallbackTimeout();

            video.onended = function () {
                if (!isCurrentPlayback(video, playbackToken)) {
                    return;
                }

                activePlaybackToken++;
                clearVideoFallbackTimeout();
                clearBannerTimeout();
                owl.trigger('next.owl.carousel');
            };

            video.onerror = function () {
                if (!isCurrentPlayback(video, playbackToken)) {
                    return;
                }

                scheduleVideoFallback(playbackToken);
            };

            video.oncanplay = function () {
                video.oncanplay = null;

                if (!isCurrentPlayback(video, playbackToken)) {
                    return;
                }

                startVideoPlayback(video, playbackToken);
            };

            video.onloadeddata = function () {
                video.onloadeddata = null;

                if (!isCurrentPlayback(video, playbackToken)) {
                    return;
                }

                startVideoPlayback(video, playbackToken);
            };

            if (video.readyState >= video.HAVE_FUTURE_DATA) {
                startVideoPlayback(video, playbackToken);
            } else if (video.readyState === 0) {
                video.load();
                scheduleVideoFallback(playbackToken);
            } else {
                scheduleVideoFallback(playbackToken);
            }
        }

        function clearBannerTimeout() {
            if (timeout != null) {
                clearTimeout(timeout);
                timeout = null;
            }
        }

        function clearVideoFallbackTimeout() {
            if (videoFallbackTimeout != null) {
                clearTimeout(videoFallbackTimeout);
                videoFallbackTimeout = null;
            }
        }

        function scheduleVideoFallback(playbackToken, durationSeconds = 0) {
            clearVideoFallbackTimeout();

            let fallbackMs = 7000;

            if (durationSeconds && isFinite(durationSeconds) && durationSeconds > 0) {
                fallbackMs = Math.ceil(durationSeconds * 1000) + 2000;
            }

            videoFallbackTimeout = setTimeout(function () {
                if (playbackToken !== activePlaybackToken) {
                    return;
                }

                owl.trigger('next.owl.carousel');
            }, fallbackMs);
        }

        function startVideoPlayback(video, playbackToken) {
            if (!isCurrentPlayback(video, playbackToken)) {
                return;
            }

            scheduleVideoFallback(playbackToken, video.duration);

            const playPromise = video.play();

            if (playPromise && typeof playPromise.catch === "function") {
                playPromise.catch(function () {
                    if (!isCurrentPlayback(video, playbackToken)) {
                        return;
                    }

                    scheduleVideoFallback(playbackToken);
                });
            }
        }

        function getActiveBannerItem() {
            let $activeItem = $("#carousel-banner .owl-item.active:not(.cloned)").first();

            if ($activeItem.length === 0) {
                $activeItem = $("#carousel-banner .owl-item.active").first();
            }

            return $activeItem;
        }

        function isCurrentPlayback(video, playbackToken) {
            return playbackToken === activePlaybackToken && getActiveBannerItem().find("video").first()[0] === video;
        }
    }

    static initResenas() {
        $(document).ready(function () {
            const elementCarousel = $("#valoraciones");

            if (elementCarousel.length > 0) {
                let numItems = elementCarousel.find(".item-resena").length;

                elementCarousel.owlCarousel({
                    margin: 30,
                    nav: false,
                    navText: navText,
                    dots: true,
                    lazyLoad: true,
                    stagePadding: 3,
                    responsive: {
                        0: {
                            items: 1,
                            loop: numItems > 1,
                        },
                        768: {
                            items: numItems > 1,
                            loop: numItems > 1,
                            stagePadding: numItems > 1 ? 60 : 0
                        },
                        992: {
                            items: numItems > 3 ? 1.5 : 2,
                            loop: numItems > 3,
                        },
                        1200: {
                            items: numItems > 4 ? 2.5 : 3,
                            loop: numItems > 6,
                        },
                        1600: {
                            items: 3,
                            loop: numItems > 3,
                        }
                    }
                });

                $("body").on("click", ".btn-mas-valoracion", function () {
                    var padre = $(this).parents(".item-resena");
                    //$(padre).find(".valoracion-texto").addClass("d-none");
                    //$(padre).find(".valoracion-texto-completo").removeClass("d-none");

                    $("#bloque-resena .textoSeccion").html(padre.find(".valoracion-texto-completo").html());

                    ClassBlockUI.abrirBlockUIEstandar("bloque-resena", undefined, "Reseña de " + padre.find(".item-resena-usuario").text(), "modal622");
                });

                $("body").on("click", "#btn-cerrar-resena", function (e) {
                    $(".modal").modal("hide");
                });
            }
        });
    }

    static initClientesSatisfechos() {
        $(document).ready(function () {
            const elementCarousel = $("#clientes-satisfechos-owl");

            if (elementCarousel.length > 0) {
                let numItems = elementCarousel.find(".caja-cliente").length;

                elementCarousel.owlCarousel({
                    margin: 30,
                    nav: false,
                    dots: true,
                    responsive: {
                        0: {
                            items: 1,
                            loop: numItems > 1,
                        },
                        576: {
                            items: 1,
                            loop: numItems > 1,
                            stagePadding: numItems > 1 ? 80 : 0
                        },
                        768: {
                            items: numItems > 1,
                            loop: numItems > 1,
                            stagePadding: numItems > 1 ? 160 : 0
                        },
                        992: {
                            items: 3,
                            loop: numItems > 3,
                        },
                        1600: {
                            items: 4,
                            loop: numItems > 4,
                        }
                    }
                });
            }
        });
    }

    static initCochesRelacionados() {
        $(document).ready(function () {
            const elementCarousel = $("#coches-relacionados");

            if (elementCarousel.length > 0) {
                let numItems = elementCarousel.find(".item-vehiculo").length;

                elementCarousel.owlCarousel({
                    margin: 30,
                    nav: false,
                    dots: true,
                    responsive: {
                        0: {
                            items: 1,
                            loop: numItems > 1,
                        },
                        576: {
                            items: 1,
                            loop: numItems > 1,
                            stagePadding: numItems > 1 ? 80 : 0
                        },
                        768: {
                            items: numItems > 1,
                            loop: numItems > 1,
                            stagePadding: numItems > 1 ? 160 : 0
                        },
                        992: {
                            items: 3,
                            loop: numItems > 3,
                        },
                        1600: {
                            items: 4,
                            loop: numItems > 4,
                        }
                    }
                });
            }
        });
    }

    static initCochesMismaMarca() {
        $(document).ready(function () {
            const elementCarousel = $("#coches-misma-marca");

            if (elementCarousel.length > 0) {
                let numItems = elementCarousel.find(".item-vehiculo").length;

                elementCarousel.owlCarousel({
                    margin: 30,
                    nav: false,
                    dots: true,
                    responsive: {
                        0: {
                            items: 1,
                            loop: numItems > 1,
                        },
                        576: {
                            items: 1,
                            loop: numItems > 1,
                            stagePadding: numItems > 1 ? 80 : 0
                        },
                        768: {
                            items: numItems > 1,
                            loop: numItems > 1,
                            stagePadding: numItems > 1 ? 160 : 0
                        },
                        992: {
                            items: 3,
                            loop: numItems > 3,
                        },
                        1600: {
                            items: 4,
                            loop: numItems > 4,
                        }
                    }
                });
            }
        });
    }

    static initMedios() {
        $(document).ready(function () {
            const elementCarousel = $("#medios");

            if (elementCarousel.length > 0) {
                let numItems = elementCarousel.find(".caja-medio").length;

                elementCarousel.owlCarousel({
                    margin: 30,
                    nav: false,
                    dots: true,
                    autoplay: true,
                    autoplayTimeout: 2500,
                    responsive: {
                        0: {
                            margin: 15,
                            items: 2,
                            loop: numItems > 2,
                        },
                        576: {
                            margin: 15,
                            items: 3,
                            loop: numItems > 3,
                        },
                        992: {
                            items: 4,
                            loop: numItems > 4,
                        },
                        1200: {
                            items: 5,
                            loop: numItems > 5,
                        }
                    }
                });
            }
        });
    }

    static initFiltrosBuscador({
                                   precioMinSeleccionado = 0,
                                   precioMaxSeleccionado = 150000,
                                   precioMin = 0,
                                   precioMax = 150000,
                                   cuotaMinSeleccionado = 0,
                                   cuotaMaxSeleccionado = 800,
                                   cuotaMin = 0,
                                   cuotaMax = 800,
                                   anyoMinSeleccionado = 1959,
                                   anyoMaxSeleccionado = new Date().getFullYear(),
                                   anyoMin = 1959,
                                   anyoMax = new Date().getFullYear(),
                                   kmMinSeleccionado = 0,
                                   kmMaxSeleccionado = 300000,
                                   kmMin = 0,
                                   kmMax = 300000,
                               } = {}
    ) {
        $(document).ready(function (e) {

            $("#buscar").pressEnter(function (e) {
                $(".btn-buscar-coches").trigger("click");
            });

            const elementToggleExtraFiltros = $("#btn-toggle-extra-filtros");
            const elementSliderPrecio = $("#slider-range-precio");
            const elementSliderCuota = $("#slider-range-cuota-mensual");
            const elementSliderAnyo = $("#slider-range-anyo");
            const elementSliderKm = $("#slider-range-km");

            $("#btn-abrir-filtros, #btn-cerrar-filtros").click(function (e) {
                $("#filtros-buscador").toggleClass("open");
            });

            elementToggleExtraFiltros.click(function (e) {
                $("#filtros-buscador").toggleClass("expand");
                elementToggleExtraFiltros.toggleClass("active");

                if ($(window).width() < 992 && elementToggleExtraFiltros.hasClass("active")) {

                    var $precio  = $("#banner #container-filtro-precio");
                    var $cuota   = $("#banner #container-filtro-cuota");

                    if ($precio.length === 0 || $cuota.length === 0)
                        return;

                    if ($precio.parent().is("#filtros-buscador-top")) {
                        $("#filtros-buscador-bottom").prepend($cuota).prepend($precio);
                    }

                    if ($(window).width() < 576) {
                        var $modelo = $("#banner #container-filtro-modelo");
                        if ($modelo.parent().is("#filtros-buscador-top")) {
                            $("#filtros-buscador-bottom").prepend($modelo);
                        }
                    }
                }
            });

            elementSliderPrecio.slider({
                range: true,
                min: precioMin,
                max: precioMax,
                step: 100,
                values: [precioMinSeleccionado, precioMaxSeleccionado],
                slide: function (event, ui) {
                    $("#precio-min-label").html(Utils.number_format(ui.values[0], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");
                    $("#precio-max-label").html(Utils.number_format(ui.values[1], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");
                },
                stop: function (event, ui) {
                    $("#precio-min-label").html(Utils.number_format(ui.values[0], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");
                    $("#precio-max-label").html(Utils.number_format(ui.values[1], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");

                    $("#precio-min").val(elementSliderPrecio.slider("values", 0));
                    $("#precio-max").val(elementSliderPrecio.slider("values", 1));
                }
            });

            elementSliderCuota.slider({
                range: true,
                min: cuotaMin,
                max: cuotaMax,
                step: 20,
                values: [cuotaMinSeleccionado, cuotaMaxSeleccionado],
                slide: function (event, ui) {
                    $("#cuota-min-label").html(Utils.number_format(ui.values[0], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");
                    $("#cuota-max-label").html(Utils.number_format(ui.values[1], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");
                },
                stop: function (event, ui) {
                    $("#cuota-min-label").html(Utils.number_format(ui.values[0], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");
                    $("#cuota-max-label").html(Utils.number_format(ui.values[1], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "€");

                    $("#cuota-min").val(elementSliderCuota.slider("values", 0));
                    $("#cuota-max").val(elementSliderCuota.slider("values", 1));
                }
            });

            elementSliderAnyo.slider({
                range: true,
                min: anyoMin,
                max: anyoMax,
                step: 1,
                values: [anyoMinSeleccionado, anyoMaxSeleccionado],
                slide: function (event, ui) {
                    $("#anyo-min-label").html(ui.values[0]);
                    $("#anyo-max-label").html(ui.values[1]);
                },
                stop: function (event, ui) {
                    $("#anyo-min-label").html(ui.values[0]);
                    $("#anyo-max-label").html(ui.values[1]);

                    $("#anyo-min").val(elementSliderAnyo.slider("values", 0));
                    $("#anyo-max").val(elementSliderAnyo.slider("values", 1));
                }
            });

            elementSliderKm.slider({
                range: true,
                min: kmMin,
                max: kmMax,
                step: 200,
                values: [kmMinSeleccionado, kmMaxSeleccionado],
                slide: function (event, ui) {
                    $("#km-min-label").html(Utils.number_format(ui.values[0], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "km");
                    $("#km-max-label").html(Utils.number_format(ui.values[1], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "km");
                },
                stop: function (event, ui) {
                    $("#km-min-label").html(Utils.number_format(ui.values[0], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "km");
                    $("#km-max-label").html(Utils.number_format(ui.values[1], {
                        numberOfDecimals: 0,
                        thousandSeparator: "."
                    }) + "km");

                    $("#km-min").val(elementSliderKm.slider("values", 0));
                    $("#km-max").val(elementSliderKm.slider("values", 1));
                }
            });

            $(".btn-buscar-coches").click(function (e) {
                const buscar = $("#buscar").val();
                const marca = $("#marca").val();
                const modelo = $("#modelo").val();
                const carroceria = $("#carroceria").val();
                const etiqueta = $("#etiqueta").val();
                const loMasBuscado = $("#lo-mas-buscado").val();
                const precioMinUser = $("#precio-min").val() * 1;
                const precioMaxUser = $("#precio-max").val() * 1;
                const cuotaMinUser = $("#cuota-min").val() * 1;
                const cuotaMaxUser = $("#cuota-max").val() * 1;
                const combustible = $("#combustible").val();
                const anyoMinUser = $("#anyo-min").val() * 1;
                const anyoMaxUser = $("#anyo-max").val() * 1;
                const kmMinUser = $("#km-min").val() * 1;
                const kmMaxUser = $("#km-max").val() * 1;
                const cambio = $("#cambio").val();
                const orden = $("#filtro-ordenar").val();

                const potenciaElement = $("#potencia");

                let mainUrl = 'https://www.leadercar.es/comprar-vehiculo/';

                if (marca !== "" && marca !== null)
                    mainUrl += "marca-" + marca + "/";

                if (modelo !== "" && modelo !== null)
                    mainUrl += "modelo-" + modelo + "/";

                if (carroceria !== "" && carroceria !== null)
                    mainUrl += "tipo-vehiculo-" + carroceria + "/";

                if (etiqueta !== "" && etiqueta !== null)
                    mainUrl += "etiqueta-" + etiqueta + "/";

                if (loMasBuscado !== "" && loMasBuscado !== null)
                    mainUrl += "mas-buscado-" + loMasBuscado + "/";

                let url = new URL(mainUrl);

                if (buscar !== "" && buscar !== undefined) {
                    url.searchParams.append("buscar", buscar);
                }

                if ((precioMinUser !== precioMin || precioMaxUser !== precioMax) && precioMaxUser > 0) {
                    url.searchParams.append("precio", precioMinUser + "-" + precioMaxUser);
                }

                if ((cuotaMinUser !== cuotaMin || cuotaMaxUser !== cuotaMax) && cuotaMaxUser > 0) {
                    url.searchParams.append("cuota", cuotaMinUser + "-" + cuotaMaxUser);
                }

                if ((anyoMinUser !== anyoMin || anyoMaxUser !== anyoMax) && anyoMaxUser > 0) {
                    url.searchParams.append("anyo", anyoMinUser + "-" + anyoMaxUser);
                }

                if ((kmMinUser !== kmMin || kmMaxUser !== kmMax) && kmMaxUser > 0) {
                    url.searchParams.append("kilometros", kmMinUser + "-" + kmMaxUser);
                }

                if (combustible !== "" && combustible !== null) {
                    url.searchParams.append("combustible", combustible);
                }

                if (cambio !== "" && cambio !== null) {
                    url.searchParams.append("cambio", cambio);
                }

                const potenciaMin = potenciaElement.find("option:selected").data("min");
                const potenciaMax = potenciaElement.find("option:selected").data("max");

                if (potenciaMin > 0)
                    url.searchParams.append("potencia-min", potenciaMin);

                if (potenciaMax > 0)
                    url.searchParams.append("potencia-max", potenciaMax);

                if (orden !== "" && orden !== null && orden !== undefined) {
                    url.searchParams.append("orden", orden);
                }

                window.location.href = url.toString();
            });

            $('#marca').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
                if (isSelected === null)
                    return;

                const modeloElement = $("#modelo");
                modeloElement.find("option:not(.bs-title-option)").not(":first").remove();
                modeloElement.selectpicker("refresh");
                modeloElement.selectpicker("val", "");

                var successCallback = function (data, textStatus, XMLHttpRequest) {
                    if (data["error_number"] >= 0) {
                        $.each(data["items"], function (i, e) {
                            modeloElement.append($("<option></option>").attr("value", e["url"]).text(e["nombre"]));
                        });
                        modeloElement.selectpicker("refresh");
                    }
                };

                Utils.sendStandardAjax(undefined, "https://www.leadercar.es/ajax/Modelos.listado.php?marca=" + $("#marca").val(), {
                    successCallback: successCallback,
                    esperePorFavor: false,
                });
            });
        });
    }

    static initCompartir() {
        $(document).ready(function (e) {
            $(".compartir").jsSocials({
                showCount: false,
                showLabel: true,
                shareIn: "popup",
                shares: [
                    {share: "twitter", logo: "fab fa-twitter", label: "Post"},
                    {
                        share: "facebook",
                        label: "Compartir",
                        logo: "fab fa-facebook"
                    },
                    {share: "pinterest", label: "Pin it", logo: "fab fa-pinterest"},
                                    ]
            });

            $(".fa.fa-facebook").removeClass("fa").addClass("fab").addClass("fa-facebook-f");
            $(".fa.fa-twitter").removeClass("fa").addClass("fab");
            /* $(".fa.fa-google").removeClass("fa").addClass("fab").addClass("fa-google-plus-g");*/
            $(".fa.fa-pinterest").removeClass("fa").addClass("fab");

            //$('<div class="jssocials-share jssocials-share-instagram">' +
            //    '<a href="https://www.instagram.com/stories/create/?url=' + encodeURIComponent(window.location.href) + '" target="_blank" class="jssocials-share-link">' +
            //    '<i class="fab fa-instagram jssocials-share-logo"></i>' +
            //    '<span class="jssocials-share-label">//</span>' +
            //    '</a>' +
            //    '</div>').appendTo('.jssocials-shares');
        });
    }

    static initContacto() {
        $(document).ready(function (e) {
            $("#btnEnviarContacto").click(enviarFormulario);
        });

        function enviarFormulario(event) {
            event.preventDefault();

            var extraMsg = "";

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

            Utils.sendStandardAjax("formContacto", "https://www.leadercar.es/ajax/Contacto.enviar.php", {
                extraErroresForm: extraMsg,
                successCallback: function (data, textStatus, XMLHttpRequest) {
                    if (data["error_number"] >= 0) {
                        window.dataLayer = window.dataLayer || [];
                        window.dataLayer.push({
                            event: "form_submitted"
                        });
                    }

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

    static initServicio() {
        $(document).ready(function () {
            const elementCarouselFotosPrincipal = $("#ficha-servicio-foto-principal");
            const numItems = elementCarouselFotosPrincipal.find(".item-foto").length;

            if (numItems > 1) {
                elementCarouselFotosPrincipal.owlCarousel({
                    margin: 18,
                    nav: false,
                    dots: false,
                    navText: navText,
                    stagePadding: 1,
                    lazyLoad: true,
                    items: 1,
                    loop: true,
                    drag: true,
                    responsive: {
                        0: {
                            items: 1,
                            nav: true,
                        },
                        576: {
                            items: 1,
                        }
                    }
                });
            }

            const elementCarouselFotosSecundarias = $("#ficha-servicio-otras-fotos");
            const numItemsSec = elementCarouselFotosSecundarias.find(".item-foto").length;

            if (elementCarouselFotosSecundarias.length > 0) {
                elementCarouselFotosSecundarias.owlCarousel({
                    margin: 12,
                    nav: false,
                    navText: navText,
                    dots: false,
                    stagePadding: 1,
                    items: 1,
                    responsive: {
                        0: {
                            items: 3,
                            loop: numItemsSec > 3,
                        },
                        576: {
                            items: 3,
                            loop: numItemsSec > 3,
                            stagePadding: numItemsSec > 3 ? 40 : 0,
                        },
                        768: {
                            items: 4,
                            loop: numItemsSec > 4,
                            stagePadding: numItemsSec > 4 ? 40 : 0,
                        },
                        992: {
                            items: 5,
                            loop: numItemsSec > 5,
                            stagePadding: numItemsSec > 5 ? 40 : 0,
                        }
                    }
                });

                if (numItems > 1) {
                    elementCarouselFotosPrincipal.on("translated.owl.carousel", function () {
                        const $fotoActual = elementCarouselFotosPrincipal.find(".owl-item.active:not(.cloned) .item-foto").first();
                        const fotoId = $fotoActual.data("foto");

                        elementCarouselFotosSecundarias.find(".item-foto").removeClass("active");
                        elementCarouselFotosSecundarias.find(`.item-foto[data-foto="${fotoId}"]`).addClass("active");
                    });
                }

                elementCarouselFotosSecundarias.on("click", ".item-foto", function (e) {
                    e.preventDefault();

                    const fotoId = $(this).data("foto");
                    elementCarouselFotosSecundarias.find(".item-foto").removeClass("active");
                    $(this).addClass("active");

                    if (numItems > 1) {
                        const $itemsPrincipales = elementCarouselFotosPrincipal.find(".owl-item:not(.cloned) .item-foto");
                        let indexReal = -1;

                        $itemsPrincipales.each(function (i) {
                            if ($(this).data("foto") == fotoId) {
                                indexReal = i;
                                return false;
                            }
                        });

                        elementCarouselFotosPrincipal.trigger("to.owl.carousel", [indexReal, 300, true]);
                    }
                });
            }
        });
    }

    static initCategoria() {
        $(document).ready(function () {
            $(".js-ficha-servicio-bloque").each(function () {
                const bloque = $(this);
                const elementCarouselFotosPrincipal = bloque.find(".ficha-servicio-foto-principal");
                const numItems = elementCarouselFotosPrincipal.find(".item-foto").length;

                if (numItems > 1) {
                    elementCarouselFotosPrincipal.owlCarousel({
                        margin: 18,
                        nav: false,
                        dots: false,
                        navText: navText,
                        stagePadding: 1,
                        lazyLoad: true,
                        items: 1,
                        loop: true,
                        drag: true,
                        responsive: {
                            0: {
                                items: 1,
                                nav: true,
                            },
                            576: {
                                items: 1,
                            }
                        }
                    });
                }

                const elementCarouselFotosSecundarias = bloque.find(".ficha-servicio-otras-fotos");
                const numItemsSec = elementCarouselFotosSecundarias.find(".item-foto").length;

                if (elementCarouselFotosSecundarias.length > 0) {
                    elementCarouselFotosSecundarias.owlCarousel({
                        margin: 12,
                        nav: false,
                        navText: navText,
                        dots: false,
                        stagePadding: 1,
                        items: 1,
                        responsive: {
                            0: {
                                items: 3,
                                loop: numItemsSec > 3,
                            },
                            576: {
                                items: 3,
                                loop: numItemsSec > 3,
                                stagePadding: numItemsSec > 3 ? 40 : 0,
                            },
                            768: {
                                items: 4,
                                loop: numItemsSec > 4,
                                stagePadding: numItemsSec > 4 ? 40 : 0,
                            },
                            992: {
                                items: 5,
                                loop: numItemsSec > 5,
                                stagePadding: numItemsSec > 5 ? 40 : 0,
                            }
                        }
                    });

                    if (numItems > 1) {
                        elementCarouselFotosPrincipal.on("translated.owl.carousel", function () {
                            const $fotoActual = elementCarouselFotosPrincipal.find(".owl-item.active:not(.cloned) .item-foto").first();
                            const fotoId = $fotoActual.data("foto");

                            elementCarouselFotosSecundarias.find(".item-foto").removeClass("active");
                            elementCarouselFotosSecundarias.find(`.item-foto[data-foto="${fotoId}"]`).addClass("active");
                        });
                    }

                    elementCarouselFotosSecundarias.on("click", ".item-foto", function (e) {
                        e.preventDefault();

                        const fotoId = $(this).data("foto");
                        elementCarouselFotosSecundarias.find(".item-foto").removeClass("active");
                        $(this).addClass("active");

                        if (numItems > 1) {
                            const $itemsPrincipales = elementCarouselFotosPrincipal.find(".owl-item:not(.cloned) .item-foto");
                            let indexReal = -1;

                            $itemsPrincipales.each(function (i) {
                                if ($(this).data("foto") == fotoId) {
                                    indexReal = i;
                                    return false;
                                }
                            });

                            elementCarouselFotosPrincipal.trigger("to.owl.carousel", [indexReal, 300, true]);
                        }
                    });
                }
            });
        });
    }

    static initWhatsapp() {
        $(document).ready(function () {
            const $whatsapp = $(".redes-sociales .whatsapp");
            const $iconWhatsapp = $whatsapp.find(".iconWhatsapp");
            const $bloqueWhatsapp = $whatsapp.find("#bloque-whatsapp");
            const $radiosDepartamento = $whatsapp.find("input[name='departamento']");
            const $btnWhatsapp = $whatsapp.find("#btn-whatsapp");

            function getWhatsappUrl() {
                const telefono = $radiosDepartamento.filter(":checked").data("telefono");

                if (!telefono)
                    return "";

                return "https://wa.me/" + telefono + "/?text=";
            }

            function actualizarBotonWhatsapp() {
                $btnWhatsapp.prop("disabled", !getWhatsappUrl());
            }

            $iconWhatsapp.on("click", function (e) {
                e.stopPropagation();
                $whatsapp.toggleClass("open");
            });

            $bloqueWhatsapp.on("click", function (e) {
                e.stopPropagation();
            });

            $radiosDepartamento.on("change", function () {
                actualizarBotonWhatsapp();
            });

            $btnWhatsapp.on("click", function () {
                const url = getWhatsappUrl();

                if (!url)
                    return;

                window.open(url, "_blank");
                $whatsapp.removeClass("open");
            });

            $(document).on("click", function (e) {
                if (!$(e.target).closest(".redes-sociales .whatsapp").length)
                    $whatsapp.removeClass("open");
            });

            actualizarBotonWhatsapp();
        });
    }
}

function findPos(obj) {
    var curtop = 0;
    if (obj.offsetParent) {
        do {
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
        return [curtop];
    }
}

function isEmail(email) {
    var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    return regex.test(email);
}

function preparaLugar(pais, provincia, poblacion, idInputPais, idInputProvincia, idInputLocalidad) {
    if (pais > 0) {
        if (provincia > 0)
            provincia = (provincia + "").padStart(2, "0");

        actualizaProvincias(idInputLocalidad, idInputProvincia, idInputPais, provincia, pais, provincia, poblacion, undefined);
    }

    $('#' + idInputPais).on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
        //console.log(e, clickedIndex, isSelected, previousValue, $(this).val(), $('#frmServicioProvincia').val(), $('#frmServicioProvincia').selectpicker("val"));
        actualizaProvincias(idInputLocalidad, idInputProvincia, idInputPais, provincia, undefined, undefined, undefined, undefined, undefined, undefined, true);
    });
    /*$("body").on("change", "#"+idInputPais, function()
    {
        actualizaProvincias(idInputLocalidad,idInputProvincia, idInputPais, provincia);
    });*/

    if (provincia > 0) {
        if (poblacion > 0)
            poblacion = (poblacion + "").padStart(3, "0");

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

    $('#' + idInputProvincia).on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
        //console.log(e, clickedIndex, isSelected, previousValue, $(this).val(), $('#frmServicioProvincia').val(), $('#frmServicioProvincia').selectpicker("val"));
        if (isSelected === null)
            return;

        $('#' + idInputProvincia).removeClass("error");

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

    $('#' + idInputLocalidad).on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
        if (isSelected === null)
            return;

        $('#' + idInputLocalidad).removeClass("error");
    });
}

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

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

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

    //var textoSelectLoc = "Localidad";
    var textoSelectLoc = "";

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

    var data = {idPais: forceIdPais};

    $("#" + idCampoRegion).empty();
    $("#" + idCampoRegion).append("<option disabled value='0'>" + textoLoading + "</option>");
    $("#" + idCampoRegion).selectpicker("refresh");
    $("#" + idCampoRegion).selectpicker('val', 0);

    if (actualizarLocalidad) {
        $("#" + idCampoLocalidad).empty();
        $("#" + idCampoLocalidad).append("<option disabled value='0'>" + textoLoading + "</option>");
        $("#" + idCampoLocalidad).selectpicker("refresh");
        $("#" + idCampoLocalidad).selectpicker('val', 0);
    }

    var returned = $.ajax(
        {
            url: "https://www.leadercar.es/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 disabled value='0'>Selecciona la provincia</option>");
                for (var index in data) {
                    $("#" + idCampoRegion).append("<option value='" + data[index]["id"] + "'>" + Utils.html_entities_decode(data[index]["nombre"]) + "</option>");
                }

                $("#" + idCampoRegion).selectpicker("refresh");

                if (idRegionPreEstablecida != undefined && idRegionPreEstablecida != "") {
                    $("#" + idCampoRegion).val(idRegionPreEstablecida);
                } else {
                    $("#" + idCampoRegion).val(0);
                }

                $("#" + idCampoRegion).selectpicker("refresh");

                if (actualizarLocalidad) {
                    $("#" + idCampoLocalidad).empty();
                    $("#" + idCampoLocalidad).append("<option disabled value='0'>" + textoSelectLoc + "</option>");
                    $("#" + idCampoLocalidad).val(0);
                    $("#" + idCampoLocalidad).selectpicker("refresh");
                }

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

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

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


    var returned = $.ajax(
        {
            url: "https://www.leadercar.es/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 disabled value='0'>Selecciona la localidad</option>");
                for (var index in data) {
                    $("#" + idCampoLocalidad).append("<option value='" + data[index]["id"] + "'>" + Utils.html_entities_decode(data[index]["nombre"]) + "</option>");
                }

                $("#" + idCampoLocalidad).selectpicker("refresh");

                if (idLocalidadPreEstablecida != undefined) {
                    $("#" + idCampoLocalidad).val(idLocalidadPreEstablecida);
                } else {
                    $("#" + idCampoLocalidad).val(0);
                }

                $("#" + idCampoLocalidad).selectpicker("refresh");

                if (onFinish != undefined && typeof (onFinish) == "function") {
                    onFinish();
                }
            }
        });
}


class Chatbot {

    constructor() {
        this.$chatContainer = $("#chatbot-contiene-chat");
        this.$messages = $("#chatbot-contiene-chats");
        this.currentStep = "start";
        this.data = {};

        this.flow = this.buildFlow();
        this.bindHeaderButtons();

        $("#btn-chatbot, .btn-chatbot").click(() => this.$chatContainer.toggleClass("d-none"));
        $("#chatbot-btn-cerrar, #chatbot-bienvenida-footer button, #btn-chatbot").click(() => $("#chatbot-contiene-bienvenida").remove());

        $("#chatbot-bienvenida-footer button").click((event, element) => {

            this.$chatContainer.removeClass("d-none");
            const text = $(event.currentTarget).hasClass("btn-chatbot-comprar") ? "Comprar Coche" : "Vender Coche";

            const $block = this.$messages.find(".item-mensaje-opcs").last();
            this.userReply(text, $block);
        });
    }

    buildFlow() {

        const tiposVehiculo = ["Berlina","Coup\u00e9","Monovol\u00famen","4x4 Suv","Cabrio","Familiar","Industrial","Cl\u00e1sico"];
        const marcas = ["Abarth","AC","Acura","Adam","Aion","Aito","Aiways","Aixam","Alfa Romeo","Alpina","Alpine","Amberauto","Ambertruck","Apal","Arcfox","Ariel","Aro","Asia","Aston Martin","ATOM","Audi","Aurus","Avatr","Baic","Bajaj","Baltijas Dzips","Baojun","Batmobile","BAW","Belgee","Bentley","Bestune","Bilenkin","Bio auto","Blaval","BMW","Borgward","Brabus","Brilliance","Bristol","Bufori","Bugatti","Buick","BYD","Byvin","Cadillac","Callaway","Caterham","Chana","Changan","ChangFeng","Changhe","Chery","CheryExeed","Chevrolet","Chrysler","Ciimo","Citroen","Coda","Coggiola","Combat","Cowin","Cupra","Dacia","Dadi","Daewoo","Daihatsu","Daimler","Dallara","Datsun","Dayun","De Tomaso","Delage","Denza","Derways","DFSK","Dodge","DongFeng","Dongfeng Forthing","Doninvest","Donkervoort","DR","DS","DW Hower","E-Car","Enoreve","Enovate","Eonyx","Everus","Evolute","EXEED","Exlantix","FAW","Fengon","Ferrari","Fiat","Fisker","Flanker","Ford","Foton","FSO","Fuqi","GAC","GAZ","Geely","Genesis","Geo","GMA","GMC","Gonow","Gordon","Great Wall","Hafei","Haima","Hanteng","Haval","Hawtai","Hedmos","Hennessey","Hindustan","HiPhi","Holden","Honda","Hongqi","Hozon","HSV","Huaihai (Hoann)","HuangHai","Huazi","Hummer","Hycan","Hyperion","Hyundai","iCar","iCaur","IM Motors (Zhiji)","Ineos","Infiniti","Invicta","Iran Khodro","Isuzu","IVECO","IZH","JAC","Jaecoo","Jaguar","Jeep","Jensen","Jetour","Jetta","Jiangnan","Jidu","Jinbei","JMC","JMEV","Jonway","Kaiyi","Kanonir","Karma","Kawei","KG Mobility","KGM","Kia","Knewstar","Koenigsegg","KTM AG","KYC","Lamborghini","Lancia","Land Rover","Landwind","Leapmotor","Letin","LEVC","Lexus","Lifan","Ligier","Lincoln","lingxi","Livan","LiXiang","Logem","Lotus","LTI","Lucid","Luxeed","Luxgen","Lynk & Co","M-Hero","Maextro","Mahindra","Maple","Marcos","Marlin","Marussia","Maruti","Maserati","Maxeed","Maxus","Maybach","Mazda","McLaren","Mega","Mercedes-Benz","Mercury","Metrocab","MG","Micro","Microcar","Minelli","Mini","Mitsubishi","Mitsuoka","Mobilize","Morgan","Moskvich","Nio","Nissan","Noble","Nordcross","Oldsmobile","Omoda","Opel","ORA","Orange","Osca","Oshan","Oting","Pagani","Panoz","Perodua","Peugeot","PGO","Plymouth","Polestar","Pontiac","Porsche","Proton","Punk","Qiantu","Qingling","Qiyuan","Qoros","Qvale","Racing car","Radar","Radford","RAM","Ravon","Renaissance","Renault","Renault Samsung","Rezvani","Rimac","Rinspeed","Rising Auto","Rivian","Roewe","Rolls-Royce","Ronart","Rossa","Rover","Rox","Saab","SAIC","Saipa","Saleen","Samsung","Sandstorm","Saturn","Scion","Scout","SEAT","Seres","Seres Aito","Shanghai Maple","Shifeng","ShuangHuan","Skoda","Skywell","Skyworth","SMA","Smart","Solaris","Sollers","Soueast","Spectre","Spyker","SsangYong","Stelato","Subaru","Suzuki","SWM","TagAZ","Tank","Tata","Tatra","Tazzari","Tenet","Tesla","Thairung","Think","Tianma","Tofas","Toyota","Tramontana","Trumpchi","TVR","UAZ","Ultima","Vauxhall","VAZ (Lada)","Vector","Venucia","VGV","VinFast","Volga","Volkswagen","Volvo","Vortex","Voyah","VUHL","W Motors","Weltmeister","WEY","Wiesmann","Wuling","Xcite","XEV","Xiaomi","XiaoPaoChe (SSC)","Xin Kai","Xpeng","Yema","Yipai","Yo-mobil","Zastava","ZAZ","Zeekr","Zenos","Zenvo","Zhido","Zibar","Zotye","ZX"];
        const kilometros = [
            "0 - 20.000 km",
            "20.000 - 40.000 km",
            "40.000 - 60.000 km",
            "60.000 - 80.000 km",
            "80.000 - 100.000 km",
            "100.000 - 125.000 km",
            "125.000 - 150.000 km",
            "150.000 - 200.000 km",
            "200.000 - 300.000 km",
            "+300.000 km"
        ];

        const currentYear = new Date().getFullYear();
        const years = Array.from(
            { length: currentYear - 2000 + 1 },
            (_, i) => 2000 + i
        );

        return {

            start: {
                text: "¡Hola! Bienvenid@ a Leadercar<br />¿Cómo podemos ayudarte?",
                type: "buttons",
                field: "accion",
                options: ["Comprar Coche", "Vender Coche"],
                next: v => v === "Comprar Coche" ? "buy_type_text1" : "sell_type_text1"
            },

            // ===== COMPRAR =====
            buy_type_text1: {
                text: "¡Genial, estás en el lugar correcto! ✅",
                type: "auto-text",
                next: "buy_type_question"
            },

            buy_type_question: {
                text: "¿Qué tipo de vehículo te interesa?",
                type: "buttons",
                field: "tipo",
                options: tiposVehiculo,
                next: "buy_brand"
            },

            buy_brand: {
                text: "Excelente, ¿En qué marca/s estás interesado?",
                type: "select",
                field: "marca",
                options: marcas,
                placeholder: "Seleccione una opción",
                next: "buy_model"
            },

            buy_model: {
                text: "¿Qué modelo/s estás buscando?",
                type: "text",
                field: "modelo",
                placeholder: "Modelo",
                next: "buy_budget"
            },

            buy_budget: {
                text: "¿Cuál es tu presupuesto?",
                type: "select",
                field: "presupuesto",
                options: [
                    "Menos de 10.000€",
                    "10.000€ – 20.000€",
                    "20.000€ – 30.000€",
                    "Más de 30.000€"
                ],
                placeholder: "Seleccione una opción",
                next: "buy_tradein"
            },

            buy_tradein: {
                text: "¿Quieres entregar un coche como parte del pago?",
                type: "buttons",
                field: "entrega_coche",
                options: ["Si", "No"],
                next: "buy_contact_intro"
            },

            buy_contact_intro: {
                text: "¡Genial, ya lo tenemos! ✅<br>Deja tus datos de contacto aquí",
                type: "form",
                field: "contacto",
                next: "buy_contact_pref"
            },

            buy_contact_pref: {
                text: "Por último, ¿cómo prefieres que te contactemos?",
                type: "buttons",
                field: "preferencia_contacto",
                options: ["Llamada", "WhatsApp"],
                next: "buy_contact_time"
            },

            buy_contact_time: {
                text: "¿Cuándo prefieres que te llamemos?",
                type: "buttons",
                field: "horario_contacto",
                options: ["Por la mañana", "Por la tarde"],
                next: "buy_end"
            },

            buy_end: {
                text: "¡Muchas gracias! Nuestro equipo comercial se pondrá en contacto contigo lo antes posible.",
                type: "end"
            },

            // ===== VENDER (placeholder) =====
            sell_type_text1: {
                text: "¡Genial, estás en el lugar correcto! ✅",
                type: "auto-text",
                next: "sell_type_text2"
            },
            sell_type_text2: {
                text: "En Leadercar te ayudaremos a vender tu vehículo. Vamos a hacerte algunas preguntas sobre tu vehículo 🚗",
                type: "auto-text",
                next: "sell_brand"
            },

            sell_brand: {
                text: "¿De qué marca es tu coche?",
                type: "select",
                field: "marca",
                options: marcas,
                placeholder: "Seleccione una opción",
                next: "sell_model"
            },

            sell_model: {
                text: "¿Qué modelo es tu coche?",
                type: "text",
                field: "modelo",
                placeholder: "Modelo",
                next: "sell_licence_plate"
            },

            sell_licence_plate: {
                text: "¿Cuál es la matrícula de tu vehículo?",
                type: "text",
                field: "matricula",
                placeholder: "Ej: 1234-ABC, V 1234 AB...",
                next: "sell_kilometers"
            },

            sell_kilometers: {
                text: "¿Cuántos km tiene hechos el vehículo?",
                type: "select",
                field: "kilometros",
                options: kilometros,
                placeholder: "Seleccione una opción",
                next: "sell_year"
            },

            sell_year: {
                text: "¿Cuándo se matriculó el vehículo?",
                type: "select",
                field: "anyo",
                options: years,
                placeholder: "Seleccione una opción",
                next: "sell_tradein"
            },

            sell_tradein: {
                text: "¿Quieres vender tu coche para comprar otro a cambio?",
                type: "buttons",
                field: "vender_para_comprar",
                options: ["Si", "No"],
                next: "sell_when"
            },

            sell_when: {
                text: "Por último, ¿cuándo tienes planeado vender tu vehículo?",
                type: "buttons",
                field: "cuando_planea_vender",
                options: ["Lo antes posible", "Dentro de un mes", "No lo sé"],
                next: "sell_contact_intro"
            },

            sell_contact_intro: {
                text: "¡Genial, ya lo tenemos! ✅<br>Deja tus datos de contacto aquí",
                type: "form",
                field: "contacto",
                next: "sell_end"
            },

            sell_end: {
                text: "¡Muchas gracias! Nuestro equipo comercial se pondrá en contacto contigo lo antes posible.",
                type: "end"
            }

        };
    }

    async start() {
        await this.renderStep("start");
    }

    async reset() {
        this.$messages.empty();
        this.currentStep = "start";
        this.data = {};
        await this.renderStep("start");
    }

    bindHeaderButtons() {
        $("#chatbot-btn-reset-chat").on("click", () => this.reset());
        $("#chatbot-btn-close-chat").on("click", () => this.$chatContainer.addClass("d-none"));
    }

    addMessage(text, sender = "machine") {
        const html = `<div class="item-mensaje ${sender}"><div class="item-mensaje-content">${text}</div></div>`;
        this.$messages.append(html);
        this.scrollBottom();
    }

    addMessageDelayed(text, sender = "machine", delay = 200) {
        return new Promise(resolve => {
            setTimeout(() => {
                this.addMessage(text, sender);
                resolve();
            }, delay);
        });
    }

    scrollBottom() {
        this.$messages.scrollTop(this.$messages[0].scrollHeight);
    }

    async renderStep(stepKey) {

        this.currentStep = stepKey;
        const step = this.flow[stepKey];
        if (!step) return;

        if(step.type === "auto-text"){
            await this.addMessageDelayed(step.text, "machine");
            if(step.next) await this.renderStep(step.next);
            return;
        }

        // Mensaje normal con delay
        if(step.text){
            await this.addMessageDelayed(step.text, "machine");
        }

        let html = "";

        if (step.type === "buttons") {
            html += `<div class="item-mensaje-opcs">`;
            step.options.forEach(o => {
                html += `<button type="button" class="item-mensaje-opc-btn btnStandard btn-peq2">${o}</button>`;
            });
            html += `</div>`;
        }

        if (step.type === "select") {
            html += `
  <div class="item-mensaje-opcs">
    <select class="item-mensaje-select selectpicker form-control-b">
      ${step.placeholder ? `<option value="" disabled selected>${step.placeholder}</option>` : ""}
      ${step.options.map(o => `<option>${o}</option>`).join("")}
    </select>
    <button class="item-mensaje-btn-continuar btnStandard btn-peq2">Continuar</button>
  </div>`;
        }

        if (step.type === "text") {
            html += `
  <div class="item-mensaje-opcs">
    <input type="text" class="item-mensaje-inp form-control-b" ${step.placeholder ? `placeholder="${step.placeholder}"` : ""} />
    <button class="item-mensaje-btn-continuar btnStandard btn-peq2">Continuar</button>
  </div>`;
        }

        if (step.type === "form") {
            html += `
    <div class="item-mensaje-opcs form">
      <input type="text" class="item-mensaje-inp form-control-b" data-field="nombre" placeholder="Nombre" />
      <input type="text" class="item-mensaje-inp form-control-b" data-field="apellidos" placeholder="Apellidos" />
      <input type="text" class="item-mensaje-inp form-control-b" data-field="telefono" placeholder="Teléfono" />
      <input type="text" class="item-mensaje-inp form-control-b" data-field="email" placeholder="Email" />

              <div class="col-12 margin-left-3">
            <div class="form-check mb-1">
                <label class="form-check-label" for="politica_chatbot">
                    <input class="form-check-input" type="checkbox" value="1" data-field="politica" name="politica_chatbot" id="politica_chatbot" title="Debe aceptar la Política de privacidad de Datos y la Política de Cookies"/> <span class="form-checkbox-text">He leído y acepto la <a target='_blank' href='https://www.leadercar.es/politica-privacidad/'>Política de Privacidad de Datos</a></span>
                    <span class="form-check-sign"><span class="check"></span></span>
                </label>
            </div>
            <div class="form-check">
                <label class="form-check-label" for="recibir_chatbot">
                    <input class="form-check-input" type="checkbox" value="1" data-field="recibir" name="recibir_chatbot" id="recibir_chatbot" /> <span class="form-checkbox-text">Deseo recibir novedades de esta empresa</span>
                    <span class="form-check-sign"><span class="check"></span></span>
                </label>
            </div>
        </div>

      <button class="item-mensaje-btn-continuar btnStandard btn-peq2 mt-2">Enviar</button>
    </div>`;
        }

        if (html) {
            await this.sleep(100);
            this.$messages.append(html);
            this.bindInputEvents(step);
            this.scrollBottom();
        }
    }

    bindInputEvents(step) {

        const $block = this.$messages.find(".item-mensaje-opcs").last();

        if (step.type === "form") {
            $block.find(".item-mensaje-btn-continuar").click(() => {
                const data = {};
                $block.find("input").each(function () {
                    let val = $(this).val();

                    if($(this).is(":checkbox")){
                        val = $(this).is(":checked") ? 1 : 0;
                    }

                    data[$(this).data("field")] = val;
                });

                var errors = "";

                if (data.nombre.length < 2)
                    errors += (errors ? "<br />" : "")+"Debe introducir el nombre";

                if (data.apellidos.length < 2)
                    errors += (errors ? "<br />" : "")+"Debe introducir sus apellidos";

                if (data.telefono.length < 9)
                    errors += (errors ? "<br />" : "")+"Debe introducir el número de teléfono";

                if (!isEmail(data.email))
                    errors += (errors ? "<br />" : "")+"Debe introducir un e-mail correcto";

                if (data.politica !== 1)
                    errors += (errors ? "<br />" : "")+"Debe aceptar la Política de privacidad de Datos y la Política de Cookies";

                if (errors) {
                    ClassBlockUI.abrirBlockUIEstandarMensaje(errors, true);
                    return;
                }

                this.userReply(data, $block);
            });
            return;
        }

        $block.find(".item-mensaje-opc-btn").click(e => {
            const val = $(e.target).text();
            this.userReply(val, $block);
        });

        $block.find(".item-mensaje-btn-continuar").click(() => {
            let val = "";

            if (step.type === "select")
                val = $block.find("select.item-mensaje-select").val();

            if (step.type === "text")
                val = $block.find(".item-mensaje-inp").val();

            if (!val) return;

            this.userReply(val, $block);
        });

        $(".item-mensaje-select.selectpicker").selectpicker();
    }

    userReply(val, $block) {

        const step = this.flow[this.currentStep];

        if (step.field) {
            this.data[step.field] = val;
        }

        $block.remove();

        let display = val;

        if (typeof val === "object") {
            display = val.nombre + " " + val.apellidos;
            display += "<br />"+val.telefono;
            display += "<br />"+val.email;
        }

        this.addMessage(display, "user");
        this.goNext(val);
    }

    goNext(val) {
        const step = this.flow[this.currentStep];
        let next = step.next;

        if (typeof next === "function") next = next(val);

        if (next) {
            this.renderStep(next);
        }

        if (next === "buy_end" || next === "sell_end") {
            this.sendLead();
        }
    }

    sendLead() {
        let formData = objectToFormData(this.data);

        ClassBlockUI.abrirBlockUIEsperePorFavor();
        $.ajax({
            url: 'https://www.leadercar.es/ajax/Chatbot.enviar.php',
            type: 'POST',
            dataType: "json",
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data) {
                $(".modal").modal("hide");
                if (data["error_number"] >= 0) {
                    window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push({
                        event: "form_submitted"
                    });
                }
                ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
            }
        });
    }

    sleep(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
    }
}

function objectToFormData(obj, formData = new FormData(), parentKey = '') {
    if (obj === null || obj === undefined) return formData;

    Object.keys(obj).forEach((key) => {
        const value = obj[key];
        if (value === undefined) return;

        const formKey = parentKey
            ? `${parentKey}[${key}]`
            : key;

        if (
            typeof value === 'object' &&
            !(value instanceof File) &&
            !(value instanceof Blob) &&
            !(value instanceof Date)
        ) {
            objectToFormData(value, formData, formKey);
        } else {
            formData.append(formKey, value);
        }
    });

    return formData;
}

$(document).ready(async () => {
    const bot = new Chatbot();
    await bot.start();
});
var ClassVehiculos = {

    init: function () {
        $(document).ready(function (e) {
            ClassVehiculos.actualizarCuentaAtras();
            setInterval(ClassVehiculos.actualizarCuentaAtras, 1000);

            ClassVehiculos.initFavoritos();
        });
    },

    initComprarCoche: function (filtros, page = 1) {
        $(document).ready(function (e) {
            const body = $("body");
            const scrollThreshold = 300;
            let cargandoVehiculos = false;
            let hayMasVehiculos = $(".mostrar-mas-resultados").length > 0;

            $(".mostrar-mas-resultados .btn-mostrar-mas").addClass("d-none");

            $(window).on("scroll", function () {
                cargarVehiculosPorScroll();
            });

            function cargarVehiculosPorScroll() {
                const mostrarMasBloque = $(".mostrar-mas-resultados");

                if (cargandoVehiculos || !hayMasVehiculos || mostrarMasBloque.length === 0 || mostrarMasBloque.hasClass("d-none"))
                    return;

                if ($(window).scrollTop() + $(window).height() < mostrarMasBloque.offset().top - scrollThreshold)
                    return;

                cargandoVehiculos = true;
                page++;
                cargarVehiculos();
            }

            body.find('.container-ordenar select.filtro-ordenar').change(function () {
                page = 1;
                hayMasVehiculos = true;

                if (body.hasClass("current_section_comprarVehiculo")) {
                    const estadoActual = window.history.state;
                    const nuevoEstado = Object.assign({}, estadoActual && typeof estadoActual === "object" ? estadoActual : {});
                    nuevoEstado.comprarVehiculoOrden = $(this).val() || "";

                    window.history.replaceState(nuevoEstado, "", window.location.href);
                }

                cargarVehiculos();
            });

            $(".item-criterio-eliminar").on("click", function () {
                const id = $(this).attr("data-id");

                $.each(id.split(","), function (i, e) {
                    const element = $("#" + e);

                    if (element.length > 0) {
                        if (element.hasClass("selectpicker")) {
                            element.val(-1);
                            element.selectpicker("refresh");
                        } else if (element.is(":checkbox")) {
                            element.prop("checked", false);
                        } else {
                            element.val("");
                        }

                        $(".btn-buscar-coches").trigger("click");
                    }
                });
            });

            function cargarVehiculos() {
                cargandoVehiculos = true;

                const resultadosElement = $(".resultados-vehiculos");
                const ordenElement = $("#filtro-ordenar");
                const mostrarMasBloque = $(".mostrar-mas-resultados");
                const txtMostrarMas = mostrarMasBloque.find(".mostrar-mas-resultados-txt");

                var successCallback = function (data, textStatus, XMLHttpRequest) {
                    $(".modal").modal("hide");
                    cargandoVehiculos = false;

                    if (data["error_number"] >= 0) {

                        if (page === 1)
                            resultadosElement.html("");

                        resultadosElement.append(data["vehiculos"]);

                        $(".tooltipStandard").not(".tooltipstered").tooltipster({
                            animation: 'grow',
                            interactive: true,
                            position: 'bottom',
                            contentAsHTML: true
                        });

                        if (data["numPages"] <= page) {
                            hayMasVehiculos = false;
                            mostrarMasBloque.addClass("d-none");
                        } else {
                            hayMasVehiculos = true;
                            mostrarMasBloque.removeClass("d-none");
                        }

                        txtMostrarMas.text("%numActual% de %numTotales%".replace("%numActual%", data["numMostrando"]).replace("%numTotales%", data["numTotales"]));
                    }
                };

                Utils.sendStandardAjax(null, "https://www.leadercar.es/ajax/Vehiculos.cargar.php", {
                    successCallback: successCallback,
                    esperePorFavor: false,
                    prepareFormData: function () {
                        let formData = new FormData();

                        formData.append("page", page.toString());

                        formData.append("orden", ordenElement.val());
                        formData.append("filtros", filtros);

                        return formData;
                    },
                });
            }

            if (body.hasClass("current_section_comprarVehiculo")) {
                const estadoActual = window.history.state;
                const ordenGuardado = estadoActual && Object.prototype.hasOwnProperty.call(estadoActual, "comprarVehiculoOrden")
                    ? estadoActual.comprarVehiculoOrden || ""
                    : null;
                const ordenElement = $("#filtro-ordenar");

                if (ordenGuardado !== null && ordenGuardado !== (ordenElement.val() || "")) {
                    ordenElement.selectpicker("val", ordenGuardado);
                    page = 1;
                    hayMasVehiculos = true;
                    cargarVehiculos();
                }
            }
        });
    },

    initFicha: function (precio, datosFinanciacion) {
        $(document).ready(function () {

            $("#btn-abre-video").click(function () {
                let videoid = $(this).attr("data-codigo")+"?autoplay=1&rel=0";

                $("#bloque-video iframe").remove();
                $('<iframe frameborder="0" allowfullscreen></iframe>')
                    .attr("src", "https://www.youtube-nocookie.com/embed/" + videoid)
                    .attr("allow", "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share")
                    .appendTo("#bloque-video");

                ClassBlockUI.abrirBlockUIEstandar("bloque-video", function(){$("#bloque-video iframe").remove();$("#blockUI_bloque-video").modal("hide")}, "", "modal-video");
            });

            $("#btn-abre-360").click(function () {
                const url = $(this).attr("data-url");
                pannellum.viewer('panorama', {
                    type: 'equirectangular',
                    panorama: url,
                    autoLoad: true
                });

                ClassBlockUI.abrirBlockUIEstandar("modal-360", undefined, "", "modal1300 modal-video");
            });

            $("#btn-compartir").click(function () {
                ClassBlockUI.abrirBlockUIEstandar("modal-compartir", undefined, "Compartir anuncio", "modal459");
            });

            $(".compartir-copiar").click(function () {
                const url = window.location.href;
                const btn = this;
                navigator.clipboard.writeText(url).then(function () {
                    mostrarToast('¡Enlace copiado al portapapeles!');
                    // Opcional: cambiar texto del botón temporalmente
                    const textoOriginal = btn.innerHTML;
                    btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.5 12C13.5 15.18 10.93 17.75 7.75 17.75C4.57 17.75 2 15.18 2 12C2 8.82 4.57 6.25 7.75 6.25" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12C10 8.69 12.69 6 16 6C19.31 6 22 8.69 22 12C22 15.31 19.31 18 16 18" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>¡Copiado!';
                    setTimeout(() => btn.innerHTML = textoOriginal, 1000);
                }).catch(function () {
                    mostrarToast('No se pudo copiar, usa Ctrl+C', 'error');
                });
            });

            $("#btn-abre-avisame").click(function () {
                $("#id-vehiculo-avisame").val($(this).attr("data-id"));
                ClassBlockUI.abrirBlockUIEstandar("modal-avisame", undefined, "Avisame", "modal681");
            });

            $("#btn-enviar-avisame").click(function () {
                var extraMsg = "";

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

                Utils.sendStandardAjax("modal-avisame", "https://www.leadercar.es/ajax/Vehiculo.avisame.php", {
                    extraErroresForm: extraMsg,
                    successCallback: function (data, textStatus, XMLHttpRequest) {
                        if (data["error_number"] >= 0) {
                            $(".modal").modal("hide");
                            $("#modal-avisame")[0].reset();

                            ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
                        } else {
                            ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
                        }
                    },
                    resetFormOnSuccess: true
                });
            });

            $("#btn-abre-mas-informacion").click(function () {
                $("#id-vehiculo-info").val($(this).attr("data-id"));
                ClassBlockUI.abrirBlockUIEstandar("modal-mas-informacion", undefined, "Más Información", "modal681");
            });

            $("#btn-enviar-mas-informacion").click(function () {
                var extraMsg = "";

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

                Utils.sendStandardAjax("modal-mas-informacion", "https://www.leadercar.es/ajax/Vehiculo.masInformacion.php", {
                    extraErroresForm: extraMsg,
                    successCallback: function (data, textStatus, XMLHttpRequest) {
                        if (data["error_number"] >= 0) {
                            window.dataLayer = window.dataLayer || [];
                            window.dataLayer.push({
                                event: "form_submitted",
                                form_id: "modal-mas-informacion",
                                form_type: "mas_informacion"
                            });

                            $(".modal").modal("hide");
                            $("#modal-mas-informacion")[0].reset();

                            ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
                        } else {
                            ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
                        }
                    },
                    resetFormOnSuccess: true
                });
            });

            $("#entrega-leadercar, #entrega-domicilio").change(function () {

                const entrega = $(this).val() * 1;
                const entregaLeadercar = $("#entrega-leadercar");
                const entregaDomicilio = $("#entrega-domicilio");

                if (entrega === 1) {
                    entregaLeadercar.prop("checked", true);
                    entregaDomicilio.prop("checked", false);

                    $(".consultar").addClass("d-none");
                    $(".gratis-gratis").removeClass("d-none");
                } else if (entrega === 2) {
                    entregaDomicilio.prop("checked", true);
                    entregaLeadercar.prop("checked", false);

                    $(".consultar").removeClass("d-none");
                    $(".gratis-gratis").addClass("d-none");
                }
            });

            const elementCarouselFotosPrincipal = $("#ficha-vehiculo-foto-principal");
            let numItems = elementCarouselFotosPrincipal.find(".item-foto").length;

            elementCarouselFotosPrincipal.owlCarousel({
                margin: 18,
                nav: false,
                dots: false,
                navText: navText,
                stagePadding: 1,
                lazyLoad: true,
                items: 1,
                loop: numItems > 1,
                drag: numItems > 1,
                responsive: {
                    0: {
                        items: 1,
                        nav: true,
                    },
                    576: {
                        items: 1,
                    }
                }
            });

            const elementCarouselFotosSecundarias = $("#ficha-vehiculo-otras-fotos");
            let numItemsSec = elementCarouselFotosSecundarias.find(".item-foto").length;

            elementCarouselFotosSecundarias.owlCarousel({
                margin: 12,
                nav: false,
                navText: navText,
                dots: false,
                stagePadding: 1,
                //lazyLoad: true,
                items: 1,
                responsive: {
                    0: {
                        items: 3,
                        loop: numItemsSec > 3,
                    },
                    576: {
                        items: 3,
                        loop: numItemsSec > 3,
                        stagePadding: numItemsSec > 3 ? 40 : 0,
                    },
                    768: {
                        items: 4,
                        loop: numItemsSec > 4,
                        stagePadding: numItemsSec > 4 ? 40 : 0,
                    },
                    992: {
                        items: 5,
                        loop: numItemsSec > 5,
                        stagePadding: numItemsSec > 5 ? 40 : 0,
                    }
                }
            });

            elementCarouselFotosPrincipal.on("click", ".item-foto", function (e) {
                e.preventDefault();

                const fotoId = $(this).data("foto");

                const $items = $("#gallery-dimbox a");
                const $item = $items.filter(`[data-foto="${fotoId}"]`);

                if ($item.length === 0) return;

                const index = $items.index($item);

                const dataSource = [];

                $items.each(function () {
                    const $a = $(this);

                    dataSource.push({
                        src: $a.attr("href"),
                        width: $a.data("width"),
                        height: $a.data("height")
                    });
                });

                const pswp = new PhotoSwipe({
                    dataSource: dataSource,
                    index: index
                });

                pswp.init();
            });

            elementCarouselFotosPrincipal.on("translated.owl.carousel", function (e) {
                if (elementCarouselFotosSecundarias.length === 0) return;

                const $fotoActual = elementCarouselFotosPrincipal.find(".owl-item.active:not(.cloned) .item-foto").first();
                const fotoId = $fotoActual.data("foto");

                elementCarouselFotosSecundarias.find(".item-foto").removeClass("active");
                elementCarouselFotosSecundarias.find(`.item-foto[data-foto="${fotoId}"]`).addClass("active");
            });

            elementCarouselFotosSecundarias.on("click", ".item-foto", function (e) {
                e.preventDefault();

                const fotoId = $(this).data("foto");

                const $itemsPrincipales = elementCarouselFotosPrincipal.find(".owl-item:not(.cloned) .item-foto");
                let indexReal = -1;

                $itemsPrincipales.each(function (i) {
                    if ($(this).data("foto") == fotoId) {
                        indexReal = i;
                        return false;
                    }
                });

                elementCarouselFotosSecundarias.find(".item-foto").removeClass("active");
                $(this).addClass("active");

                elementCarouselFotosPrincipal.trigger("to.owl.carousel", [indexReal, 300, true]);
            });

            $("body").on("click", ".btn-categoria-foto-filtrar", function (e) {
                e.preventDefault();

                const tipo = $(this).data("tipo");

                const $itemsPrincipales = elementCarouselFotosPrincipal.find(".owl-item:not(.cloned) .item-foto");
                let indexReal = -1;

                $itemsPrincipales.each(function (i) {
                    if ($(this).data("tipo") == tipo && indexReal == -1) {
                        indexReal = i;
                        return false;
                    }
                });

                $(".btn-categoria-foto-filtrar").removeClass("active");
                $(this).addClass("active");

                elementCarouselFotosPrincipal.trigger("to.owl.carousel", [indexReal, 300, true]);
                elementCarouselFotosSecundarias.trigger("to.owl.carousel", [indexReal, 300, true]);
            });

            $("#rango-anyos").on("input change", calcularFinanciacion);
        });


        function calcularFinanciacion() {
            const anyo = $("#rango-anyos").val() * 1;

            $(".anyos-financiacion").text(anyo + " años");

            const importeFinanciar = Math.max(precio, 0);

            if (datosFinanciacion[anyo] !== undefined) {
                const resumenMes = Utils.number_format(importeFinanciar * (datosFinanciacion[anyo] * 1), {
                    decimalSeparator: ",",
                    thousandSeparator: ".",
                    symbol: "&euro;"
                });
                $("#resumen-financiar span").html(resumenMes + "/mes a " + anyo + " años");
            }
        }
    },

    actualizarCuentaAtras: function () {
        $('.item-vehiculo-rebajado').each(function () {

            const timestamp = parseInt($(this).data('time'));
            const ahora = Math.floor(Date.now() / 1000);
            const diferencia = timestamp - ahora;

            if (diferencia <= 0) {
                $(this).html('Finalizado');
                return;
            }

            const dias = Math.floor(diferencia / 86400);
            const horas = Math.floor((diferencia % 86400) / 3600);
            const minutos = Math.floor((diferencia % 3600) / 60);
            const segundos = diferencia % 60;

            $(this).find('.rebajado-dia').html(`<span>D</span>${String(dias).padStart(2, '0')}`);
            $(this).find('.rebajado-horas').html(`<span>H</span>${String(horas).padStart(2, '0')}`);
            $(this).find('.rebajado-minutos').html(`<span>M</span>${String(minutos).padStart(2, '0')}`);
            $(this).find('.rebajado-segundos').html(`<span>S</span>${String(segundos).padStart(2, '0')}`);
        });
    },

    initReservar: function () {
        $(document).ready(function () {
            preparaLugar(28, undefined, undefined, undefined, "reserva-provincia", "reserva-localidad");

            $('#reserva-entrega').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
                if (isSelected === null)
                    return;

                if($(this).val() == 2)
                    $(".form-group-entrega").removeClass("d-none");
                else
                    $(".form-group-entrega").addClass("d-none");

            });

            $("#btn-enviar-reserva").click(function () {
                var extraMsg = "";

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

                Utils.sendStandardAjax("frm-reservar", "https://www.leadercar.es/ajax/Vehiculo.reservar.php", {
                    extraErroresForm: extraMsg,
                    successCallback: function (data, textStatus, XMLHttpRequest) {
                        if (data["error_number"] >= 0) {
                            switch (data["forma_pago"] * 1) {
                                case 1:
                                case 3: {
                                    $("#procesaPagoExterno").html(data["formularioFormaPago"]);
                                    ClassBlockUI.abrirBlockUIEsperePorFavor();
                                    $("#pagoBanco").submit();
                                    break;
                                }
                                case 2: {
                                    $("#procesaPagoExterno").html(data["formularioFormaPago"]);
                                    ClassBlockUI.abrirBlockUIEsperePorFavor();
                                    $("#pagoPaypal").submit();
                                    break;
                                }
                                case 4: {
                                    ClassBlockUI.abrirBlockUIEsperePorFavor();
                                    window.location = data["formularioFormaPago"];
                                    break;
                                }
                            }
                        } else {
                            ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
                        }
                    },
                    resetFormOnSuccess: true
                });
            });
        });
    },

    initFavoritos: function () {
        const favoritoEmailKey = "favoritos_email";

        $("body").on("click", ".item-vehiculo-favorito", function () {

            const email = Cookies.get_cookie(favoritoEmailKey);

            $("#id-favorito").val($(this).data("id"));

            if (isEmail(email)) {
                $("#email-favorito").val(email);
                enviarFavorito();
            } else {
                ClassBlockUI.abrirBlockUIEstandar("modal-email-favorito", undefined, "", "modal356");
            }
        });

        $("body").on("click", "#btn-enviar-email-favorito", function () {

            var extraMsg = "";

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

            enviarFavorito(extraMsg);
        });

        function enviarFavorito(extraMsg = "") {
            Utils.sendStandardAjax("modal-email-favorito", "https://www.leadercar.es/ajax/Vehiculos.toggleFavorito.php", {
                extraErroresForm: extraMsg,
                successCallback: function (data, textStatus, XMLHttpRequest) {
                    $(".modal").modal("hide");

                    if (data["error_number"] >= 0) {
                        const id = $("#id-favorito").val();

                        if (data["favorito"]) {
                            $(".item-vehiculo-favorito[data-id='" + id + "']").addClass("favorito");
                            $(".item-ficha-vehiculo-estadistica.item-vehiculo-favorito[data-id='" + id + "'] span").text("Quitar de favoritos");
                        } else {
                            $(".item-vehiculo-favorito[data-id='" + id + "']").removeClass("favorito");
                            $(".item-ficha-vehiculo-estadistica.item-vehiculo-favorito[data-id='" + id + "'] span").text("Añadir a favoritos");
                        }

                        const expires = new Date();
                        expires.setFullYear(expires.getFullYear() + 1);
                        Cookies.set_cookie(favoritoEmailKey, $("#email-favorito").val(), expires);
                    } else {
                        ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
                    }
                }
            });
        }
    }
};

function mostrarToast(mensaje, tipo = 'success') {
    // Eliminar toast anterior si existe
    const toastAnterior = document.querySelector('.toast-notif');
    if (toastAnterior) {
        toastAnterior.remove();
    }

    // Crear nuevo toast
    const toast = document.createElement('div');
    toast.className = `toast-notif ${tipo}`;
    toast.textContent = mensaje;
    document.body.appendChild(toast);

    // Animación de entrada
    setTimeout(() => toast.classList.add('show'), 100);

    // Desaparecer automáticamente
    setTimeout(() => {
        toast.classList.remove('show');
        setTimeout(() => toast.remove(), 300);
    }, 2500); // 2.5 segundos visible
}

/*
    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 : "";

            const imgCerrar = extraClass.includes("modal-video") ? "cerrar2.svg" : "cerrar.svg";

            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="Cerrar" title="Cerrar"><img src="https://www.leadercar.es/img/iconos/'+imgCerrar+'" 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("fadeIn");

            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) {
                let textoBoton = "Aceptar";

                botonera = `<div class='text-center botoneraBlockUI contieneBtnStandard'>
                                <button type='button' class='btnStandard btnCerrarBlockUIAlert'>
                                    ${textoBoton}
                                </button>
                            </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' : '') + '" 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="Cerrar" title="Cerrar"><img src="https://www.leadercar.es/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");
        }
    };