<?
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']);
?>
<div class="reg-popup__main">
		<?
		$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="form" <?=($arParams['FORM_ID'] ? 'id="'.$arParams['FORM_ID'].'"' : '');?> action="<?=POST_FORM_ACTION_URI?>" method="POST" enctype="multipart/form-data">
		<h2 class="block__title form__title">заказать звонок</h2>
	<?=bitrix_sessid_post()?>
		<div class="form__group">
		<?php foreach($arParams['FIELDS'] as $keyField => $field):?>
			<?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"></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']);?>" placeholder="<?=$field['PLACEHOLDER'];?>" 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"]?>">
<!--		    --><?//if($arParams["USE_CAPTCHA"] == "Y" && $arParams['FORM_ID']):?>
<!--		    	--><?//$this->addExternalJs("https://www.google.com/recaptcha/api.js")?>
<!--		    	<div id="--><?php //=$arParams['FORM_ID'];?><!--RecaptchaId"></div>-->
<!--		    --><?//endif;?>
		    	<input type="hidden" name="submited" value="<?=GetMessage("MFT_SUBMIT")?>">
			    <button class="btn btn_filled" type="submit" value="<?=GetMessage("MFT_SUBMIT")?>" name="" 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"]?>');
		<?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>