let container;
const data = {
    page: page,
    phone: phone,
    result: {},
    isRender: false,
};

(function () {
    if (data.phone) {
        $("#signInButton").removeAttr("disabled");
        $("#signInButton").addClass("button-active");
    }
    if (+data.page === 1) {
        $("#mainContainer").html(
            document.querySelector("#anotherMainPage").content.cloneNode(true)
        );
    } else {
        $("#mainContainer").html(
            document.querySelector("#mainPage").content.cloneNode(true)
        );
    }
    grecaptcha.ready(() => {
        renderGoogleContainer("main-g-recaptcha");
    });
    container = document.querySelector("#signContainer");
    let isEnabledSocials = false;
    // from here
    for (const key in socials) {
        if (socials[key] !== "") isEnabledSocials = true;
        else $(`[data-social="${key}"]`).hide();
    }
    if (!isEnabledSocials) {
        $(`.dropdown-social`).remove();
    }

    if (localStorage.getItem("promocode")) localStorage.removeItem("promocode");
    // to here

    // socials.map((item) => item.getAttribute('href') === '' ? item.remove() : '');
    // socials.every((item) => item.getAttribute('href') === '' ? document.querySelector('.social-data').remove() : null);
})();

function setPlusIntoInput(input) {
    if (input.value.length === 0) {
        input.value = "+7";
    }
}

function gcCallback(token) {
    return token;
}

function postToSrv(message) {
    //Отправка на сервер запроса
    let res = false;
    $.ajax({
        url: "https://lotoclub.sz.kz/srv",
        async: false,
        type: "POST",
        data: message,
        dataType: "text",
    }).always(function (data, errStatus) {
        var msg = {};
        if (errStatus == "success") msg = uparams(data);
        if (msg["status"] !== "OK") {
            showError(msg["msg"] ? msg["msg"] : "Что-то пошло не так");
            return;
        }
        if (typeof msg["url"] !== "undefined") {
            location.href = decodeURIComponent(msg["url"]);
        }
        res = msg;
    });
    return res;
}

function hideLoginElements() {
    //Спрятать кнопку и основную форму с номером телефона.
    $(".login__container").hide();
    $(".sign__container").removeClass("display--none");
    $(container).show();
    $(".back-icon").css({
        visibility: "hidden",
    });
}

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

function loadPageIfForgotPass() {
    //Если есть переменная forgotPass
    renderGoogleContainer("remember-g-captcha");
    hideLoginElements();
    function forgotPass(token) {
        if (
            SendToSrv({
                srv: "LGN_send_sms",
                phone: data.phone,
                googleToken: token,
            })
        ) {
            signIn(1);
        } else {
            resetGoogleCaptcha();
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                forgotPass(token);
            });
    } else {
        forgotPass();
    }
}

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

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

function onClickCheckPhone() {
    //Проверка телефона
    const button = document
        .querySelector(".setPassword")
        .querySelector('[type="submit"]');
    blockButton(button);
    async function checkPhone(token = "") {
        if (typeof window.gib !== "undefined") {
            await window.gib.setAttribute('checkPhone', `${data.phone}`, {
                memory: false,
                encryption: "sha1"
            })
        }
        let result = postToSrv({
            srv: "LGN_check_phone",
            phone: data.phone,
            page: data.page,
            googleToken: token,
        });
        if (result) {
            hideLoginElements();
            unBlockButton(button);
        } else {
            resetGoogleCaptcha();
            unBlockButton(button);
        }
        if (result && result.isPassword == "1") {
            signIn(3);
        } else if (result && result.isPassword == "0") {
            signIn(1);
            addSmsTimer(DEFAULT_SMS_TIME);
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                checkPhone(token);
            });
    } else {
        checkPhone();
    }
}

function onClickRememberPass() {
    //Нажатие забыли пароль
    renderGoogleContainer("g-captcha");
    function rememberStepOne(token = "") {
        if (
            SendToSrv({
                srv: "LGN_send_sms",
                phone: data.phone,
                googleToken: token,
            })
        ) {
            signIn(1);
            addSmsTimer(60);
        } else {
            resetGoogleCaptcha();
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                rememberStepOne(token);
            });
    } else {
        rememberStepOne();
    }
}

function onClickLogin(button, confirm = 0) {
    blockButton(button); //Проверка логина
    renderGoogleContainer("g-captcha");
    async function login(token = "") {
        const result = await asyncSendToSRV({
            srv: "LGN_login",
            phone: data.phone,
            password: $(".input_type_pass").val(),
            googleToken: token,
            confirm: confirm,
            page: data.page,
        });
        if (result.tmErrorCode && result.tmErrorCode === '3') {
            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", () => {
                onClickLogin(button, 1);
            });
            return;
        }
        if (result) {
            if (typeof window.gib !== "undefined") {
                await window.gib.setIdentity(result.gibID);
                console.log(`Send to window.gib.setIdentity(${result.gibId})`);
            }
            return (location.href = decodeURIComponent(result.url));
        } else {
            if (typeof window.gib !== "undefined") {
                await window.gib.setAttribute('tryLogin', `${data.phone}/${Date.now()}`, {
                    memory: false,
                    encryption: "sha1"
                })
            }
            resetGoogleCaptcha();
            unBlockButton(button);
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                login(token);
            });
    } else {
        login();
    }
}

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

function onClickSetPassword(button) {
    //Установить пароль
    blockButton(button); //Проверка логина
    renderGoogleContainer("g-captcha");
    function setPassword(token = "") {
        if (
            SendToSrv({
                srv: "LGN_set_password",
                phone: data.phone,
                code: data.code,
                password: $(".input_type_newpassword").val(),
                googleToken: token,
                page: data.page,
            })
        ) {
            return;
        } else {
            unBlockButton(button);
        }
    }
    if (recaptchaKey) {
        grecaptcha
            .execute("", { action: "submit" })
            .then(function (token) {
                setPassword(token);
            });
    } else {
        setPassword();
    }
}

function signIn(key) {
    //Функция отрисовки входа
    data.isRender = false;
    switch (key) {
        case 1:
            $(container).html(
                document.querySelector("#checkSMS").content.cloneNode(true)
            );
            let userPhoneEnd = data.phone
                .replace(/\s/g, "")
                .substring(data.phone.length, 8);
            $("#subtitleNumber").html("+7 *** *** " + userPhoneEnd);
            $("#finishCode1").focus();
            $(".input_type_code").on("input", (e) => {
                if (finishCode1.value.length == 4) {
                    let smscode = finishCode1.value;
                    finishCode4.value = smscode[3];
                    finishCode3.value = smscode[2];
                    finishCode2.value = smscode[1];
                    finishCode1.value = smscode[0];
                    finishCode4.focus();
                }
                if (
                    $("#finishCode1").val() !== "" &&
                    $("#finishCode2").val() !== "" &&
                    $("#finishCode3").val() !== "" &&
                    $("#finishCode4").val() !== ""
                ) {
                    data.code =
                        $("#finishCode1").val() +
                        $("#finishCode2").val() +
                        $("#finishCode3").val() +
                        $("#finishCode4").val();
                    onInputCheckSmsCode();
                }
            });
            $(".input_type_code").on("keyup", (e) => {
                jumpOnInputs(e);
            });
            $("#resendButton").on("click", function (e) {
                e.preventDefault();
                onClickRememberPass();
                addSmsTimer(DEFAULT_SMS_TIME);
            });
            $(".prev-link").on("click", function (e) {
                e.preventDefault();
                signIn(3);
                removeSmsTimer();
            });
            break;
        case 2:
            $(container).html(
                document.querySelector("#setPass").content.cloneNode(true)
            );
            $(".input_type_newpassword").focus();
            $(".prev-link").on("click", function (e) {
                e.preventDefault();
                signIn(1);
                addSmsTimer(DYNAMIC_SMS_TIME);
            });
            $(".savepassword").on("submit", function (e) {
                e.preventDefault();
                const button = e.currentTarget.querySelector('[type="submit"]');
                onClickSetPassword(button);
            });
            break;
        case 3:
            $(container).html(
                document
                    .querySelector("#signInTemplate")
                    .content.cloneNode(true)
            );
            $("#loginButton").on("click", function (e) {
                e.preventDefault();
                const button = e.currentTarget;
                onClickLogin(button);
            });
            $("#remindPassButton").on("click", function (e) {
                e.preventDefault();
                onClickRememberPass();
            });
            break;
        default:
            data.phone = $(".input_type_tel").val();
            onClickCheckPhone();
            break;
    }
}

// Вход с паролем или установка пароля
$(".setPassword").submit(function (e) {
    e.preventDefault();
    signIn();
});