(function() {
    const form_js = JSON.parse(`{\"id\":\"8\",\"name\":\"\\u0421\\u043a\\u0430\\u0447\\u0430\\u0442\\u044c \\u043f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0443 \\u043e\\u0431\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f\",\"message_before\":\"\\u041d\\u0430\\u0436\\u043c\\u0438\\u0442\\u0435 \\u0414\\u0430\\u043b\\u0435\\u0435 \\u0447\\u0442\\u043e\\u0431\\u044b \\u043f\\u043e\\u043b\\u0443\\u0447\\u0438\\u0442\\u044c \\u0430\\u043a\\u0442\\u0443\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u043f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0443 \\u043e\\u0431\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f\",\"message_after\":\"\\u041e\\u0442\\u043b\\u0438\\u0447\\u043d\\u043e!<br>\\r\\n\\u041a\\u0441\\u0442\\u0430\\u0442\\u0438, \\u043c\\u044b \\u0430\\u043a\\u0442\\u0438\\u0432\\u0438\\u0440\\u043e\\u0432\\u0430\\u043b\\u0438 \\u0432\\u0430\\u043c \\u043e\\u0434\\u0438\\u043d \\u0442\\u0440\\u0435\\u043d\\u0438\\u043d\\u0433, \\u0447\\u0442\\u043e\\u0431\\u044b \\u0432\\u044b \\u043f\\u043e\\u043f\\u0440\\u043e\\u0431\\u043e\\u0432\\u0430\\u043b\\u0438 \\u0431\\u0435\\u0441\\u043f\\u043b\\u0430\\u0442\\u043d\\u043e. \\u0414\\u0430, \\u043e\\u043d \\u0441\\u0438\\u043b\\u044c\\u043d\\u043e \\u043e\\u0442\\u043b\\u0438\\u0447\\u0430\\u0435\\u0442\\u0441\\u044f \\u043e\\u0442 \\u043d\\u0430\\u0448\\u0438\\u0445 \\u043f\\u043b\\u0430\\u0442\\u043d\\u044b\\u0445 \\u0442\\u0440\\u0435\\u043d\\u0438\\u043d\\u0433\\u043e\\u0432, \\u043d\\u043e \\u0434\\u043b\\u044f \\u0441\\u0442\\u0430\\u0440\\u0442\\u0430 \\u043e\\u0447\\u0435\\u043d\\u044c \\u043c\\u043d\\u043e\\u0433\\u0438\\u043c \\u0445\\u0432\\u0430\\u0442\\u0430\\u0435\\u0442 \\u0438 \\u0435\\u0433\\u043e.\",\"message_from_admin\":\"\\u0414\\u043e\\u0431\\u0440\\u044b\\u0439 \\u0434\\u0435\\u043d\\u044c. <Br>\\r\\n\\u042d\\u0442\\u043e \\u0447\\u0430\\u0442 \\u0441 \\u0430\\u0434\\u043c\\u0438\\u043d\\u0438\\u0441\\u0442\\u0440\\u0430\\u0442\\u043e\\u0440\\u043e\\u043c \\u0446\\u0435\\u043d\\u0442\\u0440\\u0430.\\r\\n\\u0421\\u044e\\u0434\\u0430 \\u0432\\u044b \\u043c\\u043e\\u0436\\u0435\\u0442\\u0435 \\u0437\\u0430\\u0434\\u0430\\u0432\\u0430\\u0442\\u044c \\u043e\\u0431\\u0449\\u0438\\u0435 \\u0432\\u043e\\u043f\\u0440\\u043e\\u0441\\u044b \\u043f\\u043e \\u043e\\u0431\\u0443\\u0447\\u0435\\u043d\\u0438\\u044e.\",\"questions\":\"43,39,42\",\"trainings\":\"77\",\"is_create_lead\":\"1\",\"is_notificate\":\"1\",\"questions_data\":[{\"id\":\"43\",\"name\":\"\\u041f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0443 \\u043e\\u0431\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u043a\\u0430\\u043a\\u043e\\u0433\\u043e \\u043a\\u0443\\u0440\\u0441\\u0430 \\u0438\\u043b\\u0438 \\u043f\\u0440\\u043e\\u0444\\u0435\\u0441\\u0441\\u0438\\u0438 \\u0432\\u0430\\u043c \\u0432\\u044b\\u0441\\u043b\\u0430\\u0442\\u044c?\",\"type\":\"1\",\"answers\":\"\\u0412\\u0435\\u0431-\\u043f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0438\\u0441\\u0442 \\u0441 \\u043d\\u0443\\u043b\\u044f \\u0434\\u043e \\u0442\\u0440\\u0443\\u0434\\u043e\\u0443\\u0441\\u0442\\u0440\\u043e\\u0439\\u0441\\u0442\\u0432\\u0430|\\r\\n\\u0412\\u0435\\u0431-\\u043f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0438\\u0441\\u0442 1-\\u0439 \\u0443\\u0440\\u043e\\u0432\\u0435\\u043d\\u044c|\\r\\n\\u0412\\u0435\\u0431-\\u043f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0438\\u0441\\u0442 2-\\u0439 \\u0443\\u0440\\u043e\\u0432\\u0435\\u043d\\u044c|\\r\\n\\u0412\\u0435\\u0431-\\u043f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0438\\u0441\\u0442 3-\\u0439 \\u0443\\u0440\\u043e\\u0432\\u0435\\u043d\\u044c|\\r\\n\\u0412\\u0435\\u0440\\u0441\\u0442\\u0430\\u043b\\u044c\\u0449\\u0438\\u043a \\u0441\\u0430\\u0439\\u0442\\u043e\\u0432|\\r\\n\\u0412\\u0435\\u0431-\\u0440\\u0430\\u0437\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u043e\\u0442 \\u0410 \\u0434\\u043e \\u042f|\\r\\n\\u0412\\u0435\\u0431-\\u0434\\u0438\\u0437\\u0430\\u0439\\u043d\\u0435\\u0440|\\r\\n\\u0410\\u043a\\u043a\\u0430\\u0443\\u043d\\u0442-\\u043c\\u0435\\u043d\\u0435\\u0434\\u0436\\u0435\\u0440|\\u041f\\u0440\\u043e\\u0435\\u043a\\u0442-\\u043c\\u0435\\u043d\\u0435\\u0434\\u0436\\u0435\\u0440|\\u041f\\u0440\\u043e\\u0434\\u0430\\u043a\\u0442-\\u043c\\u0435\\u043d\\u0435\\u0434\\u0436\\u0435\\u0440|\\r\\n\\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u0438\\u0441\\u0442 \\u043f\\u043e \\u0441\\u043e\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u043c \\u0441\\u0435\\u0442\\u044f\\u043c|\\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u0438\\u0441\\u0442 \\u043f\\u043e \\u043a\\u043e\\u043d\\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0439 \\u0440\\u0435\\u043a\\u043b\\u0430\\u043c\\u0435|\\u0422\\u0430\\u0440\\u0433\\u0435\\u0442\\u043e\\u043b\\u043e\\u0433|\\u0418\\u043d\\u0442\\u0435\\u0440\\u043d\\u0435\\u0442-\\u043c\\u0430\\u0440\\u043a\\u0435\\u0442\\u043e\\u043b\\u043e\\u0433|\\r\\n\\u0421\\u0442\\u043e\\u0440\\u0438\\u0437-\\u043c\\u0435\\u0439\\u043a\\u0435\\u0440|\\u0412\\u0435\\u0431-\\u0430\\u043d\\u0430\\u043b\\u0438\\u0442\\u0438\\u043a|\\u0420\\u0430\\u0437\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0441\\u0430\\u0439\\u0442\\u043e\\u0432 \\u043d\\u0430 Tilda|\\u0420\\u0430\\u0437\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0441\\u0430\\u0439\\u0442\\u043e\\u0432 \\u043d\\u0430 1c-\\u0411\\u0438\\u0442\\u0440\\u0438\\u043a\\u0441\\r\\n\",\"need_own_variant\":\"1\"},{\"id\":\"39\",\"name\":\"\\u041a\\u0430\\u043a\\u0438\\u0435 \\u0443 \\u0432\\u0430\\u0441 \\u0435\\u0441\\u0442\\u044c \\u0432\\u043e\\u043f\\u0440\\u043e\\u0441\\u044b?\",\"type\":\"3\",\"answers\":\"\",\"need_own_variant\":\"0\"},{\"id\":\"42\",\"name\":\"\\u041a\\u0443\\u0434\\u0430 \\u0432\\u044b \\u0445\\u043e\\u0442\\u0438\\u0442\\u0435 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0438\\u0442\\u044c \\u043e\\u0442\\u0432\\u0435\\u0442\\u044b \\u043d\\u0430 \\u0441\\u0432\\u043e\\u0438 \\u0432\\u043e\\u043f\\u0440\\u043e\\u0441\\u044b?\",\"type\":\"2\",\"answers\":\"\\u041f\\u043e \\u0442\\u0435\\u043b\\u0435\\u0444\\u043e\\u043d\\u0443|\\u041d\\u0430 \\u0435\\u043c\\u0435\\u0439\\u043b|\\u0412 \\u0442\\u0435\\u043b\\u0435\\u0433\\u0440\\u0430\\u043c|\\u0412 \\u0432\\u0430\\u0439\\u0431\\u0435\\u0440|\\u0412 \\u0432\\u043e\\u0442\\u0441\\u0430\\u043f|\\u0412 \\u043e\\u0444\\u0438\\u0441\\u0435\",\"need_own_variant\":\"1\"}]}`);
    let random_id = `04debeeed0ec4dd0908df1cd73885cb0`; // случайный id для обращения скрипта к конкретно этой форме
    let main_site_url = `https://znanieetosila.ru`; // url сайта zn
    let site_url = window.location.origin; // url текущего сайта
    const type_form = +`8`; // тип формы менять (отправляется на сервер потом)
    let isAuth = false;
    let yandexClientID = '0';
    let sendedResult = false;
    const currentScript = document.currentScript;

    let current_question = 1;
    let q_template = '';
    form_js.questions_data.forEach((q, index) => q_template += generateQuestion(q, index));

    const promise_keys = { 'PROMISE_AUTH': 0, 'PROMISE_YANDEX_CLIENT': 1 };
    // дождиаемся нужных проверок и данных
    Promise.all([checkAuth(), getYandexClient()]).then((promise_data) => {
        isAuth = promise_data[promise_keys.PROMISE_AUTH];
        yandexClientID = promise_data[promise_keys.PROMISE_YANDEX_CLIENT];

        // шаблон формы 
        let template_form = `
            <div data-step-id="1" class="${isAuth ? 'd-none step-form' : 'step-form'}">
                <div id="alert_${random_id}"></div>
                <form id="form_${random_id}" method="POST" class="fast-reg-form">                
                    <label>
                        <div class="label">Ваше имя и фамилия</div>
                        <div class="error-block d-none" data-error-block="name">Минимум 3 буквы</div>
                        <input class="input" type="text" placeholder="Введите имя и фамилию" name="name">
                    </label>
                    <label>
                        <div class="label">Ваш телефон</div>
                        <div class="error-block d-none" data-error-block="phone"> Телефон должен начинаться с +, без тире, скобок и пробелов. Пример: +79637385581. </div>
                        <input class="input" type="text" placeholder="Введите телефон" name="phone">
                    </label>
                    <label>
                        <div class="label">Ваш email</div>
                        <div class="error-block d-none" data-error-block="email">Непрваильный email. Пример: test@mail.ru</div>
                        <input class="input" type="email" placeholder="Введите email" name="email">
                    </label>            
                    <input class="btn" type="submit" value="Далее">
                </form>  
                <form id="form_login_${random_id}" method="POST" class="d-none">
                    <label>
                        <div class="label">Ваш email</div>
                        <div class="error-block d-none" data-error-block="login_email">Непрваильный email. Пример: test@mail.ru</div>
                        <input class="input" type="email" placeholder="Введите email" name="login_email">
                    </label>
                    <label>
                        <div class="label">Ваш пароль</div>
                        <div class="error-block d-none" data-error-block="login_password">Пароль не может быть пустым</div>
                        <input class="input" type="password" placeholder="Введите пароль" name="login_password">
                    </label> 
                    <label class="label"><a data-forget-link="1" href="#">Забыл пароль</a></label> 
                    <input class="btn" type="submit" value="Далее">                  
                </form>
                <form id="form_reset_${random_id}" method="POST" class="d-none">
                    <h5>Восстановление пароля</h5>
                    <label><div class="label"><input checked type="radio" name="reset_type" value="1"> с помощью email</div></label>
                    <label><div class="label"><input type="radio" name="reset_type" value="2"> с помощью телефона</div></label>
                    <label data-input-reset-block="1">
                        <div class="error-block d-none" data-error-block="reset_email">Невалидный email. Пример: test@mail.ru</div>
                        <input class="input" type="email" placeholder="Введите email, на него придет новый пароль" name="reset_email">
                    </label>
                    <label class="info d-none">
                        <ol>
                            <li>Перейди по <a target="_blank" href="https://t.me/ZnanieNotifierBot">этой ссылке</a> или
                                найди бота <b>ZnanieNotifierBot</b></li>
                            <li>Нажми старт или напиши боту <b>/start</b></li>
                            <li>В верхнем меню бота нажми <b>поделиться телефоном</b></li>
                            <li>Если все верно, бот отправит новый пароль</li>
                        </ol>
                    </label>
                    <input class="btn" type="submit" value="Далее">
                </form>                 
            </div>

            <div data-step-id="2" class="${!isAuth ? 'd-none step-form' : 'step-form'}">
                <div>${form_js.message_before}</div>
                <a data-btn-to-questions="1" href="#" class="btn">Далее</a>
            </div>
            <div data-step-id="3" class="d-none step-form">
                ${q_template}
                <div class="label"><div class="error-block d-none" data-error-block="form-questions"></div></div>
                <div class="d-flex">
                    <div><a data-btn-next-questions="1" href="#" class="btn">Далее</a></div>
                    <div class="counts-questions" data-counts-questions="1">1 / ${form_js.questions_data.length}</div>
                </div>
            </div> 
            <div data-step-id="4" class="d-none step-form">
                <div>${form_js.message_after}</div>
                <a data-btn-go-training="1" href="#" class="btn">Перейти к обучению</a>
            </div>           
        `;

        // стили для формы
        let template_styles = `
            <style>
                #form_${random_id}, #form_login_${random_id}, #form_reset_${random_id} { 
                    display: flex; 
                    flex-direction: column; 
                    max-width: 100%; 
                    padding: 5px; 
                    margin: 0px; 
                    font-family: sans-serif; 
                    font-size: 10px; 
                }

                .d-none { display: none ; }
                .counts-questions {color:grey;color:#80808099;}
                #form_${random_id} .error-block, 
                #form_login_${random_id} .error-block, 
                #form_reset_${random_id} .error-block { color: red; font-size: 18px; }
                #alert_${random_id} { 
                    max-width: 100%; 
                    padding: 10px 15px; 
                    margin: 0px; 
                    margin-bottom: 10px; 
                    margin-top: 10px; 
                    font-family: sans-serif; 
                    font-size: 18px; 
                    border: 1px solid lightgray;
                    border-radius: 3px;
                    display: none;
                }

                #form_reset_${random_id} .info {
                    background-color: #cff4fc;
                    color: #055160;
                    padding: 10px 15px;
                    border-radius: 3px;
                    font-size: 1rem;
                    margin-bottom: 10px;
                }

                #alert_${random_id}.success { 
                    display: block;
                    color: #0f5132;
                    background-color: #d1e7dd;
                }

                #alert_${random_id}.danger { 
                    display: block;
                    color: #842029;
                    background-color: #f5c2c7;
                }
                .step-form .d-flex { display: flex; width: 100%; align-items: center; justify-content: space-between; }
                .step-form .label, .step-form .label textarea, .step-form .label .input { width: 100%; }
                .step-form .label .error-block { color: red; font-weight: bold; }
                #form_${random_id} .label, #form_login_${random_id} .label, 
                #form_reset_${random_id} .label { font-size: 1.2rem; margin-bottom: 5px; }
                #form_${random_id} .btn, #form_login_${random_id} .btn, 
                #form_reset_${random_id} .btn, .step-form .btn { 
                    font-size: 1rem; 
                    border-radius: 3px; 
                    padding: 5px 10px; 
                    background-color: #0d6efd; 
                    border: none; 
                    color: white; 
                    cursor: pointer; 
                    display: inline-block;
                    min-width: 100px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    text-decoration: none;
                }

                #form_${random_id} .btn:hover, #form_login_${random_id} .btn:hover, 
                #form_reset_${random_id} .btn:hover { background-color: #4d6efd; }
                #form_${random_id} .input, #form_login_${random_id} .input, #form_reset_${random_id} .input { 
                    display: block; 
                    width: 100%; 
                    margin-bottom: 10px; 
                    padding: 5px; 
                    font-size: 1rem; 
                    border: 1px solid gray;
                    border-radius: 3px;
                }
            </style>    
        `;

        // Создаем элемент для вставки
        const form_wrapper = document.createElement('div');
        form_wrapper.innerHTML = template_form + template_styles;
        
        // js логика
        const form_element = form_wrapper.querySelector(`#form_${random_id}`);
        const form_login_element = form_wrapper.querySelector(`#form_login_${random_id}`);
        const form_reset_element = form_wrapper.querySelector(`#form_reset_${random_id}`);
        const forget_link_element = form_login_element.querySelector(`[data-forget-link="1"]`);
        const to_questions_element = form_wrapper.querySelector(`[data-btn-to-questions="1"]`);
        const next_question_element = form_wrapper.querySelector(`[data-btn-next-questions="1"]`);
        const to_trainings_element = form_wrapper.querySelector(`[data-btn-go-training="1"]`);
        const counts_questions_element = form_wrapper.querySelector(`[data-counts-questions="1"]`);
        const step_2_element = form_wrapper.querySelector(`[data-step-id="2"]`);
        const step_3_element = form_wrapper.querySelector(`[data-step-id="3"]`);
        const step_4_element = form_wrapper.querySelector(`[data-step-id="4"]`);
        const alert_element = form_wrapper.querySelector(`#alert_${random_id}`);
        const questions_elements = form_wrapper.querySelectorAll(`.question-form-block`);
        
        form_element.addEventListener('submit', event => handleSubmitForm(event, alert_element, form_login_element));
        form_login_element.addEventListener('submit', event => handleSubmitLoginForm(event, alert_element));
        form_reset_element.addEventListener('submit', event => handleSubmitResetForm(event, alert_element, form_login_element));
        forget_link_element.addEventListener('click', event => handleForgetLink(event, form_reset_element, form_login_element, alert_element));
        to_questions_element.addEventListener('click', event => handleToQuestions(event, step_2_element, step_3_element));
        next_question_element.addEventListener('click', event => handleNextQuestion(event, questions_elements, step_3_element, step_4_element, counts_questions_element, form_wrapper));
        to_trainings_element.addEventListener('click', handleGoTrainings);

        // Вставляем форму после <script>
        currentScript.insertAdjacentElement('afterend', form_wrapper);  

        // обработчики на поля
        const fields = getFormFields(form_element);
        const fields_login = getFormFields(form_login_element);
        const fields_reset = getFormFields(form_reset_element);
        fields.forEach(field => {
            field.addEventListener('input', event => inputFormHandler(event, form_element));
        });

        fields_login.forEach(field => {
            field.addEventListener('input', event => inputFormHandler(event, form_login_element));
        });

        fields_reset.forEach(field => {
            const field_type = field.getAttribute('type');
            if(field_type === 'radio') {
                field.addEventListener('change', event => inputResetTypeHandler(event, form_reset_element));
            } else {
                field.addEventListener('input', event => inputFormHandler(event, form_reset_element));
            }
        });
    });

    function handleGoTrainings(event) {
        event.preventDefault();
        event.stopPropagation();
        window.location.href = `${main_site_url}/profile/start`;
    }

    function generateQuestion(q, index) {
        let q_type = +q.type;
        let q_variants = q.answers.split('|');
        let template_variants = '';


        q_variants.forEach((q_variant, q_index) => {
            if(q_type === 1) { // чекбоксы
                template_variants += `
                    <div class="question-form">
                        <label class="label">
                            <input type="checkbox" name="q_${q.id}" value="${q_index}">
                            ${q_variant}
                        </label>
                    </div>
                `;

                if(+q.need_own_variant && (+q_index === +q_variants.length - 1)) {
                    template_variants += `
                        <div class="question-form">
                            <label class="label">
                                <input type="checkbox" data-question-variant-type="own" value="own">
                                Свой вариант
                                <div><input data-question-input-type="own" placeholder="Напишите свой вариант" class="input" type="text"></div>
                            </label>
                        </div>
                    `;
                }
            }

            if(q_type === 2) { // радио
                template_variants += `
                    <div class="question-form">
                        <label class="label">
                            <input type="radio" name="q_${q.id}" value="${q_index}">
                            ${q_variant}
                        </label>
                    </div>
                `;

                if(+q.need_own_variant && (+q_index === +q_variants.length - 1)) {
                    template_variants += `
                        <div class="question-form">
                            <label class="label">
                                <input type="radio" data-question-variant-type="own" name="q_${q.id}" value="own">
                                Свой вариант
                                <div><input data-question-input-type="own" placeholder="Напишите свой вариант" class="input" type="text"></div>
                            </label>
                        </div>
                    `;
                }
            }
        });

        if(q_type === 3) { // текстареа
            template_variants += `
                <div class="question-form">
                    <label class="label">
                        <textarea class="input"></textarea>
                    </label>
                </div>
            `;          
        }
    

        let template = `
            <div 
                data-question-type="${q_type}"
                data-question-index="${index + 1}" 
                class="question-form-block ${index !== 0 ? 'd-none' : ''}" 
                data-form-question-id="${q.id}">
                <h5>${q.name}</h5>
                ${template_variants}
            </div>
        `;

        return template;
    }

    function handleNextQuestion(event, questions_elements, step_3_element, step_4_element, counts_questions_element, form_wrapper) {
        event.preventDefault();
        event.stopPropagation();
        const count_q = +questions_elements.length;
        const current_question_element = form_wrapper.querySelector(`[data-question-index="${current_question}"]`);
        const next_question_element = form_wrapper.querySelector(`[data-question-index="${current_question + 1}"]`);
        const type_q = +current_question_element.getAttribute('data-question-type');
        const error_block = step_3_element.querySelector('[data-error-block="form-questions"]');
        let can_next = false;

        if(type_q === 1) {
            const inputs = current_question_element.querySelectorAll('input[type="checkbox"]');
            inputs.forEach(input => {
                if(input.checked) {
                    can_next = true;
                }
            });
        }

        if(type_q === 2) {
            const inputs = current_question_element.querySelectorAll('input[type="radio"]');
            inputs.forEach(input => {
                if(input.checked) {
                    can_next = true;
                }
            });
        }

        if(type_q === 3) { 
            can_next = true; 
        }
        
        if(can_next) {
            error_block.classList.add('d-none');
            error_block.innerHTML = '';

            if(current_question < count_q) {
                current_question_element.classList.add('d-none');
                next_question_element.classList.remove('d-none');
                current_question++;
                counts_questions_element.innerHTML = `${current_question} / ${count_q}`;
            } else {
                step_3_element.classList.add('d-none');
                step_4_element.classList.remove('d-none');
                sendMainFormData(step_3_element);
            }
        } else {
            if(type_q === 1) {
                error_block.innerHTML = 'Нужно выбрать минимум 1 вариант';
            }

            if(type_q === 2) {
                error_block.innerHTML = 'Выберите один из вариантов';
            }

            error_block.classList.remove('d-none');
        }
    }

    function handleToQuestions(event, step_2_element, step_3_element) {
        event.preventDefault();
        event.stopPropagation();
        step_2_element.classList.add('d-none');
        step_3_element.classList.remove('d-none');
    }

    function handleForgetLink(event, form_reset_element, form_login_element, alert_element) {
        event.preventDefault();
        event.stopPropagation();
        form_reset_element.classList.remove('d-none');
        form_login_element.classList.add('d-none');
        showHideAlert(alert_element, false, '');
    }

    function inputResetTypeHandler(event, form_reset_element) {
        const reset_type = +event.target.value;
        const info_block = form_reset_element.querySelector('.info');
        const email_input_block = form_reset_element.querySelector('[data-input-reset-block="1"]');
        
        if(reset_type === 1) {
            info_block.classList.add('d-none');
            email_input_block.classList.remove('d-none');
        }

        if(reset_type === 2) {
            info_block.classList.remove('d-none');
            email_input_block.classList.add('d-none');            
        }
    }

    function getYandexClient() {
        let count = 0;
        // console.log('here');
        return new Promise((resolve) => {
            if(site_url === main_site_url) {
                let ee = setInterval(function () {
                    count++;
                    if (typeof yaCounter42060099 != 'undefined') {         
                        clearInterval(ee);
                        resolve(yaCounter42060099.getClientID());
                    }
                    if(count > 8) {
                        clearInterval(ee);
                        console.warn('Что-то не так с яндекс метрикой (возможно медленный интернет)');
                        resolve(0);
                    }
                }, 1000);   
            } else {
                resolve(0);
            }
        });
    }

    // Проверка авторизации
    async function checkAuth() {
        let isAuth = false;

        const response = await fetch(`${main_site_url}/forms/check_auth`, {
            credentials: 'include',
            method: 'POST',
            headers: {
                'Content-Type': 'application/json;'
            },
            body: JSON.stringify({
                type_form,
                from_url: window.location.href,
                client_id: yandexClientID
            })
        });

        isAuth = await response.text();
        return +isAuth;
    }

    // фалидация mail
    function validateEmail(email) {
        return /^([A-Z|a-z|0-9](\.|_){0,1})+[A-Z|a-z|0-9]\@([A-Z|a-z|0-9])+((\.){0,1}[A-Z|a-z|0-9]){2}\.[a-z]{2,3}$/gm.test(email) || /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(email);
    }

    // Валидация телефона
    function validatePhone(phone) {
        var formattedPhone = (phone.replace(/[^+0-9]/g, '')).trim();
        return formattedPhone.substr(0, 1) === '+' && (formattedPhone.length === 12 || formattedPhone.length === 13)
    }

    // Валидация имени
    function validateName(name) {
        return name.trim().length >= 3;
    }

    // Валидация пароля
    function validatePassword(password) {
        return password.trim().length;
    }

    // валидация формы
    function validateForm(data) {
        let isPhoneValid = validatePhone(data.phone);
        let isNameValid = validateName(data.name);
        let isEmailValid = validateEmail(data.email);

        let error = {};
        let isValid = isPhoneValid && isNameValid && isEmailValid;

        if(!isEmailValid) {
            error['email'] = 1;
        }

        if(!isPhoneValid) {
            error['phone'] = 1;
        }

        if(!isNameValid) {
            error['name'] = 1;
        }

        return {
            isValid,
            error
        };
    }

    function validateLoginForm(data) {
        let isEmailValid = validateEmail(data.login_email);
        let isPasswordValid = validatePassword(data.login_password);

        let error = {};
        let isValid = isEmailValid && isPasswordValid;

        if(!isEmailValid) {
            error['login_email'] = 1;
        }

        if(!isPasswordValid) {
            error['login_password'] = 1;
        }

        return {
            isValid,
            error
        };
    } 
    
    function validateResetForm(data) {
        let isEmailValid = validateEmail(data.reset_email);

        let error = {};
        let isValid = isEmailValid;

        if(!isEmailValid) {
            error['reset_email'] = 1;
        }

        return {
            isValid,
            error
        };
    }     

    async function handleSubmitResetForm(event, alert_element, form_login_element) {
        event.preventDefault();
        event.stopPropagation();
        const reset_type = +event.target.querySelector('[name="reset_type"]:checked').value;

        const fields = getFormFields(event.target);
        const formData = getFormData(fields);
        const validatedForm = reset_type === 1 ? validateResetForm(formData) : { isValid: true, error: {} };

        if(validatedForm.isValid) {
            if(reset_type === 1) {
                const response = await sendDataResetForm(formData);
                if(!response.status || response.status === 404) {
                    showHideAlert(alert_element, false, response.message || 'Что-то пошло не так');
                    return;
                }

                if(response.status === 200) {
                    form_login_element.classList.remove('d-none');
                    event.target.classList.add('d-none');
                    showHideAlert(alert_element, true, 'Пароль отправлен на указанную почту.');
                }

                if(response.status === 401) {
                    showHideAlert(alert_element, false, response.message || 'Что-то пошло не так');
                }
            }

            if(reset_type === 2) {
                form_login_element.classList.remove('d-none');
                event.target.classList.add('d-none');
                showHideAlert(alert_element, true, 'Войдите с новым паролем.');
            }
        } else {
            showFieldErrors(validatedForm.error, event.target);
        }

    }

    // обработка submit первой формы на первом шаге
    async function handleSubmitForm(event, alert_element, form_login_element) {
        event.preventDefault();
        event.stopPropagation();
        const fields = getFormFields(event.target);
        const formData = getFormData(fields);
        const validatedForm = validateForm(formData);

        if(validatedForm.isValid) {
            const response = await sendDataFirstForm(formData);

            if(!response.status || response.status === 404) {
                showHideAlert(alert_element, false, response.message || 'Что-то пошло не так');
                return;
            }

            const step_1 = event.target.closest('[data-step-id="1"]');
            const step_2 = step_1.parentElement.querySelector('[data-step-id="2"]');

            if(response.status === 201) { // создан пользователь
                showHideAlert(alert_element, false, '');
                step_1.classList.add('d-none');
                step_2.classList.remove('d-none');
               // ym(42060099,'reachGoal','reg'); //достижение цели в яндекс.метрику Регистрация
               // console.log('Достижение цели reg');
            }

            if(response.status === 409) { // пользователь существует
                showHideAlert(alert_element, true, 'Вы уже у нас зарегистрированы');
                event.target.classList.add('d-none');
                form_login_element.classList.remove('d-none');
            }
        } else {
            showFieldErrors(validatedForm.error, event.target);
        }
    }

    // обработка submit первой формы на первом шаге
    async function handleSubmitLoginForm(event, alert_element) {
        event.preventDefault();
        event.stopPropagation();
        const fields = getFormFields(event.target);
        const formData = getFormData(fields);
        const validatedForm = validateLoginForm(formData);

        if(validatedForm.isValid) {
            const response = await sendDataLoginForm(formData);

            if(!response.status || response.status === 404) {
                showHideAlert(alert_element, false, response.message || 'Что-то пошло не так');
                return;
            }

            const step_1 = event.target.closest('[data-step-id="1"]');
            const step_2 = step_1.parentElement.querySelector('[data-step-id="2"]');

            if(response.status === 200) {
                showHideAlert(alert_element, false, '');
                step_1.classList.add('d-none');
                step_2.classList.remove('d-none');
            }

            if(response.status === 401) {
                showHideAlert(alert_element, false, response.message || 'Что-то пошло не так');
            }
        } else {
            showFieldErrors(validatedForm.error, event.target);
        }
    }    

    // для загрузки скриптов
    function loadScript(url) {
        return new Promise((resolve) => {
            let head = document.getElementsByTagName('head')[0];
            let script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = url;
     
            script.onreadystatechange = resolve('Success!');
            script.onload = resolve('Success!');
            head.appendChild(script);
        });
    }    

    function inputFormHandler(event, form) {
        const value = event.target.value.trim();
        const type = event.target.getAttribute('name');

        if(type === 'name') {
            const name_error_block = form.querySelector('[data-error-block="name"]');
            if(validateName(value)) {
                name_error_block.classList.add('d-none');
            } else {
                name_error_block.classList.remove('d-none');
            }
        }

        if(type === 'phone') {
            const phone_error_block = form.querySelector('[data-error-block="phone"]');
            if(validatePhone(value)) {
                phone_error_block.classList.add('d-none');
            } else {
                phone_error_block.classList.remove('d-none');
            }
        }

        if(type === 'email') {
            const email_error_block = form.querySelector('[data-error-block="email"]');
            if(validateEmail(value)) {
                email_error_block.classList.add('d-none');
            } else {
                email_error_block.classList.remove('d-none');
            }
            event.target.value = value.toLowerCase();
        }

        if(type === 'login_email') {
            const email_error_block = form.querySelector('[data-error-block="login_email"]');
            if(validateEmail(value)) {
                email_error_block.classList.add('d-none');
            } else {
                email_error_block.classList.remove('d-none');
            }
            event.target.value = value.toLowerCase();;
        }

        if(type === 'reset_email') {
            const email_error_block = form.querySelector('[data-error-block="reset_email"]');
            if(validateEmail(value)) {
                email_error_block.classList.add('d-none');
            } else {
                email_error_block.classList.remove('d-none');
            }
            event.target.value = value.toLowerCase();;
        }

        if(type === 'login_password') {
            const password_error_block = form.querySelector('[data-error-block="login_password"]');
            if(validatePassword(value)) {
                password_error_block.classList.add('d-none');
            } else {
                password_error_block.classList.remove('d-none');
            }
            event.target.value = value;
        }
    }

    function showFieldErrors(error, form) {
        const email_error_block = form.querySelector('[data-error-block="email"]');
        const email_login_error_block = form.querySelector('[data-error-block="login_email"]');
        const email_reset_error_block = form.querySelector('[data-error-block="reset_email"]');
        const password_login_error_block = form.querySelector('[data-error-block="login_password"]');
        const phone_error_block = form.querySelector('[data-error-block="phone"]');
        const name_error_block = form.querySelector('[data-error-block="name"]');

        if(error.email) {
            email_error_block.classList.remove('d-none');
        } else {
            if(email_error_block) {
                email_error_block.classList.add('d-none');
            }
        }

        if(error.login_email) {
            email_login_error_block.classList.remove('d-none');
        } else {
            if(email_login_error_block) {
                email_login_error_block.classList.add('d-none');
            }
        }

        if(error.reset_email) {
            email_reset_error_block.classList.remove('d-none');
        } else {
            if(email_reset_error_block) {
                email_reset_error_block.classList.add('d-none');
            }
        }

        if(error.login_password) {
            password_login_error_block.classList.remove('d-none');
        } else {
            if(password_login_error_block) {
                password_login_error_block.classList.add('d-none');
            }
        }

        if(error.phone) {
            phone_error_block.classList.remove('d-none');
        } else {
            if(phone_error_block) {
                phone_error_block.classList.add('d-none');
            }
        }

        if(error.name) {
            name_error_block.classList.remove('d-none');
        } else {
            if(name_error_block) {
                name_error_block.classList.add('d-none');
            }
        }
    }

    // скрыть / показать уведомление
    function showHideAlert(alert_element, show, message) {
        if(!message) {
            alert_element.innerHTML = '';
            alert_element.classList.add('d-none');
        } else {
            alert_element.classList.remove('d-none');
            if(show) {
                alert_element.classList.remove('danger');
                alert_element.classList.add('success');
                alert_element.innerHTML = message;
            } else {
                alert_element.classList.add('danger');
                alert_element.classList.remove('success');
                alert_element.innerHTML = message;
            }
        }
    }

    // Отправляем результат формы
    async function sendMainFormData(step_3_element) {
        if(sendedResult === false) {
            sendedResult = true;
            let formData = {
                type_form: type_form,
                from_url: window.location.href,
                client_id: yandexClientID,
                answers: []
            };

            const questions_blocks = step_3_element.querySelectorAll('.question-form-block');

            questions_blocks.forEach(q_block => {
                const q_id = +q_block.getAttribute('data-form-question-id');
                const q_type = +q_block.getAttribute('data-question-type');

                if(q_type === 1) {
                    const own_checkbox = q_block.querySelector('[data-question-variant-type="own"]');
                    const own_input_block = q_block.querySelector('[data-question-input-type="own"]');
                    let own_text = '';
                    let answers = [];
                    
                    if(own_checkbox && own_checkbox.checked) {
                        own_text = own_input_block.value.trim();
                    }

                    const inputs = q_block.querySelectorAll('input[type="checkbox"]');
                    inputs.forEach(input => {
                        if(input.checked) {
                            answers.push(input.value);
                        }
                    })

                    formData.answers.push({
                        q_id,
                        answers,
                        text: '',
                        own_text                    
                    });
                }

                if(q_type === 2) {
                    const own_radio = q_block.querySelector('[data-question-variant-type="own"]');
                    const own_input_block = q_block.querySelector('[data-question-input-type="own"]');
                    let own_text = '';
                    let answers = [];
                    
                    if(own_radio && own_radio.checked) {
                        own_text = own_input_block.value.trim();
                    }

                    const inputs = q_block.querySelectorAll('input[type="radio"]');
                    inputs.forEach(input => {
                        if(input.checked) {
                            answers.push(input.value);
                        }
                    })

                    formData.answers.push({
                        q_id,
                        answers,
                        text: '',
                        own_text                    
                    });
                }            

                if(q_type === 3) {
                    const textarea = q_block.querySelector('textarea');

                    formData.answers.push({
                        q_id,
                        answers: [],
                        text: textarea.value.trim(),
                        own_text: ''
                    });
                }
            });

            const url = `${main_site_url}/forms/result`;

            const response = await fetch(url, {
                credentials: 'include',
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json;'
                },
                body: JSON.stringify(formData)
            });
            
            console.log('formDataMAIN', formData);
            console.log('forTestresult', formData.answers);
            
            const result = await response.json();
            // console.log('resultMAIN', result);
        }
    }

    // отправка данных с первой формы на первом шаге
    async function sendDataFirstForm(data) {
        data.type_form = type_form;
        data.from_url = window.location.href;
        data.client_id = yandexClientID;

        const url = `${main_site_url}/forms/exists_user`;
        const response = await fetch(url, {
            credentials: 'include',
            method: 'POST',
            headers: {
                'Content-Type': 'application/json;'
            },
            body: JSON.stringify(data)
        });
        
        const result = await response.json();
        return result;
    }

    // отправка данных с формы логина на первом шаге
    async function sendDataLoginForm(data) {
        data.type_form = type_form;
        data.from_url = window.location.href;
        data.client_id = yandexClientID;

        const url = `${main_site_url}/forms/login`;
        const response = await fetch(url, {
            credentials: 'include',
            method: 'POST',
            headers: {
                'Content-Type': 'application/json;'
            },
            body: JSON.stringify(data)
        });
        
        const result = await response.json();
        return result;
    }    

    // отправка данных с формы восстановления на первом шаге
    async function sendDataResetForm(data) {
        const url = `${main_site_url}/forms/reset`;
        const response = await fetch(url, {
            credentials: 'include',
            method: 'POST',
            headers: {
                'Content-Type': 'application/json;'
            },
            body: JSON.stringify(data)
        });
        
        const result = await response.json();
        return result;
    }

    // сбор всех полей формы
    function getFormFields(form) {
        const inputElems = form.querySelectorAll('input:not([type="submit"])');
        const textareaElems = form.querySelectorAll('textarea');
        return [...inputElems, ...textareaElems];
    }

    // получение объекта данных из формы
    function getFormData(fileds) {
        const data = {};
        fileds.forEach(field => {
            const name = field.getAttribute('name');
            const value = field.value.trim();
            data[name] = value;
        });

        return data;
    }
})()