122 lines
6.2 KiB
PHP
122 lines
6.2 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);
|
||
?>
|
||
<!-- Предварительное одобрение --->
|
||
<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="12"/>
|
||
</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>
|