var _tmr = window._tmr || (window._tmr = []);
let container = document.querySelector(".sign__container");
const data = {
    page: page,
    phone: phone,
    email: "",
    result: {},
};
const socials = Array.from(document.querySelectorAll(".social__link"));
socials.map((item) => (item.getAttribute("href") === "" ? item.remove() : ""));
socials.every((item) =>
    item.getAttribute("href") === ""
        ? document.querySelector(".social-data").remove()
        : null
);
if (emailEnabled) {
    $(".isEmailShow").show();
}

if (localStorage.getItem("promocode")) localStorage.removeItem("promocode");

grecaptcha.ready(() => {
    renderGoogleContainer("main-g-recaptcha");
});

function gcCallback(token) {
    return token;
}

function renderGoogleContainer(val) {
    //Отрисовка гугл капчи, параметр это класс.
    captchaContainer = document.querySelector(`.${val}`);
    if (recaptchaKey && !data.isRender) {
        data.isRender = !data.isRender;
        recaptchaWidget = grecaptcha.render(captchaContainer);
    }
}

function resetGoogleCaptcha() {
    //Сброс рекапчи
    if (recaptchaKey) {
        grecaptcha.reset(recaptchaWidget);
    }
}

function hideLoginElements() {
    //Спрятать кнопку и основную форму.
    console.log(mode);
    $(".login__container").hide();
    $(".sign__container").show();
    // Off 27.04
    // if (mode === '0') {
    //     $('.back-icon').css({
    //         visibility: 'hidden',
    //     });
    // }
}

function showLoginElements() {
    //Показать кнопку и основную форму
    $(".login__container").show();
    $(".sign__container").hide();
    $(".back-icon").css({
        visibility: "unset",
    });
    $(container).html("");
}

function onClickSendSMS(button) {
    blockButton(button);
    function sendSMS(token = "") {
        if (
            SendToSrv({
                srv: "LGN_send_sms",
                phone: data.phone,
                googleToken: token,
                page: data.page,
                checkExists: 1,
            })
        ) {
            hideLoginElements();
            signUp(1);
            unBlockButton(button);
        } else {
            resetGoogleCaptcha();
            unBlockButton(button);
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                sendSMS(token);
            });
    } else {
        sendSMS();
    }
}

function onInputCheckSmsCode() {
    //Проверка смс кода
    renderGoogleContainer("g-captcha");
    function checkCode(token = "") {
        if (
            SendToSrv({
                srv: "LGN_check_code",
                phone: data.phone,
                code: data.code,
                googleToken: token,
                page: data.page,
            })
        ) {
            removeSmsTimer();
            signUp(2);
        } else {
            resetGoogleCaptcha();
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                checkCode(token);
            });
    } else {
        checkCode();
    }
}

function showOfferta(button) {
    const page = document.querySelector(".page");
    const template = document.querySelector("#offerta").content.cloneNode(true);
    if (LANGUAGE === "kz-KZ") {
        template.querySelector(".modal__offerta-link").href =
            "https://static.sz.kz/docs/oferta_kaz.pdf";
    }
    page.appendChild(template);
    const accept = document.querySelector("#acceptOfferta");
    accept.addEventListener("click", () => {
        onClickCreateLogin(button);
    });
    return;
}

function onClickCreateLogin(button) {
    //Регистрация
    blockButton(button);
    async function createLogin(token = "") {
        const result = await asyncSendToSRV({
            srv: "LGN_new_login",
            phone: data.phone,
            code: data.code,
            password: $(".input_type_newpassword").val(),
            googleToken: token,
            page: data.page,
            email: data.email,
            confirm: 1,
        });
        if (result) {
            if (typeof window.gib !== "undefined") {
                await window.gib.setIdentity(result.gibID);
                console.log(`Send to window.gib.setIdentity(${result.gibId})`);
            }
            _tmr.push({ type: 'reachGoal', id: 3382436, goal: 'vk_registration' });
            fbq("trackCustom", "Registration");
            VK.Retargeting.Init("VK-RTRG-1426386-c6lN");
            VK.Retargeting.Event("registration");
            ttq.instance("CC1KCN3C77U4JJ3BH5I0").track("CompleteRegistration");
            return (location.href = decodeURIComponent(result.url));
        } else {
            resetGoogleCaptcha();
            unBlockButton(button);
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                createLogin(token);
            });
    } else {
        createLogin();
    }
}

function signUp(key) {
    //Функция отрисовки регистрации
    switch (key) {
        case 1:
            if (mode === "1") {
                $(container).html(
                    document
                        .querySelector("#customCheckSMS")
                        .content.cloneNode(true)
                );
            } else {
                $(container).html(
                    document.querySelector("#checkSMS").content.cloneNode(true)
                );
            }
            let userPhoneEnd = data.phone
                .replace(/\s/g, "")
                .substring(data.phone.length, 8);
            $("#subtitleNumber").html("+7 *** *** " + userPhoneEnd);
            addSmsTimer(DEFAULT_SMS_TIME);
            $("#finishCode1").focus();
            $(".input_type_code").on("input", (e) => {
                jumpOnInputs(e); //Таб индекс
                if (
                    $("#finishCode1").val() !== "" &&
                    $("#finishCode2").val() !== "" &&
                    $("#finishCode3").val() !== "" &&
                    $("#finishCode4").val() !== ""
                ) {
                    if (
                        $("#finishCode4").val() !== "" &&
                        $("#finishCode4").focus()
                    ) {
                        $("#finishCode4").blur();
                    }
                    data.code =
                        $("#finishCode1").val() +
                        $("#finishCode2").val() +
                        $("#finishCode3").val() +
                        $("#finishCode4").val();
                    onInputCheckSmsCode();
                }
            });
            $("#resendButton").on("click", function (e) {
                e.preventDefault();
                onClickSendSMS(e.currentTarget);
                addSmsTimer(DEFAULT_SMS_TIME);
            });
            $(".prev-link").on("click", function (e) {
                e.preventDefault();
                showLoginElements();
                removeSmsTimer();
            });
            break;
        case 2:
            $(container).html(
                document.querySelector("#setPass").content.cloneNode(true)
            );
            $(".input_type_newpassword").focus();
            removeSmsTimer();
            $(".prev-link").on("click", function (e) {
                e.preventDefault();
                signUp(1);
            });
            $(".submit-save-password").on("click", function (e) {
                e.preventDefault();
                showOfferta(this);
            });
            break;
        case 3:
            $(".login__container").html(
                document.querySelector("#customMain").content.cloneNode(true)
            );
    }
}

if (mode == 1) {
    signUp(3);
}

function onSubmit(e) {
    e.preventDefault();
    const input = e.target.elements.check_promocod;

    $.ajax({
        url: "https://lotoclub.sz.kz/srvNew",
        type: "POST",
        data: { srv: "pcCheck", pcText: input.value },
        async: true,
        success: function (data) { },
        error: function () { },
        complete: function (res) {
            let msg = res.responseJSON;
            console.log(msg, msg.status);
            if (msg["status"] !== "OK") {
                showError(
                    msg["msg"] ? msg["msg"] : "Что-то пошло не так"
                );
                return;
            }
            if (msg.tmErrorCode) {
                validate(input, msg.msg, msg.tmErrorCode);
            } else {
                window.localStorage.setItem("promocode", input.value);
                data.page = "cHJvZmlsZQ";
                console.log(data.page);
                $(".button-promo").hide();
                $(".check-promocod-button").show();
                hideModal();
            }
        },
    });
}

$("#checkPromoForm").on("submit", onSubmit);

$("#signUpMain").on("submit", function (e) {
    e.preventDefault();
    const button = this.querySelector('[type="submit"]');
    data.phone = $(".input_type_tel").val();
    data.email = $(".input_type_email").val();
    if (checkForm(e.currentTarget)) {
        onClickSendSMS(button);
    }
});

$(".button-promo").click(() => {
    $(".promocode__modal").fadeIn(280);
    setTimeout(() => {
        $(".promocode__modal .modal__content").toggleClass("slide");
    }, 150);
    disableScroll();
});

$(".modal, .modal__close, .modal__close-mobile").on("click", hideModal);

function hideModal() {
    $(".modal__content").removeClass("slide");
    $(".modal").fadeOut(280);
    enableScroll();
    $(".modal .button").each((i, a) => {
        $(a).prop("style", "display: none");
    });
}
$(".modal__content").click((e) => {
    e.stopPropagation();
});