<?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);
?>
<style type="text/css">
	@keyframes send_button_spinner_animation {
		0% { transform: translate(-50%,-50%) rotate(0deg); }
		100% { transform: translate(-50%,-50%) rotate(360deg); }
	}
	.send_button_spinner_animation div {
		position: absolute;
		width: 65px;
		height: 65px;
		border: 5px solid #1c01a9;
		border-top-color: transparent;
		border-radius: 50%;
	}
	.send_button_spinner_animation div {
		animation: send_button_spinner_animation 1s linear infinite;
		top: 50px;
		left: 50px
	}
	#send_button_spinner {
		width: 28px;
		height: 28px;
		display: inline-block;
		overflow: hidden;
		background: none;
	}
	.send_button_spinner_animation {
		width: 100%;
		height: 100%;
		position: relative;
		transform: translateZ(0) scale(0.28);
		backface-visibility: hidden;
		transform-origin: 0 0; /* see note above */
	}
	.send_button_spinner_animation div { box-sizing: content-box; }
</style>
<a name="order"></a>
<section id="order">
	<div class="container">
		<h2 class="order_title">У Вас появились вопросы?</h2>
		<h3 class="order_title_sub">Всё о покупке автомобилей в лизинг</h2>
		<div class="order_form">
			<div class="order_email">
				<p>Напишите на <a href="mailto:buy@evoleasing.ru">buy@evoleasing.ru</a> или заполните форму</p>
			</div>
			<form id="form_leasing_request">
				<div id="form_leasing_process" style="position:relative;">
					<div class="form_field" id="FORM_FIELD_FIO_wrapper">
						<input type="text" id="FORM_FIELD_FIO" name="FORM_FIELD_FIO" value="" placeholder="Имя *"/>
					</div>
					<div class="form_field" id="FORM_FIELD_PHONE_wrapper">
						<input type="tel" id="FORM_FIELD_PHONE" name="FORM_FIELD_PHONE" value="" placeholder="Телефон *"/>
					</div>
					<div class="form_field" id="FORM_FIELD_EMAIL_wrapper">
						<input type="text" id="FORM_FIELD_EMAIL" name="FORM_FIELD_EMAIL" value="" placeholder="E-mail *"/>
					</div>
					<div class="form_field" id="FORM_FIELD_COMPANY_wrapper">
						<input type="text" id="FORM_FIELD_COMPANY" name="FORM_FIELD_COMPANY" value="" placeholder="Организация" />
					</div>
					<div class="policy">
						<input type="checkbox" name="policy" id="policy" hidden checked/>
						<label for="policy">Даю свое согласие на обработку &nbsp;<u class="personal_data_link" id="personal_data_link">моих персональных данных</u></label>
					</div>
					<button type="submit" class="button" id="leasing_send_button" style="width:110px; display: flex; justify-content: center;">
						<div id="send_button_spinner" style="display:none;">
							<div class="send_button_spinner_animation">
								<div></div>
							</div>
						</div>
						<span id="send_button_text" style="display:block;">Отправить</span>
					</button>
				</div>
				<div id="form_leasing_success" style="min-height: 400px; align-items: center; justify-content: center; display: none;">
					<p style="color: #fff; font-size: 24px; line-height: 34px;">Благодарим Вас за обращение, наши специалисты свяжутся с Вами в ближайшее время.</p>
				</div>
				<div id="form_leasing_fail" style="background-color: #2C2D2E; min-height: 400px; align-items: center; justify-content: center; display: none;">
					<p style="color: #fff; font-size: 24px; line-height: 34px;">Сожалеем, запросы, отправляемые с Вашего устройства похожи на автоматические. Пожалуйста, воспользуйтесь другим браузером/подключением или попробуйте позднее.</p>
				</div>
				<div id="form_leasing_info" style="position:absolute; left:10px; bottom:9px; font-size: 9px; color: #FFF; opacity: 0.5; line-height:11px;">защита от спама reCAPTCHA<br><a href="https://policies.google.com/privacy" target="_blank" style="font-size: 9px; color: #FFF; text-decoration:underline;">Конфиденциальность</a> - <a href="https://policies.google.com/terms" target="_blank" style="font-size: 9px; color: #FFF; text-decoration:underline;">Условия использования</a>
			</form>
		</div>
	</div>
</section>