107 lines
4.5 KiB
PHP
107 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>Напишите на <a href="mailto:buy@evoleasing.ru">hr@evoleasing.ru</a> или заполните форму</p>
|
||
</div>
|
||
<form id="form_vacancy">
|
||
<div id="form_vacancy_process">
|
||
<input type="hidden" name="FORM_FIELD_VACANCY_REGION" value="<?= implode(", ", $arParams['VACANCY_REGIONS']); ?>"/>
|
||
<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">
|
||
<input type="radio" name="FORM_FIELD_GENDER" value="мужской" id="gender_1" hidden checked/>
|
||
<label for="gender_1">Мужской</label>
|
||
<input type="radio" name="FORM_FIELD_GENDER" value="женский" id="gender_2" hidden />
|
||
<label for="gender_2">Женский</label>
|
||
</div>
|
||
<div class="form_field" id="FORM_FIELD_CITY_wrapper">
|
||
<input type="text" id="FORM_FIELD_CITY" name="FORM_FIELD_CITY" 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="Адрес электронной почты *"/>
|
||
</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_VACANCY_wrapper">
|
||
<input type="text" id="FORM_FIELD_VACANCY" name="FORM_FIELD_VACANCY" value="<?= $arParams['VACANCY']; ?>" placeholder="Вакансия *"/>
|
||
</div>
|
||
<div class="form_field">
|
||
<div class="input_file">
|
||
<input type="file" id="file" name="FORM_FIELD_RESUME_FILE" hidden value="" />
|
||
<label for="file" class="button ">Приложить файл</label>
|
||
<span class="filename"></span>
|
||
</div>
|
||
</div>
|
||
<div class="policy">
|
||
<input type="checkbox" name="policy" id="policy" hidden checked/>
|
||
<label for="policy" required>Даю свое согласие на обработку <u class="personal_data_link" id="personal_data_link">моих персональных данных</u></label>
|
||
</div>
|
||
<button class="button" id="vacancy_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_vacancy_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>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|