@version(2)
@load('css/lodging.css')
@load('js/lodging.js')

@php
$ldg_df = isset($lang->lodging_date_fmt) ? $lang->lodging_date_fmt : 'Y.m.d';
$ldg_dtf = isset($lang->lodging_datetime_fmt) ? $lang->lodging_datetime_fmt : 'Y.m.d H:i';
$ldg_money = isset($lang->lodging_money) ? $lang->lodging_money : '%s' . $lang->lodging_won;
$ldg_mid = $module_info->mid;
$ldg_thumb = \Zittme\Modules\Lodging\Models\Image::firstUrl((int)$room_type->room_type_srl);
if ($ldg_thumb === '') { $ldg_thumb = \Zittme\Modules\Lodging\Models\Image::firstUrl((int)$property->property_srl); }
$ldg_person = (int)\Context::get('person');
if ($ldg_person < 1 || $ldg_person > (int)$room_type->max_person) { $ldg_person = (int)$room_type->std_person; }
$ldg_open = (int)substr($room_type->dayuse_open, 0, 2);
$ldg_close = (int)substr($room_type->dayuse_close, 0, 2) - (int)$room_type->dayuse_hours;
$ldg_period_label = $stay_type === 'dayuse'
	? zdate($checkin, $ldg_df) . ' · ' . $lang->lodging_dayuse . ' · ' . sprintf($lang->lodging_dayuse_hours, $room_type->dayuse_hours)
	: zdate($checkin, $ldg_df) . ' ~ ' . zdate($checkout, $ldg_df) . ' · ' . sprintf($lang->lodging_nights, $nights);
$ldg_back_url = getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingView', 'property_srl', $property->property_srl, 'stay_type', $stay_type, 'checkin', $checkin, 'checkout', $checkout);
@endphp

<div class="ldg ldg-book-page">
	<nav class="ldg-crumb" aria-label="breadcrumb">
		<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingIndex') }}">{{ $lang->lodging }}</a>
		<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 5 7 7-7 7z"/></svg>
		<a href="{{ $ldg_back_url }}">{{ $property->title }}</a>
		<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 5 7 7-7 7z"/></svg>
		<span>{{ $lang->lodging_book_now }}</span>
	</nav>

	<div class="ldg-steps" aria-hidden="true">
		<span><b>1</b>{{ $lang->lodging_step_dates }}</span>
		<svg viewBox="0 0 24 24"><path d="m9 5 7 7-7 7z"/></svg>
		<span class="is-on"><b>2</b>{{ $lang->lodging_step_guest }}</span>
		<svg viewBox="0 0 24 24"><path d="m9 5 7 7-7 7z"/></svg>
		<span><b>3</b>{{ $lang->lodging_step_pay }}</span>
	</div>

	<div class="ldg-layout">
		<form class="ldg-form" action="{{ getUrl('') }}" method="post">
			<input type="hidden" name="module" value="lodging" />
			<input type="hidden" name="act" value="procLodgingBook" />
			<input type="hidden" name="mid" value="{{ $ldg_mid }}" />
			<input type="hidden" name="property_srl" value="{{ $property->property_srl }}" />
			<input type="hidden" name="room_type_srl" value="{{ $room_type->room_type_srl }}" />
			<input type="hidden" name="stay_type" value="{{ $stay_type }}" />
			<input type="hidden" name="checkin" value="{{ $checkin }}" />
			<input type="hidden" name="checkout" value="{{ $checkout }}" />

			<fieldset>
				<legend>{{ $lang->lodging_booker_info }}</legend>
				<div class="ldg-row-2">
					<div class="ldg-row">
						<label for="ldg_name">{{ $lang->lodging_booker_name }} <em>*</em></label>
						<input type="text" id="ldg_name" name="guest_name" value="{{ $logged_name }}" required autocomplete="name" />
					</div>
					<div class="ldg-row">
						<label for="ldg_phone">{{ $lang->lodging_booker_phone }} <em>*</em></label>
						<input type="tel" id="ldg_phone" name="guest_phone" value="{{ $logged_phone }}" required autocomplete="tel" placeholder="010-0000-0000" />
					</div>
				</div>
				<div class="ldg-row-2">
					<div class="ldg-row">
						<label for="ldg_email">{{ $lang->lodging_booker_email }}</label>
						<input type="email" id="ldg_email" name="guest_email" value="{{ $logged_email }}" autocomplete="email" />
					</div>
					<div class="ldg-row">
						<label for="ldg_person">{{ $lang->lodging_person }}</label>
						<select id="ldg_person" name="person_count">
							@for ($ldg_i = 1; $ldg_i <= (int)$room_type->max_person; $ldg_i++)
							<option value="{{ $ldg_i }}" @if ($ldg_i === $ldg_person) selected @endif>{{ sprintf($lang->lodging_person_count, $ldg_i) }}</option>
							@endfor
						</select>
					</div>
				</div>
				@if (!$is_logged)
				<div class="ldg-row">
					<label for="ldg_password">{{ $lang->lodging_guest_password }} <em>*</em></label>
					<input type="password" id="ldg_password" name="guest_password" required autocomplete="new-password" />
					<small>{{ $lang->lodging_guest_password_help }}</small>
				</div>
				@endif
				@if ($stay_type === 'dayuse')
				<div class="ldg-row">
					<label for="ldg_dayuse_start">{{ $lang->lodging_dayuse_start }}</label>
					<select id="ldg_dayuse_start" name="dayuse_start">
						@for ($ldg_h = $ldg_open; $ldg_h <= max($ldg_open, $ldg_close); $ldg_h++)
						<option value="{{ sprintf('%02d00', $ldg_h) }}">{{ sprintf('%02d:00', $ldg_h) }}</option>
						@endfor
					</select>
				</div>
				@endif
				<div class="ldg-row">
					<label for="ldg_memo">{{ $lang->lodging_request_memo }}</label>
					<input type="text" id="ldg_memo" name="request_memo" maxlength="250" />
				</div>
			</fieldset>

			<fieldset>
				<legend>{{ $lang->lodging_coupon }}</legend>
				@if ($is_logged)
				<div class="ldg-row">
					<label for="ldg_wallet">{{ $lang->lodging_use_wallet_coupon }}</label>
					@if (count($wallet_list))
					<select id="ldg_wallet" name="wallet_srl" data-ldg-wallet>
						<option value="" data-type="" data-value="0" data-max="0" data-min="0">{{ $lang->lodging_wallet_none_option }}</option>
						@foreach ($wallet_list as $ldg_w)
						<option value="{{ $ldg_w->wallet_srl }}" data-type="{{ $ldg_w->coupon->discount_type }}" data-value="{{ (int)$ldg_w->coupon->discount_value }}" data-max="{{ (int)$ldg_w->coupon->max_discount }}" data-min="{{ (int)$ldg_w->coupon->min_amount }}">{{ $ldg_w->coupon->title }} ({{ $ldg_w->coupon->discount_type === 'rate' ? sprintf($lang->lodging_coupon_off_rate, (int)$ldg_w->coupon->discount_value) : sprintf($lang->lodging_coupon_off_amount, number_format((int)$ldg_w->coupon->discount_value)) }})</option>
						@endforeach
					</select>
					@else
					<div class="ldg-inline-note">{{ $lang->lodging_no_wallet_coupon_short }} <a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingCoupons') }}">{{ $lang->lodging_go_claim }}</a></div>
					@endif
				</div>
				@endif
				<div class="ldg-row">
					<label for="ldg_coupon">{{ $is_logged ? $lang->lodging_or_enter_code : $lang->lodging_coupon_code }}</label>
					<input type="text" id="ldg_coupon" name="coupon_code" autocomplete="off" placeholder="{{ $lang->lodging_coupon_code }}" />
					<small>{{ $lang->lodging_coupons_here }}: {{ $lang->lodging_coupon_apply }}</small>
				</div>
			</fieldset>

			@if ($is_logged)
			<fieldset>
				<legend>{{ $lang->lodging_point_use }} <span class="ldg-legend-sub">{{ $lang->lodging_point_balance }} <b>{{ number_format($point_balance) }}P</b></span></legend>
				<div class="ldg-row">
					<div class="ldg-point-input">
						<input type="number" id="ldg_point" name="point_used" value="0" min="0" step="1" max="{{ min($point_balance, $room_amount) }}" data-ldg-point data-balance="{{ $point_balance }}" data-min-use="{{ $point_min_use }}" @if ($point_balance < $point_min_use) disabled @endif />
						<button type="button" class="ldg-btn ldg-btn-sm" data-ldg-point-all @if ($point_balance < $point_min_use) disabled @endif>{{ $lang->lodging_point_use_all }}</button>
					</div>
					<small>{{ sprintf($lang->lodging_point_use_help, number_format($point_min_use)) }} · {{ sprintf($lang->lodging_point_earn_help, rtrim(rtrim(number_format($point_rate, 1), '0'), '.')) }}</small>
				</div>
			</fieldset>
			@endif

			<fieldset>
				<legend>{{ $lang->lodging_pay_method }}</legend>
				<div class="ldg-paymethods">
					@if ($can_prepay)
					<label class="ldg-choice">
						<input type="radio" name="pay_method" value="prepay" checked />
						<span>{{ $lang->lodging_pay_prepay }}<small>{{ $lang->lodging_allow_prepay }}</small></span>
					</label>
					@endif
					@if ($can_onsite)
					<label class="ldg-choice">
						<input type="radio" name="pay_method" value="onsite" @if (!$can_prepay) checked @endif />
						<span>{{ $lang->lodging_pay_onsite }}<small>{{ $lang->lodging_checkin_time }} {{ substr($property->checkin_time, 0, 2) }}:{{ substr($property->checkin_time, 2, 2) }}</small></span>
					</label>
					@endif
				</div>
			</fieldset>

			<div class="ldg-cancelbox">
				<strong>{{ $lang->lodging_cancel_policy }}</strong>
				@if (count($cancel_rules))
				<ul class="ldg-rules">
					@foreach ($cancel_rules as $ldg_rule)
					<li>
						@if ((int)$ldg_rule->days_before > 0){{ sprintf($lang->lodging_cancel_rule_row, (int)$ldg_rule->days_before, (int)$ldg_rule->refund_rate) }}@else{{ sprintf($lang->lodging_cancel_rule_today, (int)$ldg_rule->refund_rate) }}@endif
					</li>
					@endforeach
				</ul>
				@else
				<p class="ldg-muted">{{ $lang->lodging_no_cancel_rule }}</p>
				@endif
			</div>

			<label class="ldg-agree">
				<input type="checkbox" data-ldg-agree required />
				<span>{{ $lang->lodging_agree }}</span>
			</label>

			<div class="ldg-actions">
				<a class="ldg-btn ldg-btn-ghost" href="{{ $ldg_back_url }}">{{ $lang->lodging_select_room }}</a>
				<button type="submit" class="ldg-btn ldg-btn-primary ldg-btn-lg" data-ldg-submit>{{ $lang->lodging_book_now }} · <span data-bill-submit>{{ number_format($room_amount) }}{{ $lang->lodging_won }}</span></button>
			</div>
		</form>

		<aside>
			<div class="ldg-card ldg-summary">
				<div class="ldg-summary-thumb" @if ($ldg_thumb !== '') style="background-image:url('{{ $ldg_thumb }}')" @endif></div>
				<strong>{{ $property->title }}</strong>
				<p>{{ $room_type->title }} · {{ sprintf($lang->lodging_std_person, $room_type->std_person) }} · {{ sprintf($lang->lodging_max_person, $room_type->max_person) }}</p>
				<p>{{ $ldg_period_label }}</p>
				@if ((int)$extra_person_total > 0)
				<p class="ldg-muted">{{ sprintf($lang->lodging_extra_person_note, (int)$room_type->std_person, number_format($extra_person_total)) }}</p>
				@endif
				@if ($stay_type === 'stay' && ((int)($room_type->min_nights ?? 1) > 1 || (int)($room_type->max_nights ?? 30) !== 30))
				<p class="ldg-muted">{{ sprintf($lang->lodging_nights_range_note, max(1, (int)($room_type->min_nights ?? 1)), max(1, (int)($room_type->max_nights ?? 30))) }}</p>
				@endif
				<div class="ldg-bill" data-ldg-bill data-room="{{ (int)$room_amount }}" data-std="{{ (int)$room_type->std_person }}" data-extra="{{ (int)$extra_person_total }}" data-long-discount="{{ (int)($room_quote['long_stay_discount'] ?? 0) }}" data-won="{{ $lang->lodging_won }}">
					<div><span>{{ $lang->lodging_room_amount }}</span><span data-bill-room>{{ number_format((int)$room_amount + (int)($room_quote['long_stay_discount'] ?? 0)) }}{{ $lang->lodging_won }}</span></div>
					@if ((int)($room_quote['long_stay_discount'] ?? 0) > 0)
					<div><span>{{ $lang->lodging_long_stay_discount }}</span><span>-{{ number_format($room_quote['long_stay_discount']) }}{{ $lang->lodging_won }}</span></div>
					@endif
					<div><span>{{ $lang->lodging_discount }}</span><span data-bill-discount>0{{ $lang->lodging_won }}</span></div>
					@if ($is_logged)<div><span>{{ $lang->lodging_point_used }}</span><span data-bill-point>0P</span></div>@endif
					<div class="is-total"><span>{{ $lang->lodging_pay_amount }}</span><b data-bill-total>{{ number_format($room_amount) }}{{ $lang->lodging_won }}</b></div>
				</div>
			</div>
		</aside>
	</div>
</div>