@php
	/*--------------------------------------------
	숙박정보 입력/뷰 template
	--------------------------------------------*/

	// 다중호출 시 javascript binding의 중복을 방지하기 위해 랜덤키를 생성
	$element_key = 'key-'.Str::random(16);
@endphp

@push('head')
<style type="text/css">
	.form-group.el-group .accommodation_option_label{margin-right:130px;}
	.form-group.el-group .accommodation_option_input{position:absolute;top:0;right:6px;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		var section = $('section.{{ $element_key }}');

		section.find('input.form-date').each(function() {
			if ($(this).val()) {
				$(this).val($(this).val().replace(/^(\d{4}).?-?(\d{2}).?-?(\d{2})$/, '$1.$2.$3'));
			}
		}).datepicker().bind('changeDate', function() {
			var accommodation_start_date = section.find('input.form-date[name=accommodation_start_date]');
			var accommodation_end_date = section.find('input.form-date[name=accommodation_end_date]');

			if (accommodation_start_date.length < 1 || accommodation_end_date.length < 1) return;

			if ($(this).attr('name') == 'accommodation_start_date') {
				// 수업종료일 최소값 설정
				var date = $(this).val().replace(/[^0-9]/g, '');
				date = new Date(date.substr(0,4), date.substr(4,2) - 1, date.substr(6,2));
				accommodation_end_date.datepicker('setStartDate', date);
			} else if ($(this).attr('name') == 'accommodation_end_date') {
				// 수업시작일 최대값 설정
				var date = $(this).val().replace(/[^0-9]/g, '');
				date = new Date(date.substr(0,4), date.substr(4,2) - 1, date.substr(6,2));
				accommodation_start_date.datepicker('setEndDate', date);
			}
		});

		section.find('select[name="code_accommodation_type[]"]').change(function() {
			var el_room = $(this).closest('.accommodation-group').find('select[name="code_accommodation_room[]"]').closest('.form-group.el-group');
			if ($(this).val() === 'homestay') {
				el_room.removeClass('hidden');
			} else {
				el_room.find('select[name="code_accommodation_room[]"]').val(null).trigger('change.select2');
				el_room.addClass('hidden');
			}
		});
	});
</script>
@endpush
<section class="{{ $element_key }}">
	{{-- process_accommodation_enabled : process 등록 중 accommodation관련 항목들에 대해 저장 활성화 flag --}}
	<input type="hidden" name="process_accommodation_enabled" value="true"/>
	<div class="accommodation-groups">
	@for ($i=0; $i<max(1, count($accommodation)); $i++)
		<div class="accommodation-group">
			<input type="hidden" name="process_accommodation_id[]" value="{{ $accommodation[$i]['process_accommodation_id'] or '' }}"/>
			<div class="form-group el-group">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.accomodation_type') }}</label>
				<div class="el-group-cont">
					<div class="input-block">
						<div class="selectbox">
							<select class="form-control" name="code_accommodation_type[]" data-placeholder="@isNotEqual($isLock, true, 'Please select an accommodation type.')" @readonly($isLock)>
								<option></option>
							@foreach (ConfigCode::getCodes('ACCOMMODATION_TYPE') as $code)
								<option value="{{ $code->code }}" @isEqual($accommodation[$i]['code_type'], $code->code, 'selected')>{{ $code->name }}</option>
							@endforeach
							</select>
						</div>
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
			<div class="form-group el-group @isNotEqual($accommodation[$i]['code_type'], 'homestay', 'hidden')">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.room_type') }}</label>
				<div class="el-group-cont">
					<div class="input-block">
						<div class="selectbox">
							<select class="form-control" name="code_accommodation_room[]" data-placeholder="@isNotEqual($isLock, true, 'Please select a room type.')" @readonly($isLock)>
								<option></option>
							@foreach (ConfigCode::getCodes('ACCOMMODATION_ROOM') as $code)
								<option value="{{ $code->code }}" @isEqual($accommodation[$i]['code_room'], $code->code, 'selected')>{{ $code->name }}</option>
							@endforeach
							</select>
						</div>
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
			<div class="form-group el-group">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.dining_options') }}</label>
				<div class="el-group-cont">
					<div class="input-block clearfix">
					@foreach (ConfigCode::getCodes('ACCOMMODATION_MEAL') as $code)
						<div class="checkboxradio inline-block has-success pull-left" style="margin:0;width:40%">
							<input type="checkbox" id="{{ $element_key }}_{{ $i }}_accommodation_meal_{{ $code->code }}" name="code_accommodation_meal[{{ $i }}][]" value="{{ $code->code }}" {{ isset($accommodation[$i]['code_meal']) && in_array($code->code, $accommodation[$i]['code_meal']) ? 'checked' : '' }} @readonly($isLock)/><label for="{{ $element_key }}_{{ $i }}_accommodation_meal_{{ $code->code }}">{{ $code->name }}</label>
						</div>
					@endforeach
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
			<div class="form-group el-group">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.length_of_stay') }}</label>
				<div class="el-group-cont">
					<div class="input-block">
						<input type="tel" class="form-control digits" name="accommodation_week[]" value="{{ $accommodation[$i]['week'] or '' }}" placeholder="@isNotEqual($isLock, true, 'Numbers only')" @readonly($isLock)/>
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
			<div class="form-group el-group">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.checkin_date') }}</label>
				<div class="el-group-cont">
					<div class="input-block">
						<input type="text" class="form-control form-date" name="accommodation_start_date[]" value="@dateFormat($accommodation[$i]['start_date'])" placeholder="{{ isset($isLock) && $isLock ? '' : 'ex) '.date('Y.m.d') }}" @readonly($isLock)/>
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
			<div class="form-group el-group">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.checkout_date') }}</label>
				<div class="el-group-cont">
					<div class="input-block">
						<input type="text" class="form-control form-date" name="accommodation_end_date[]" value="@dateFormat($accommodation[$i]['end_date'])" placeholder="{{ isset($isLock) && $isLock ? '' : 'ex) '.date('Y.m.d') }}" @readonly($isLock)/>
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
			<div class="form-group el-group">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.homestay_options') }}</label>
				<div class="el-group-cont">
					<div class="input-block">
					@php
						$accommodation_option = [
							['code' => 'accommodation_smoke_check', 'label' => Lang::get('template_process.desc.you_smoke'), 'value' => isset($accommodation[$i]['option_smoke_check']) ? $accommodation[$i]['option_smoke_check'] : ''],
							['code' => 'accommodation_pet_check', 'label' => Lang::get('template_process.desc.you_with_pets'), 'value' => isset($accommodation[$i]['option_pet_check']) ? $accommodation[$i]['option_pet_check'] : ''],
							['code' => 'accommodation_children_check', 'label' => Lang::get('template_process.desc.you_with_children'), 'value' => isset($accommodation[$i]['option_children_check']) ? $accommodation[$i]['option_children_check'] : ''],
							['code' => 'accommodation_allergy_check', 'label' => Lang::get('template_process.desc.you_allergies'), 'value' => isset($accommodation[$i]['option_allergy_check']) ? $accommodation[$i]['option_allergy_check'] : ''],
						];
					@endphp
					@foreach ($accommodation_option as $option)
						<div class="relative">
							<div class="accommodation_option_label">
								<p class="form-control-static">{{ $option['label'] }}</p>
							</div>
							<div class="accommodation_option_input">
								<div class="checkboxradio inline-block has-success">
									<input type="radio" id="{{ $element_key }}_{{ $i }}_{{ $option['code'] }}_Y" name="{{ $option['code'] }}[{{ $i }}]" value="Y" @isEqual($option['value'], 'Y', 'checked') @readonly($isLock)/><label for="{{ $element_key }}_{{ $i }}_{{ $option['code'] }}_Y">Yes</label>
								</div>
								<div class="checkboxradio inline-block has-warning">
									<input type="radio" id="{{ $element_key }}_{{ $i }}_{{ $option['code'] }}_N" name="{{ $option['code'] }}[{{ $i }}]" value="N" @isEqual($option['value'], 'N', 'checked') @readonly($isLock)/><label for="{{ $element_key }}_{{ $i }}_{{ $option['code'] }}_N">No</label>
								</div>
							</div>
						</div>
					@endforeach
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
			<div class="form-group el-group">
				<label class="el-group-title control-label">{{ Lang::get('template_process.word.notes') }}</label>
				<div class="el-group-cont">
					<div class="input-block">
						<textarea class="textarea" name="accommodation_memo[]" style="height:140px" placeholder="@isNotEqual($isLock, true, 'Please enter notes.')" @readonly($isLock)>{{ $accommodation[$i]['memo'] or '' }}</textarea>
					</div>
					<div class="help-block help-block-error"></div>
				</div>
			</div>
		</div>
	@endfor
	</div>
</section>