<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);
?>
<!-- Предварительное одобрение  --->
<div id="preapproval_block" class="preapproval_block_content">
	<button class="block_open block_toggle">
		<i>
			<img src="/images/icons/preapproval_icon.svg" loading="lazy" alt="Одобрение" width="34" height="40" />
		</i>
		<div id="preapproval_block_span_wrapper">
			<span id="preapproval_block_span" class="span_animate_out">Предварительное одобрение за 1 минуту</span>
		</div>
	</button>

	<div class="block_form">
		<div class="block_header">
			<button class="block_close block_toggle" title="Свернуть"></button>
			<p class="block_title" id="preapproval_status"></p>
		</div>
		<form>

			<div class="step">
				<div class="form_field" id="preapproval_vat_wrapper">
					<input id="preapproval_vat" type="text" placeholder="ИНН" onkeypress='return event.charCode >= 48 && event.charCode <= 57' minlength="10" maxlength="11"/>
				</div>
				<div class="form_field" id="preapproval_program_wrapper">
					<select id="preapproval_program">
						<option selected disabled value="">Тип предмета лизинга</option>
						<? foreach($arResult['PROGRAMS'] AS $program): ?>
							<option value="<?= $program['CODE']; ?>"><?= $program['NAME']; ?></option>
						<? endforeach; ?>
					</select>
				</div>
				<div class="form_field" id="preapproval_brand_select_wrapper">
					<select id="preapproval_brand_select" disabled>
						<option selected disabled value="">Марка</option>
					</select>
				</div>
				<div class="form_field" id="preapproval_model_select_wrapper">
					<select id="preapproval_model_select" disabled>
						<option selected disabled value="">Модель</option>
					</select>
				</div>

				<div class="form_field" id="preapproval_brand_input_wrapper" style="display: none;">
					<input id="preapproval_brand_input" type="text" placeholder="Марка" />
				</div>

				<div class="form_field" id="preapproval_model_input_wrapper" style="display: none;">
					<input id="preapproval_model_input" type="text" placeholder="Модель" />
				</div>

				<div class="form_field" id="preapproval_price_wrapper">
					<input id="preapproval_price" type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57' placeholder="Стоимость" />
				</div>
				<button class="button button-blue next">Отправить на одобрение</button>
			</div>

			<div class="step">
				<div class="loading_spinner">
					<div class="loading_spinner_animation">
						<div></div>
					</div>
				</div>
				<div class="preapproval_exists" style="display: none">
					<p>Пожалуйста, укажите контактное лицо, с которым мы можем связаться</p>
				</div>
				<div class="preapproval_new" style="display: none">
					<p>Оставьте контактные данные и мы свяжемся с Вами</p>
				</div>
				<div id="preapproval_form" style="display: none">
					<div class="form_field" id="preapproval_name_wrapper">
						<input id="preapproval_name" type="text" placeholder="Имя, фамилия" />
					</div>
					<div class="form_field" id="preapproval_phone_wrapper">
						<input id="preapproval_phone" type="phone" placeholder="Номер телефона" />
					</div>
					<div class="form_field" id="preapproval_form_policy_wrapper">
						<div class="preapproval_form_policy">
							<input type="checkbox" name="preapproval_form_policy_checkbox" id="preapproval_form_policy_checkbox" hidden checked/>
							<label for="preapproval_form_policy_checkbox">Даю свое согласие на обработку <u class="personal_data_link" id="personal_data_link">указанных персональных данных</u></label>
						</div>
					</div>
					<button class="button button-blue" id="preapproval_send_button" type="submit">Отправить</button>
					<div id="form_leasing_info" style="font-size: 9px; color: #666; opacity: 0.5; line-height:11px; height: 20px; padding-top: 12px;">защита от спама reCAPTCHA<br><a href="https://policies.google.com/privacy" target="_blank" style="font-size: 9px; color: #666; text-decoration:underline;">Конфиденциальность</a> - <a href="https://policies.google.com/terms" target="_blank" style="font-size: 9px; color: #666; text-decoration:underline;">Условия использования</a></div>
				</div>
			</div>

			<div class="step">
				<div class="loading_spinner">
					<div class="loading_spinner_animation">
						<div></div>
					</div>
				</div>
				<div class="preapproval_exists_success" style="display: none; padding-top: 20px;">
					<p>Ваш менеджер по лизингу свяжется с Вами в ближайшее время</p>
				</div>
				<div class="preapproval_new_success" style="display: none; padding-top: 20px;">
					<p>Спасибо за заявку, наш специалист свяжется с Вами в самое ближайшее время</p>
				</div>
				<div class="preapproval_error_recaptcha_message" style="display: none; padding-top: 20px;">
					<p>Сожалеем, запросы, отправляемые с Вашего устройства похожи на автоматические. Пожалуйста, воспользуйтесь другим браузером/подключением или попробуйте позднее.</p>
				</div>
				<div class="preapproval_error_message" style="display: none; padding-top: 20px;">
					<p>Извините, в процессе создания запроса вонзикла ошибка, пожалуйста, попробуйте снова через несколько минут.</p>
				</div>
			</div>

		</form>
	</div>
</div>