<?
if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true)
	die();
/**
 * Bitrix vars
 *
 * @var array $arParams
 * @var array $arResult
 * @var CBitrixComponentTemplate $this
 * @global CMain $APPLICATION
 * @global CUser $USER
 */
CJSCore::Init(['phone_number']);
?>
<section class="contact-us-block block light-blue">
	<div class="contact-us-block__content container">
		<div class="row flex-column-reverse flex-lg-row">
			<div class="col-12 col-lg-8">
				<?
				$obName = 'ob' . preg_replace('/[^a-zA-Z0-9_]/', 'x', $arResult['AREA_ID']);
				?>
				<? if (!empty($arResult["ERROR_MESSAGE"])) {
					foreach ($arResult["ERROR_MESSAGE"] as $v)
						ShowError($v);
				}
				?>
				<form class="contact-us-block__form form" <?= ($arParams['FORM_ID'] ? 'id="' . $arParams['FORM_ID'] . '"' : ''); ?> 
					action="<?= !empty(POST_FORM_ACTION_URI) ? POST_FORM_ACTION_URI : '/' ?>" method="POST" enctype="multipart/form-data">
					<div class="row">
						<div class="col-lg-10">
							<h2 class="contact-us-block__title block__title form__title">Запишитесь на бесплатный приём
								в нашу клинику</h2>
						</div>
					</div>
					<?= bitrix_sessid_post() ?>
					<div class="form__group">
						<?php foreach ($arParams['FIELDS'] as $keyField => $field): ?>
							<?php if ($field['CODE'] == 'SPECIALITY'): ?>
								<div class="form__field">
									<select name="form_<?= mb_strtolower($field['CODE']); ?>">
										<option><?= $field['NAME']; ?></option>
										<option value="Терапевт">Терапевт</option>
										<option value="Ортопед">Ортопед</option>
										<option value="Ортодонт">Ортодонт</option>
										<option value="Хирург">Хирург</option>
										<option value="Имплантолог">Имплантолог</option>
									</select>
								</div>
								<? continue; ?>
							<? endif; ?>
							<?php switch ($field['TYPE']) {
								case 'TEXTAREA':
									?>
									<div class="form__field" data-entity="validate-field-wrap">
										<textarea data-entity="validate-field" name="form_<?= mb_strtolower($field['CODE']); ?>"
											placeholder="<?= $field['PLACEHOLDER']; ?>"
											class="default-form__form__input default-input <?= ($field['REQUIRED'] == 'Y' ? 'required' : ''); ?>"><?= ($arResult['SENDED_FIELDS'][$field['CODE']] ?: $field['VALUE']) ?></textarea>
									</div>
									<?php
									break;

								case 'PHONE':
									?>
									<div class="form__field" data-entity="validate-field-wrap">
										<input type="tel" data-entity="validate-field"
											name="form_<?= mb_strtolower($field['CODE']); ?>"
											placeholder="<?= $field['PLACEHOLDER']; ?>"
											class="default-form__form__input default-input <?= ($field['REQUIRED'] == 'Y' ? 'required' : ''); ?> phone-mask"
											value="<?= ($arResult['SENDED_FIELDS'][$field['CODE']] ?: $field['VALUE']) ?>">
									</div>
									<?php
									break;

								case 'FILE':
									?>
									<label class="input__file-button" data-entity="validate-field-wrap">
										<input name="form_<?= mb_strtolower($field['CODE']); ?>[]" type="file"
											data-entity="validate-field" class="input input__file" multiple>
										<span class="input__file-button-text">Прикрепите файл</span>
										<span class="input__file-icon-choose"><img class="input__file-icon"
												src="<?= $templateFolder; ?>/img/addFile.svg" alt="Выбрать файл" width="25" loading="lazy"></span>
									</label>
									<?php
									break;

								case 'LOCATION':
									?>
									<? $APPLICATION->IncludeComponent(
										"bitrix:sale.location.selector.search",
										".default",
										array(
											"CACHE_TIME" => "36000000",
											"CACHE_TYPE" => "A",
											"CODE" => "",
											"FILTER_BY_SITE" => "N",
											"ID" => $arResult['SENDED_FIELDS'][$field['CODE']],
											"INITIALIZE_BY_GLOBAL_EVENT" => "",
											"INPUT_NAME" => "form_" . mb_strtolower($field['CODE']),
											"JS_CALLBACK" => "",
											"JS_CONTROL_GLOBAL_ID" => "",
											"PROVIDE_LINK_BY" => "id",
											"SHOW_DEFAULT_LOCATIONS" => "N",
											"SUPPRESS_ERRORS" => "N"
										)
									); ?>
									<?php
									break;

								case 'INVISIBLE':
									?>
									<input type="hidden" name="form_<?= mb_strtolower($field['CODE']); ?>"
										class="default-form__form__input default-input"
										value="<?= ($arResult['SENDED_FIELDS'][$field['CODE']] ?: $field['VALUE']) ?>">
									<?php
									break;

								case 'STRING':
								default:
									?>
									<div class="form__field" data-entity="validate-field-wrap">
										<input type="text" name="form_<?= mb_strtolower($field['CODE']); ?>"
											placeholder="<?= $field['PLACEHOLDER']; ?>"
											class="default-form__form__input default-input <?= ($field['REQUIRED'] == 'Y' ? 'required' : ''); ?>"
											data-entity="validate-field"
											value="<?= ($arResult['SENDED_FIELDS'][$field['CODE']] ?: $field['VALUE']) ?>">
									</div>
									<?php
									break;
							} ?>
						<? endforeach; ?>
					</div>
					<div class="form__warning">Нажимая кнопку «Записаться на приём» вы даёте своё согласие на обработку
						персональных данных</div>
					<div class="form__submit">
						<? if ($arParams['USER_CONSENT'] == 'Y'): ?>
							<div class="default-form__form__agreement">
								<? $APPLICATION->IncludeComponent(
									"bitrix:main.userconsent.request",
									".default",
									array(
										"AUTO_SAVE" => "Y",
										"ID" => $arParams['USER_CONSENT_ID'],
										"IS_CHECKED" => $arParams['USER_CONSENT_IS_CHECKED'],
										"IS_LOADED" => $arParams['USER_CONSENT_IS_LOADED'],
										"INPUT_NAME" => "USER_CONSENT",
										"REPLACE" => array(
											'button_caption' => GetMessage("MFT_SUBMIT"),
											'fields' => array(GetMessage("MFT_NAME"), GetMessage("MFT_PHONE"), GetMessage("MFT_EMAIL"))
										),
									)
								); ?>
							</div>
						<? endif; ?>
						<input type="hidden" name="PARAMS_HASH" value="<?= $arResult["PARAMS_HASH"] ?>">

						<input type="hidden" name="submited" value="<?= GetMessage("MFT_SUBMIT") ?>">
						<button class="btn btn_filled" type="submit" value="<?= GetMessage("MFT_SUBMIT") ?>"
							id="<?= $arParams['FORM_ID']; ?>_submit"><?= GetMessage("MFT_SUBMIT") ?></button>
					</div>
				</form>
				<?
				$jsParams = [
					'FORM_ID' => $arParams['FORM_ID'],
					'AJAX_MODE' => $arParams['AJAX_MODE'],
					'AJAX_ID' => $arParams['AJAX_ID'],
					'USE_CAPTCHA' => $arParams["USE_CAPTCHA"],
					'PUBLIC_KEY' => $arParams['PUBLIC_KEY'],
					'OBJ_NAME' => $obName,
				];
				?>
				<script>
					<? if ($arResult["OK_MESSAGE"] <> ''): ?>
						showSuccess('<?= $arResult["OK_MESSAGE"] ?>');
						initSelectric();
					<? endif; ?>

					var <?= $obName ?>;
					function <?= $obName; ?>OnSubmit(token) {
						<?= $obName; ?>.OnSubmit(token);
					}

					var <?= $obName; ?>_waitFormClass = setInterval(params => {
						if (typeof JCFeedbackForm !== 'undefined') {
							<?= $obName ?> = new JCFeedbackForm(<?= CUtil::PhpToJSObject($jsParams, false, true) ?>);
							clearInterval(<?= $obName; ?>_waitFormClass);
						}
					}, 10);

				</script>
			</div>
			<div class="col-12 col-lg-4">
				<div class="contact-us-block__pic pic-wrapper"><img class="_center"
						src="<?= makeWebp(SITE_TEMPLATE_PATH . '/img/common/footer-main.png'); ?>" alt="-" loading="lazy"></div>
			</div>
		</div>
	</div>
</section>