94 lines
4.5 KiB
PHP
94 lines
4.5 KiB
PHP
<?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>
|
||
<section id="order">
|
||
<div class="container">
|
||
<h2 class="section_title">Купить в лизинг?</h2>
|
||
<div class="order_form">
|
||
<div class="order_email">
|
||
<p><b>Заполните форму</b> и наш менеджер в ближайшее время свяжется с Вами</p>
|
||
</div>
|
||
<form id="form_leasing_request">
|
||
<div id="form_leasing_process">
|
||
<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">Даю свое согласие на обработку <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>
|