<div class="container">
   <div class="quiz">
        <!-- Форма, которая содержит весь квиз -->
        <form action="#!" class="quiz__form" id="kviz-form">
          <!-- Поля для каждого шага квиза -->
		  <div class="wrap-step-object dop-index-cls-1" data-bindex="1">
	<fieldset class="quiz__fieldset">
		<legend class="quiz__legend">
			<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIyLjkgMTIyLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyMi45IDEyMi45IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNjEuNCwwYzE3LDAsMzIuMyw2LjksNDMuNCwxOGMxMS4xLDExLjEsMTgsMjYuNSwxOCw0My40YzAsMTctNi45LDMyLjMtMTgsNDMuNGMtMTEuMSwxMS4xLTI2LjUsMTgtNDMuNCwxOCBzLTMyLjMtNi45LTQzLjQtMThDNi45LDkzLjgsMCw3OC40LDAsNjEuNGMwLTE3LDYuOS0zMi4zLDE4LTQzLjRDMjkuMSw2LjksNDQuNSwwLDYxLjQsMEw2MS40LDB6IE00MS4zLDU0LjNjLTEuMSwwLTIsMC4zLTIuNSwwLjcgYy0wLjMsMC4yLTAuNiwwLjUtMC43LDAuOGMtMC4yLDAuNC0wLjMsMC44LTAuMiwxLjRjMCwxLjUsMC44LDMuNSwyLjQsNS44bDAsMGwwLDBsNSw4YzIsMy4yLDQuMSw2LjUsNi44LDguOSBjMi41LDIuMyw1LjYsMy45LDkuNiwzLjljNC40LDAsNy42LTEuNiwxMC4yLTQuMWMyLjctMi41LDQuOS02LDctOS41bDUuNy05LjNjMS4xLTIuNCwxLjQtNCwxLjItNWMtMC4xLTAuNi0wLjgtMC44LTEuOC0wLjkgYy0wLjIsMC0wLjUsMC0wLjcsMGMtMC4zLDAtMC41LDAtMC44LDBjLTAuMiwwLTAuMywwLTAuNCwwYy0wLjUsMC0xLDAtMS42LTAuMWwxLjktOC42Yy0xNC40LDIuMy0yNS4yLTguNC00MC40LTIuMUw0Myw1NC40IEM0Mi40LDU0LjQsNDEuOCw1NC40LDQxLjMsNTQuM0w0MS4zLDU0LjNMNDEuMyw1NC4zTDQxLjMsNTQuM3ogTTE4LjgsOTUuN2M3LjEtMi41LDE5LjYtMy44LDI1LjQtNy43YzEtMS4zLDIuMS0yLjksMy4xLTQuMyBjMC42LTAuOSwxLjEtMS43LDEuNi0yLjNjMC4xLTAuMSwwLjItMC4yLDAuMy0wLjNjLTIuNC0yLjUtNC40LTUuNS02LjMtOC41bC01LThDMzYsNjEuOCwzNSw1OS4zLDM1LDU3LjNjMC0xLDAuMS0xLjksMC41LTIuNiBjMC40LTAuOCwxLTEuNSwxLjctMmMwLjQtMC4yLDAuOC0wLjUsMS4yLTAuNmMtMC4zLTQuMy0wLjQtOS44LTAuMi0xNC40YzAuMS0xLjEsMC4zLTIuMiwwLjYtMy4zYzEuMy00LjYsNC41LTguMyw4LjUtMTAuOCBjMS40LTAuOSwyLjktMS42LDQuNi0yLjJjMi45LTEuMSwxLjUtNS41LDQuNy01LjZjNy41LTAuMiwxOS44LDYuMiwyNC42LDExLjRjMi44LDMsNC42LDcsNC45LDEyLjNsLTAuMywxMy4xbDAsMCBjMS40LDAuNCwyLjMsMS4zLDIuNywyLjdjMC40LDEuNiwwLDMuOC0xLjQsNi45bDAsMGMwLDAuMS0wLjEsMC4xLTAuMSwwLjJsLTUuNyw5LjRjLTIuMiwzLjYtNC41LDcuMy03LjUsMTAuMUw3My43LDgybDAsMCBjMC40LDAuNSwwLjgsMS4xLDEuMiwxLjdjMC44LDEuMSwxLjYsMi40LDIuNSwzLjZjNS4zLDQuNSwxOS4zLDUuOSwyNi43LDguNmM3LjYtOS40LDEyLjEtMjEuNCwxMi4xLTM0LjRjMC0xNS4xLTYuMS0yOC44LTE2LTM4LjcgYy05LjktOS45LTIzLjYtMTYtMzguNy0xNnMtMjguOCw2LjEtMzguNywxNmMtOS45LDkuOS0xNiwyMy42LTE2LDM4LjdDNi43LDc0LjQsMTEuMiw4Ni4zLDE4LjgsOTUuN0wxOC44LDk1Ljd6IE03Nyw5MC41IGMtMS40LTEuNi0yLjgtMy43LTQuMS01LjVjLTAuNC0wLjUtMC43LTEuMS0xLjEtMS41Yy0yLjcsMi02LDMuMy0xMC4zLDMuM2MtNC41LDAtOC0xLjYtMTAuOS00LjFjMCwwLDAsMC4xLTAuMSwwLjEgYy0wLjUsMC43LTEsMS40LTEuNiwyLjNjLTEuMSwxLjYtMi4zLDMuMy0zLjQsNC44QzQ1LjYsMTAwLDcxLjEsMTA2LDc3LDkwLjVMNzcsOTAuNXoiLz48L2c+PC9zdmc+" alt="avatar" class="quiz__ava">
			<div class="quiz__question">
			   <p>Оператор</p>
					<!-- Здесь будет отображаться текст вопроса -->
				<p id="question-text-1">Напишите здесь вопрос или удалите текст, если не нужно</p>
			</div>
		</legend>

		<!-- Прогресс бар -->
		<div class="quiz__progress">
			<div class="quiz__progress-line">
			   <div id="progress-fill" class="quiz__progress-fill" style="width: 50%;"></div>
			</div>
		</div>

		<!-- Контейнер для отображения вопросов/ответов -->
		<div class="quiz__answer" id="answers-container_1">
			<label 
 id="label-question-1-answer-1"
 class="quiz__answer-item" 
 for="rezult-question-1-answer-1" 
 style="background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAABoVBMVEVHcEz6thP6tRT6thT6thT6thT6tRMAIkEAIkH6thP6thT6thT6thT6thP6thT6thT6thT6tRP6thT6thT6thT6thT6tRP6thT6thP6tRT6thQAIkH6thT6thT6tRQAIkH6thT6thP6thP6tRT6thQAIkEAIkEAIkH6thT5thT6thT6thT6thT6thQAIkH6tRT6thT6thT6thP6thT6thT6thT6thT6thT6tRT6thT6thT6tRT6thT6tRT6thT6thT5thT6thP6thT6tRT6thT6thP6thT5thP6thT6tRT6thT6thT5thT5thP6thT6thT6thT6tRT6thP5thP6thT6tRT5thT6thT5thP6thT5thP6thT5thP6tRT6tRT6thT6thT5thT6thT6thT6thT6thP5thT6thT5thT6thT5thT5thP5thT6thP6thP6thP6thT6tRT5thT5thP6thT6thP6thP5thP5thP5thT5thT6thT6thT6thT5thP6thT6tRT6thT5thT5thP5thT6tRT6tRT5thT6thQAIkH6thT+RWXmAAAAiXRSTlMALDzlIEy3q1aNbPXVFsscxcGL61bBYECX1yY6l4HRxxhWDPe14x6PKBIqfAoEcmI6DgYMNhQ8aBoQGggwEBaHFAR0bsMSUgo4BK0skXShHlB0RCQ+gUyJgUYWZAa5HqMIULFI05konZmpIjSHi0ZKEjaNGgYkUkIEiwqvlVwsIgJyiQwGxT4kyWTt6dkAAAcKSURBVHja7d1ne9NWGAZghhMbOkJbunBbA20SSNpAgDDD6GCv7r1b6N577+H+6n7ppffQOhWJZUu27+fjcynKObrjJD5KdFatEhERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERmkNOuROZej/DTakbrLAUSAABEgQAQIEAECRKoJ0mxEplyl8kHqSd1wlYAAAQJEgAARIEAECBABMviXttUuJS1rXR0z1y4rLRc/51uP10gF0ioRxE+ZDmkDAQIECBAgQIAAAQIESIkgffmElh+BAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIED6lR5OojPI5Q03ZdkR9TPRvr4n6vei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); 
	background-size:56%;
	background-repeat: no-repeat;
	background-position: 50% 73%;">
 <input 
	onchange="return nextStep(this, 0, 0, 1);"
	type="radio" 
	name="rezult-question-1" 
	id="rezult-question-1-answer-1" 
	value="Здесь отредактируйте ответ на вопрос" 
	data-indexblock="1"
	data-ball="0"
	/>
 <div class="quiz__answer-item-circle"></div>
 <div class="quiz__answer-item-text">Здесь отредактируйте ответ на вопрос</div>
</label>
		</div>
		<div class="quiz__input-text hidden">
			
		</div>
		<div class="wrap_quiz__textarea"><label class="la-textarea-field">Комментарий посетителя</label>
<div class="wrap-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M58.57 323.5L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75C495.8 61.87 498.5 65.24 500.9 68.79C517.3 93.63 514.6 127.4 492.7 149.3L188.5 453.4C187.2 454.7 185.9 455.1 184.5 457.2C174.9 465.7 163.5 471.1 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L58.57 323.5zM82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L383 191L320.1 128.1L92.51 357.4C91.92 358 91.35 358.6 90.8 359.3C86.94 363.6 84.07 368.8 82.42 374.4L82.42 374.4z"></path></svg></div>
<textarea
        data-numbertextinput="1"
        class="text-textarea"
        name="question-1-textarea-1"
        id="question-1-textarea-1"
        value=""
        data-indexblock="1"
        data-labeltextarea="Комментарий посетителя"
></textarea><input type="hidden" name="label-question-1-textarea-1" value="Комментарий посетителя"><input type="hidden" name="label-question-1-textarea-count" value="1"></div>
		<div class="quiz__free-text hidden">
			
		</div>
		<div class="quiz-wrap-files hidden"></div>
		
		<input type="hidden" name="questioncount" value="2"><input class="total-ball-all-step" type="hidden" name="total_ball_all_step" value="0"><input type="hidden" name="question_1" value="Напишите здесь вопрос или удалите текст, если не нужно"><input class="ball_summ_for_step_question" type="hidden" name="ball_summ_for_step_question_1" value="0">
		<div class="wrap-error-message"></div>
	</fieldset>

	<!-- Кнопка для перехода к следующему шагу -->
	<div class="wrap_button"><div class="one-button-wrap next">
<button 
	type="button" 
	class="quiz__button quiz__button_next" 
	onclick="return nextStep(this, 2, 0, 1);">Далее</button>
</div>
</div>
</div>
<div class="wrap-step-object dop-index-cls-2 hidden-step hidden-step2" data-bindex="2">
	<fieldset class="quiz__fieldset">
		<legend class="quiz__legend">
			<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIyLjkgMTIyLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyMi45IDEyMi45IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNjEuNCwwYzE3LDAsMzIuMyw2LjksNDMuNCwxOGMxMS4xLDExLjEsMTgsMjYuNSwxOCw0My40YzAsMTctNi45LDMyLjMtMTgsNDMuNGMtMTEuMSwxMS4xLTI2LjUsMTgtNDMuNCwxOCBzLTMyLjMtNi45LTQzLjQtMThDNi45LDkzLjgsMCw3OC40LDAsNjEuNGMwLTE3LDYuOS0zMi4zLDE4LTQzLjRDMjkuMSw2LjksNDQuNSwwLDYxLjQsMEw2MS40LDB6IE00MS4zLDU0LjNjLTEuMSwwLTIsMC4zLTIuNSwwLjcgYy0wLjMsMC4yLTAuNiwwLjUtMC43LDAuOGMtMC4yLDAuNC0wLjMsMC44LTAuMiwxLjRjMCwxLjUsMC44LDMuNSwyLjQsNS44bDAsMGwwLDBsNSw4YzIsMy4yLDQuMSw2LjUsNi44LDguOSBjMi41LDIuMyw1LjYsMy45LDkuNiwzLjljNC40LDAsNy42LTEuNiwxMC4yLTQuMWMyLjctMi41LDQuOS02LDctOS41bDUuNy05LjNjMS4xLTIuNCwxLjQtNCwxLjItNWMtMC4xLTAuNi0wLjgtMC44LTEuOC0wLjkgYy0wLjIsMC0wLjUsMC0wLjcsMGMtMC4zLDAtMC41LDAtMC44LDBjLTAuMiwwLTAuMywwLTAuNCwwYy0wLjUsMC0xLDAtMS42LTAuMWwxLjktOC42Yy0xNC40LDIuMy0yNS4yLTguNC00MC40LTIuMUw0Myw1NC40IEM0Mi40LDU0LjQsNDEuOCw1NC40LDQxLjMsNTQuM0w0MS4zLDU0LjNMNDEuMyw1NC4zTDQxLjMsNTQuM3ogTTE4LjgsOTUuN2M3LjEtMi41LDE5LjYtMy44LDI1LjQtNy43YzEtMS4zLDIuMS0yLjksMy4xLTQuMyBjMC42LTAuOSwxLjEtMS43LDEuNi0yLjNjMC4xLTAuMSwwLjItMC4yLDAuMy0wLjNjLTIuNC0yLjUtNC40LTUuNS02LjMtOC41bC01LThDMzYsNjEuOCwzNSw1OS4zLDM1LDU3LjNjMC0xLDAuMS0xLjksMC41LTIuNiBjMC40LTAuOCwxLTEuNSwxLjctMmMwLjQtMC4yLDAuOC0wLjUsMS4yLTAuNmMtMC4zLTQuMy0wLjQtOS44LTAuMi0xNC40YzAuMS0xLjEsMC4zLTIuMiwwLjYtMy4zYzEuMy00LjYsNC41LTguMyw4LjUtMTAuOCBjMS40LTAuOSwyLjktMS42LDQuNi0yLjJjMi45LTEuMSwxLjUtNS41LDQuNy01LjZjNy41LTAuMiwxOS44LDYuMiwyNC42LDExLjRjMi44LDMsNC42LDcsNC45LDEyLjNsLTAuMywxMy4xbDAsMCBjMS40LDAuNCwyLjMsMS4zLDIuNywyLjdjMC40LDEuNiwwLDMuOC0xLjQsNi45bDAsMGMwLDAuMS0wLjEsMC4xLTAuMSwwLjJsLTUuNyw5LjRjLTIuMiwzLjYtNC41LDcuMy03LjUsMTAuMUw3My43LDgybDAsMCBjMC40LDAuNSwwLjgsMS4xLDEuMiwxLjdjMC44LDEuMSwxLjYsMi40LDIuNSwzLjZjNS4zLDQuNSwxOS4zLDUuOSwyNi43LDguNmM3LjYtOS40LDEyLjEtMjEuNCwxMi4xLTM0LjRjMC0xNS4xLTYuMS0yOC44LTE2LTM4LjcgYy05LjktOS45LTIzLjYtMTYtMzguNy0xNnMtMjguOCw2LjEtMzguNywxNmMtOS45LDkuOS0xNiwyMy42LTE2LDM4LjdDNi43LDc0LjQsMTEuMiw4Ni4zLDE4LjgsOTUuN0wxOC44LDk1Ljd6IE03Nyw5MC41IGMtMS40LTEuNi0yLjgtMy43LTQuMS01LjVjLTAuNC0wLjUtMC43LTEuMS0xLjEtMS41Yy0yLjcsMi02LDMuMy0xMC4zLDMuM2MtNC41LDAtOC0xLjYtMTAuOS00LjFjMCwwLDAsMC4xLTAuMSwwLjEgYy0wLjUsMC43LTEsMS40LTEuNiwyLjNjLTEuMSwxLjYtMi4zLDMuMy0zLjQsNC44QzQ1LjYsMTAwLDcxLjEsMTA2LDc3LDkwLjVMNzcsOTAuNXoiLz48L2c+PC9zdmc+" alt="avatar" class="quiz__ava">
			<div class="quiz__question">
			   <p>Оператор</p>
					<!-- Здесь будет отображаться текст вопроса -->
				<p id="question-text-2">Напишите здесь вопрос или удалите текст, если не нужно</p>
			</div>
		</legend>

		<!-- Прогресс бар -->
		<div class="quiz__progress">
			<div class="quiz__progress-line">
			   <div id="progress-fill" class="quiz__progress-fill" style="width: 100%;"></div>
			</div>
		</div>

		<!-- Контейнер для отображения вопросов/ответов -->
		<div class="quiz__answer hidden" id="answers-container_2">
			
		</div>
		<div class="quiz__input-text hidden">
			
		</div>
		<div class="wrap_quiz__textarea hidden"></div>
		<div class="quiz__free-text">
			<p><strong>ПРоизвольный </strong>html код или просто текст</p>
		</div>
		<div class="quiz-wrap-files hidden"></div>
		<div class="quiz-wrap-fill-rezult-form-by-text"></div>
		<input type="hidden" name="question_2" value="Напишите здесь вопрос или удалите текст, если не нужно"><input class="ball_summ_for_step_question" type="hidden" name="ball_summ_for_step_question_2" value="0">
		<div class="wrap-error-message"></div>
	</fieldset>

	<!-- Кнопка для перехода к следующему шагу -->
	<div class="wrap_button"><div class="one-button-wrap send">
<button 
	type="button" 
	class="quiz__button quiz__button_send" 
	onclick="return sendKviz(this, 0, 1, 2);">Отправить</button>
</div>
<!--<button 
	class="quiz__button quiz__button_send" 
	type="submit">Отправить</button>--></div>
</div>

          <textarea class="main-message" name="main_message" value=""></textarea>
        </form>
       <div class="data-email-from not-used-now-10-09-2025"
            data-dataemailfrom="-DATA_EMAIL_FROM-"
            data-useremailkeyfield="#USER_EMAIL_KEY_FIELD#">

       </div>

       <div class="wrap-pop-send-rezult hidd">
           <div onclick="return closeSend(this);" class="close-pop-send-rezult">&#10007;</div>
           <div class="pop-send-text"></div>
       </div>


  </div>
</div>
<script>
function closeSend(eto) {
    document.querySelector(".pop-send-text").innerHTML = "";
    document.querySelector(".wrap-pop-send-rezult").classList.add('hidd');
}
var globalPrevEvent = 0;
function  addFile(eto){
	var stop = 0;
	for (var sg of document.querySelectorAll('.wrap-one-file')) {
		if(stop === 0){
			if(sg.classList.contains("hidden-file")){
				sg.classList.remove('hidden-file');
				stop = 1;
			}
		}
	}
	return true;
}
function dellFile(eto, numberFile, index){
	document.querySelector("input#file_" + index + "_file_" + numberFile).value = "";
	if(numberFile == 1){
	}else{
		document.querySelector(".wrap-one-file-" + numberFile).classList.add('hidden-file');
	}
	return true;
}
function getValidRequired(currentIndex){
    return true;//Проверка выключена. Можно включить
    var isExistsEmail = 0;
    var isExistsPhone = 0;

    var stopEmail = 0;
    var stopPhone = 0;

    var elementEmail = document.querySelector('.dop-index-cls-' + currentIndex + " .isemail");
    if(typeof elementEmail !== 'undefined' && elementEmail !== null){
        isExistsEmail = 1;
        var eml = elementEmail.value;
        if(eml.length === 0){
            stopEmail = 1;
        }else{
            if(isEmailValid(eml)){
            }else{
                stopEmail = 1;
            }
        }
    }

    var elementPhone = document.querySelector('.dop-index-cls-' + currentIndex + " .isphone");
    if(typeof elementPhone !== 'undefined' && elementPhone !== null){
        isExistsPhone = 1;
        var phone = elementPhone.value;
        if(phone.length != 18){
            stopPhone = 1;
        }
    }
    if(stopEmail === 1 || stopPhone === 1){
        var msg = "";
        if(stopEmail === 1){
            msg = "<sup>*</sup> Не заполнен или не верно заполнен e-mail";
        }
        if(stopPhone === 1){
            if(msg.length === 0){
                msg = "<sup>*</sup> Не заполнен или не верно заполнен телефон.";
            }else{
                msg = msg + "<br><sup>*</sup> Не заполнен или не верно заполнен телефон.";
            }
        }
        document.querySelector('.dop-index-cls-' + currentIndex + " .wrap-error-message").innerHTML = msg;
        document.querySelector('.dop-index-cls-' + currentIndex + " .wrap-error-message").classList.add('error-red');
        return false;
    }else{
        document.querySelector('.dop-index-cls-' + currentIndex + " .wrap-error-message").innerHTML = "";
        document.querySelector('.dop-index-cls-' + currentIndex + " .wrap-error-message").classList.remove('error-red');
        return true;
    }
}
function setBallAllStep() {
    //Подсчёт баллов (оценка за экзамен, почти ЕГЭ)
    var steps = document.querySelectorAll('.wrap-step-object');
    var totalBall = 0;
    for(var iz=0;iz<steps.length;iz++) {
        steps[iz].querySelector(".ball_summ_for_step_question").value=0;
        var checkedRadio = steps[iz].querySelector(".quiz__answer-item input:checked");
        var currentBall = 0;
        if(typeof checkedRadio !== 'undefined' && checkedRadio !== null) {
            currentBall = parseInt(checkedRadio.dataset.ball);
            totalBall = totalBall + currentBall;
        }
    }
    document.querySelector('.total-ball-all-step').value = totalBall;
}

function nextStep(eto, toNumber, fromNumber, currentIndex){
    if(currentIndex>0) {
        if (getValidRequired(currentIndex) === false) {
            return true;
        }
    }
    setBallAllStep();
	var rezOut = getAllFilledInput();
	if(globalPrevEvent === 1){
		globalPrevEvent = 0;
		return true;
	}
	if(toNumber > 0){
		document.querySelector('.dop-index-cls-' + currentIndex).classList.add('hidden-step');
		document.querySelector('.dop-index-cls-' + toNumber).classList.remove('hidden-step');
		setTimeout(function () {
			document.querySelector('.dop-index-cls-' + currentIndex).classList.add('hidden-step2');
			document.querySelector('.dop-index-cls-' + toNumber).classList.remove('hidden-step2');
		}, 300);
	}
	return true;
}
function prevStep(eto, toNumber, fromNumber, currentIndex){
    if(fromNumber > 0){
        document.querySelector('.dop-index-cls-' + currentIndex).classList.add('hidden-step');
        document.querySelector('.dop-index-cls-' + fromNumber).classList.remove('hidden-step');
        //Сбрасываю все поля на текущей форме
        globalPrevEvent = 1;
        for (var sg of document.querySelectorAll('.dop-index-cls-' + currentIndex + ' input')) {//Текущий шаг обнулил
            globalPrevEvent = 1;
            var attribute = sg.getAttribute("type");
            if(attribute == 'radio'){
                if(sg.checked === true){
                    sg.checked = false;
                }
            }
            if(attribute == 'text'){
                sg.value = "";
                var attributeValText = sg.getAttribute("value");
                attributeValText = "";
            }
            if(attribute == 'file'){
                sg.value = "";
            }
        }

        for (var sg of document.querySelectorAll('.dop-index-cls-' + fromNumber + ' input')) {//Предыдущий шаг обнулил
            globalPrevEvent = 1;
            var attribute = sg.getAttribute("type");
            if(attribute == 'radio'){
                if(sg.checked === true){
                    sg.checked = false;
                }
            }
            if(attribute == 'text'){
                sg.value = "";
                var attributeValText = sg.getAttribute("value");
                attributeValText = "";
            }
            if(attribute == 'file'){
                sg.value = "";
            }
        }
        setTimeout(function () {
            document.querySelector('.dop-index-cls-' + currentIndex).classList.add('hidden-step2');
            document.querySelector('.dop-index-cls-' + fromNumber).classList.remove('hidden-step2');
        }, 300);
    }else{
        globalPrevEvent = 0;
        alert("Ошибка возврата. Извините.");
    }
    globalPrevEvent = 0;
    return true;
}

function validateFile(eto, number){
	var totalSize = 0;
	//Ограничение на допустимые форматы. Пока не задействовано?
	var filesValidType = [
	'image/png',
	'application/x-zip-compressed',
	'text/plain',
	'image/jpeg',
	'application/pdf',
	'application/msword',
	'index.html',
	'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
	];
	var maxFileSize = 10000000;
	//var maxFileSize = 100000;
	var dellNextValue = 0;
	if(typeof eto.files[0] != 'undefined' && eto.files[0] != null){
		for (var sg of document.querySelectorAll('.dop-index-cls-' + number + " .cls-file")) {
			var attribute = sg.getAttribute("type");
			if(attribute == 'file'){
				if(typeof sg.files[0] != 'undefined' && sg.files[0] != null){
					totalSize = totalSize + sg.files[0].size;
				}
				if(totalSize>maxFileSize){
					dellNextValue = 1;
					sg.value = "";
				}
			}
		}
	}
	if(dellNextValue === 1){
		alert("Слишком большой размер файлов (" + ( Math.round(totalSize/1000000) ) + " Mбайт). Более " + ( Math.round(maxFileSize/1000000) ) + " Mбайт");
	}
	return true;
}

function getAllFilledInput(){
    var fileldRezult = document.querySelector('#kviz-form .quiz-wrap-fill-rezult-form-by-text');
    var textOut = "";
    var ballTotal = 0;

        var blockElement = document.querySelectorAll('#kviz-form .wrap-step-object');
        for(var izBlock = 0;izBlock < blockElement.length; izBlock++) {
            var indexBlock = blockElement[izBlock].dataset.bindex;
            var nameQuestion = "Шаг № " + indexBlock + " " + document.getElementById('question-text-' + indexBlock).textContent + "";

            var  inputElement = blockElement[izBlock].querySelectorAll('input, textarea');
            var innerBlock = "";
            var isExistField = 0;
            for(var izInput = 0;izInput < inputElement.length; izInput++) {
                if(inputElement[izInput].type == 'hidden'){
                    continue;
                }
                if(inputElement[izInput].type == 'radio') {
                    if(inputElement[izInput].checked == true){
                        var ball = inputElement[izInput].dataset.ball;
                        ball = parseInt(ball);
                        ballTotal = ballTotal + ball;

                        if(innerBlock.length === 0){
                            innerBlock = inputElement[izInput].value + ", баллов: " + ball;
                            //textOut = nameQuestion + inputElement[izInput].value;
                        }else{
                            innerBlock = innerBlock + "<br />" + inputElement[izInput].value + ", баллов: " + ball;
                            //textOut = textOut + "<br /><br />" + nameQuestion + inputElement[izInput].value;
                        }
                        isExistField = 1;
                    }
                }

                if(inputElement[izInput].type == 'text') {
                    var inputTitle = inputElement[izInput].dataset.labelinput;
                    if(typeof inputTitle == 'undefined' || inputTitle == null){
                        inputTitle = "";
                    }else{
                        if(inputTitle.length>0){
                            inputTitle = inputElement[izInput].dataset.labelinput + ": " ;
                        }else{
                            inputTitle = "";
                        }
                    }
                    if(typeof inputElement[izInput].value !== 'undefined' && inputElement[izInput].value !== null){
                        if(inputElement[izInput].value.length>0){
                            if(innerBlock.length === 0){
                                //textOut = nameQuestion  + inputTitle + inputElement[izInput].value;
                                innerBlock = inputTitle + inputElement[izInput].value;
                            }else{
                                //textOut = textOut + "<br /><br />" + nameQuestion + inputTitle + inputElement[izInput].value;
                                innerBlock = innerBlock + "<br />" + inputTitle + inputElement[izInput].value;
                            }
                            isExistField = 1;
                        }

                    }
                }

                if(inputElement[izInput].type == 'file') {
                    if(typeof inputElement[izInput].value !== 'undefined' && inputElement[izInput].value !== null){
                        if(inputElement[izInput].value.length>0){
                            var fileName = inputElement[izInput].files[0].name;
                            if(innerBlock.length === 0){
                                //innerBlock = fileName;
                                innerBlock = "Файл " + fileName + ", смотри вложение";
                            }else{
                                //innerBlock = innerBlock + "<br />" + fileName;
                                innerBlock = innerBlock + "<br />" + "Файл " + fileName + ", смотри вложение";
                            }
                            isExistField = 1;
                        }
                    }
                }
                if(inputElement[izInput].classList.contains("text-textarea")){
                    if(inputElement[izInput].value.length>0){
                        var inputTitle = inputElement[izInput].dataset.labeltextarea;
                        if(inputTitle.length>0) {
                            inputTitle = inputTitle + ": ";
                        }
                        if(innerBlock.length === 0){
                            innerBlock = inputTitle + inputElement[izInput].value;
                        }else{
                            innerBlock = innerBlock + "<br />" + inputTitle + inputElement[izInput].value;
                        }
                        isExistField = 1;
                    }
                }

            }

            if(isExistField === 0) {
                if(textOut.length === 0){
                    textOut = nameQuestion +  "<br />нет ответов";
                }else{
                    textOut = textOut + "<br /><br />" + nameQuestion +  "<br />нет ответов";
                }
            }else {
                if(textOut.length === 0){
                    textOut = nameQuestion +  "<br />" + innerBlock;
                }else{
                    textOut = textOut + "<br /><br />" + nameQuestion +  "<br />" + innerBlock;
                }

            }

        }

    textOut = textOut + "<br /><br />Всего набрано баллов (оценка за экзамен): " + ballTotal;
    if(typeof fileldRezult !== 'undefined' && fileldRezult !== null){//Есть куда вставить результаты
        fileldRezult.innerHTML = textOut;
    }


    return textOut;
}

function getAllDataForm(){
	const myForm = document.getElementById('kviz-form');
	const formData = new FormData(myForm);
    var fromEmail = document.querySelector('.data-email-from');
    if(typeof fromEmail != 'undefined' && fromEmail != null) {
         var fromEmailText = fromEmail.dataset.dataemailfrom;
    }else{
		var fromEmailText = "";
	}
    formData.append('fromEmail', fromEmailText);
	return formData;
}

function sendKviz(eto, toNumber, fromNumber, currentIndex){
   setBallAllStep();
   if(getValidRequired(currentIndex)===false){
        return true;
   }
	var rezOut = getAllFilledInput();
	formData = getAllDataForm();
    var fileElement = document.querySelectorAll(".wrap-step-object input[type='file']");
    var izFile = 0;
    for(izFile=0;izFile<fileElement.length;izFile++){
            if(typeof fileElement[izFile].value !== 'undefined' && fileElement[izFile].value !== null){
                if(fileElement[izFile].value.length>0){
                    var nameKey = "question_" +  fileElement[izFile].dataset.indexblock + "_file_exists";
                    formData.append(nameKey, 1);
                }

            }
    }
    formData.append("message", rezOut);
	fetch(
			'/baform/showrezulthtml/send_kviz.php', {
			method: 'POST',
			body: formData,
		})
		.then((response) => {
          if(toNumber > 0){
              document.querySelector('.dop-index-cls-' + currentIndex).classList.add('hidden-step');
              document.querySelector('.dop-index-cls-' + toNumber).classList.remove('hidden-step');
              setTimeout(function () {
                document.querySelector('.dop-index-cls-' + currentIndex).classList.add('hidden-step2');
                document.querySelector('.dop-index-cls-' + toNumber).classList.remove('hidden-step2');
              }, 300);
          }
          return response.text();
		})
        .then(data => {
			if(toNumber == 0){
				document.querySelector(".wrap-pop-send-rezult").classList.remove('hidd');
				document.querySelector(".pop-send-text").innerHTML = "Сообщение отправлено:<br>\r\n" + rezOut;
				document.querySelector(".one-button-wrap.send").remove();
			}else{
				document.querySelector(".one-button-wrap.send").remove();
			}
        })
		.catch((error) => {
		  console.error(error);
		});
	return true;
}
/* Маска телефона */
//window.addEventListener("DOMContentLoaded", function () {
    [].forEach.call(document.querySelectorAll(".quiz__form .isphone"), function (input) {
        var keyCode;
        function mask(event) {
            event.keyCode && (keyCode = event.keyCode);
            var pos = this.selectionStart;
            if (pos < 3) event.preventDefault();
            var matrix = "+7 (___)-___-__-__",
                i = 0,
                def = matrix.replace(/\D/g, ""),
                val = this.value.replace(/\D/g, ""),
                new_value = matrix.replace(/[_\d]/g, function (a) {
                    return i < val.length ? val.charAt(i++) || def.charAt(i) : a;
                });
            i = new_value.indexOf("_");
            if (i != -1) {
                i < 5 && (i = 3);
                new_value = new_value.slice(0, i);
            }
            var reg = matrix
                .substr(0, this.value.length)
                .replace(/_+/g, function (a) {
                    return "\\d{1," + a.length + "}";
                })
                .replace(/[+()]/g, "\\$&");
            reg = new RegExp("^" + reg + "$");
            if (!reg.test(this.value) || this.value.length < 5 || (keyCode > 47 && keyCode < 58)) this.value = new_value;
            if (event.type == "blur" && this.value.length < 5) this.value = "";
        }
        input.addEventListener("input", mask, false);
        input.addEventListener("focus", mask, false);
        input.addEventListener("blur", mask, false);
        input.addEventListener("keydown", mask, false);
    });
//});
//Маска для емаил
var EMAIL_REGEXP = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu;
var inputKvizEml = document.querySelectorAll('.quiz__form .isemail');
function onInput(event) {
   if (isEmailValid(event.target.value)) {
       event.target.style.borderColor = 'green';
       event.target.style.backgroundColor = '#f5fff0';

   } else {
       event.target.style.borderColor = 'red';
       event.target.style.backgroundColor = "#fff0f0";
   }
}
if(inputKvizEml.length>0) {
	for(var isE=0;isE<inputKvizEml.length;isE++){
		inputKvizEml[isE].addEventListener('input', onInput);
	}
}
function isEmailValid(value) {
    return EMAIL_REGEXP.test(value);
}
</script><style type="text/css">/* Стили для body, добавляют фоновое изображение */

/* Основной контейнер квиза */
.quiz {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 auto;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
  position: relative;
  top: 0px;
}

/* Стили для формы квиза */
.quiz__form {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  padding: 0px;
  border-radius: 5px;
  margin: auto;
}

/* Поле для шага квиза */
.quiz__fieldset {
  margin-bottom: 50px;
  margin-top: 10px;
}

/* Легенда с вопросом и аватаром */
.quiz__legend {
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
  padding: 0px;
  border-radius: 5px;
  margin-bottom: 20px;
  width: 100%;
}

/* Стили для аватара */
.quiz__ava {
  width: 60px;
  margin-right: 20px;
  margin-left: 12px;
}

/* Стили для вопроса */
.quiz__question p:first-child {
  text-transform: uppercase;
  font-weight: 600;
}

/* Контейнер для прогресс-бара */
.quiz__progress {
  width: 100%;
  height: 10px;
  margin-bottom: 20px;
}

/* Линия прогресса */
.quiz__progress-line {
  width: 100%;
  height: 10px;
  background-color: #ddd;
  border-radius: 5px;
}

/* Заполнение прогресс-бара */
.quiz__progress-fill {
  width: 20%;
  height: 10px;
  background: linear-gradient(45deg, #1fadff 0, #2684bb 100%);
  border-radius: 5px;
  transition: width 0.3s;
}

/* Сетка для ответов */
.quiz__answer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* Стили для ответа */
.wrap-step-object .quiz__answer-item {
  display: flex;
  align-items: start;
  border: 1px solid #f2f2f2;
  padding: 10px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 6px 6px 15px 0px rgb(34 60 80 / 20%);
  height: 200px;
  max-width:304px;
}

/* Круг для отметки ответа */
.wrap-step-object .quiz__answer-item-circle {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid #bbb;
  margin-right: 15px;
  position: relative;
  min-width: 25px;
}

/* Иконка "проверки" ответа */
.wrap-step-object .quiz__answer-item-circle:after {
  width: 20px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTE3LjcyIDExNy43MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE3LjcyIDExNy43MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsNCgkuc3Qwe2ZpbGw6IzAxQTYwMTt9DQpdXT48L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01OC44NiwwYzkuMTMsMCwxNy43NywyLjA4LDI1LjQ5LDUuNzljLTMuMTYsMi41LTYuMDksNC45LTguODIsNy4yMWMtNS4yLTEuODktMTAuODEtMi45Mi0xNi42Ni0yLjkyIGMtMTMuNDcsMC0yNS42Nyw1LjQ2LTM0LjQ5LDE0LjI5Yy04LjgzLDguODMtMTQuMjksMjEuMDItMTQuMjksMzQuNDljMCwxMy40Nyw1LjQ2LDI1LjY2LDE0LjI5LDM0LjQ5IGM4LjgzLDguODMsMjEuMDIsMTQuMjksMzQuNDksMTQuMjlzMjUuNjctNS40NiwzNC40OS0xNC4yOWM4LjgzLTguODMsMTQuMjktMjEuMDIsMTQuMjktMzQuNDljMC0zLjItMC4zMS02LjM0LTAuOS05LjM3IGMyLjUzLTMuMyw1LjEyLTYuNTksNy43Ny05Ljg1YzIuMDgsNi4wMiwzLjIxLDEyLjQ5LDMuMjEsMTkuMjJjMCwxNi4yNS02LjU5LDMwLjk3LTE3LjI0LDQxLjYyIGMtMTAuNjUsMTAuNjUtMjUuMzcsMTcuMjQtNDEuNjIsMTcuMjRjLTE2LjI1LDAtMzAuOTctNi41OS00MS42Mi0xNy4yNEM2LjU5LDg5LjgzLDAsNzUuMTEsMCw1OC44NiBjMC0xNi4yNSw2LjU5LTMwLjk3LDE3LjI0LTQxLjYyUzQyLjYxLDAsNTguODYsMEw1OC44NiwweiBNMzEuNDQsNDkuMTlMNDUuOCw0OWwxLjA3LDAuMjhjMi45LDEuNjcsNS42MywzLjU4LDguMTgsNS43NCBjMS44NCwxLjU2LDMuNiwzLjI2LDUuMjcsNS4xYzUuMTUtOC4yOSwxMC42NC0xNS45LDE2LjQ0LTIyLjljNi4zNS03LjY3LDEzLjA5LTE0LjYzLDIwLjE3LTIwLjk4bDEuNC0wLjU0SDExNGwtMy4xNiwzLjUxIEMxMDEuMTMsMzAsOTIuMzIsNDEuMTUsODQuMzYsNTIuNjVDNzYuNCw2NC4xNiw2OS4yOCw3Ni4wNCw2Mi45NSw4OC4yN2wtMS45NywzLjhsLTEuODEtMy44N2MtMy4zNC03LjE3LTcuMzQtMTMuNzUtMTIuMTEtMTkuNjMgYy00Ljc3LTUuODgtMTAuMzItMTEuMS0xNi43OS0xNS41NEwzMS40NCw0OS4xOUwzMS40NCw0OS4xOXoiLz48L2c+PC9zdmc+);
  opacity: 0;
  transition: opacity 0.3s;
}

/* Текст ответа */
.wrap-step-object .quiz__answer-item-text {
  line-height: 1.5;
}

/* Скрытие радиокнопок */
.wrap-step-object .quiz__answer-item input {
  display: none;
}

/* Стили для выбранного ответа */
.wrap-step-object .quiz__answer-item input:checked + .wrap-step-object .quiz__answer-item-circle {
  border: 1px solid #2684bb;
}
/*.quiz__answer-item input:checked + .wr-text-circle .quiz__answer-item-circle:after {
    opacity: 1;
}*/

.wrap-step-object .quiz__answer-item input:checked + .quiz__answer-item-circle:after {
  opacity: 1;
}

/* Стили для кнопки перехода */
.quiz__button {
  width: 300px;
  font-weight: 700;
  color: #fff;
  padding: 10px 0;
  background: linear-gradient(45deg, #1fadff 0, #2684bb 100%);
  border-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
  font-size: 17px;
  text-align: center;
  margin-bottom:13px;
}
.quiz__button.hidd {
	opacity: 0.2;
    pointer-events: none;
}
.wrap_button{
display: flex;
    flex-direction: row;
    /*align-content: space-between;
    flex-wrap: wrap;*/
}

.quiz__input-text label, .quiz__input-text input{
	display: block;
}
.quiz__input-text input{
	width: 100%;
    height: 21px;
    margin-bottom: 17px;
}
.quiz__free-text{
	background-color: aquamarine;
    border-radius: 4px;
    padding: 5px;
}
.quiz__free-text.hidden, .wrap-one-file.hidden-file{
	display: none;
}
.wrap-step-object{
	opacity: 1;
	transition: opacity 1.5s; 
	display: block;
}
.wrap-step-object.hidden-step,.wrap-one-file.hidden-file{
	display: none;
	
}
.wrap-step-object.hidden-step2{
	opacity: 0;
}
.one-button-wrap.send, .one-button-wrap.next{
	width: 100%;
    text-align: right;
}
.wrap-files-title{
	margin-bottom: 13px;
}
.wrap-pole-files .plus{
	cursor: pointer;
    color: green;
    font-weight: bold;
}
.wrap-one-file{
	margin-bottom:12px;
}
.file-dell{
	cursor: pointer;
    color: red;
    font-weight: bold;
	margin-left: 4px;
    margin-right: 10px;
}
.main-message {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
@media (max-width: 600px) {
  .quiz__form .quiz__answer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: unset;
  }
  .quiz__form .wrap-step-object .quiz__answer-item {
    width: 90%;
    margin-bottom: 22px;
  }
}
.error-red{
  color: red;
  font-size: 11px;
}
.wrap-pop-send-rezult.hidd {
  display: none;
}
.wrap-pop-send-rezult {
  position: absolute;
  top: 20%;
  z-index: 10;
  background-color: white;
  padding: 10px;
  box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 20%);
  border-radius: 15px;
  border: 1px solid #ddc;
}
.close-pop-send-rezult {
  position: relative;
  left: 94%;
  display: inline-block;
  color: red;
  font-weight: bold;
  font-size: 19px;
  top: -5px;
  cursor: pointer;
}

/*14-10-2025 перекрытие от битрикса*/
.quiz__fieldset {
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: min-content;
  border-width: 2px;
  border-style: groove;
  border-color: rgb(192, 192, 192);
  border-image: initial;
}
.quiz__form legend {
  float: none;
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
  padding: 0px;
  border-radius: 5px;
  margin-bottom: 20px;
  width: 100%;
  font-family: calibri;
  font-size: 20px;
  line-height: 11px;
}

.quiz__form p{
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.la-text-field {
  font-size: 22px;
}
.quiz__form .quiz__input-text {
  margin-top: 17px;
}

.quiz__form .quiz__input-text input, .quiz__form .quiz__input-text input[type="text"] {
  width: 100%;
  font-size: 21px;
  height: 40px;
  margin-bottom: 17px;
}
/**/
.quiz .quiz__input-text.hidden,
.quiz .quiz-wrap-files.hidden,
.quiz .quiz__free-text.hidden,
.quiz .quiz__answer.hidden {
  display: none;
}
#kviz-form .wrap-icon{
  position: relative;
  top: 0px;
}
#kviz-form .wrap-icon svg{
  width: 15px;
  position: absolute;
  top: 12px;
  left: 11px;
}
.la-textarea-field {
  display: block;
  font-weight: bold;
  font-size: 17px;
}
.text-textarea {
  padding: 8px;
  width: 100%;
  line-height: 20px;

  padding: 8px 12px;

  color: #000000;

  resize: vertical;
  padding-left: 31px;
}</style>