@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_status_labels = [
	'confirmed' => $lang->lodging_status_confirmed,
	'canceled' => $lang->lodging_status_canceled,
	'completed' => $lang->lodging_status_completed,
	'noshow' => $lang->lodging_status_noshow,
	'hold' => $lang->lodging_status_hold,
	'expired' => $lang->lodging_status_expired,
];
$ldg_today = date('Ymd');
$ldg_upcoming = [];
$ldg_past = [];
$ldg_props = [];
foreach ($booking_list as $ldg_bk)
{
	$ldg_psrl = (int)$ldg_bk->property_srl;
	if (!isset($ldg_props[$ldg_psrl]))
	{
		$ldg_pobj = \Zittme\Modules\Lodging\Models\Property::get($ldg_psrl);
		$ldg_props[$ldg_psrl] = [
			'title' => $ldg_pobj ? (string)$ldg_pobj->title : '-',
			'thumb' => \Zittme\Modules\Lodging\Models\Image::firstUrl($ldg_psrl),
		];
	}
	$ldg_bk->prop_title = $ldg_props[$ldg_psrl]['title'];
	$ldg_bk->prop_thumb = $ldg_props[$ldg_psrl]['thumb'];
	if (($ldg_bk->status === 'confirmed' || $ldg_bk->status === 'hold') && $ldg_bk->checkin_ymd >= $ldg_today) { $ldg_upcoming[] = $ldg_bk; }
	else { $ldg_past[] = $ldg_bk; }
}
@endphp

<div class="ldg ldg-narrow ldg-my-page">
	<div class="ldg-section-head">
		<div><h2 class="ldg-title">{{ $lang->lodging_my_bookings }}</h2></div>
		<span>
			@if ($is_logged)<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingMyPoints') }}">{{ $lang->lodging_point }} {{ number_format($point_balance) }}P</a> · <a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingMyCoupons') }}">{{ $lang->lodging_my_coupons }}</a> · @endif
			<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingIndex') }}">{{ $lang->lodging_all_properties }}</a>
		</span>
	</div>

	@if ($need_auth)
	<div class="ldg-card" style="padding:22px">
		<h3 style="margin-bottom:6px">{{ $lang->lodging_guest_lookup }}</h3>
		<p class="ldg-desc" style="margin:0 0 16px">{{ $lang->lodging_guest_lookup_help }}</p>
		<form class="ldg-form" action="{{ getUrl('') }}" method="post">
			<input type="hidden" name="module" value="lodging" />
			<input type="hidden" name="act" value="procLodgingGuestLookup" />
			<input type="hidden" name="mid" value="{{ $ldg_mid }}" />
			<div class="ldg-row-2">
				<div class="ldg-row">
					<label for="ldg_lookup_code">{{ $lang->lodging_booking_code }}</label>
					<input type="text" id="ldg_lookup_code" name="booking_code" required autocomplete="off" />
				</div>
				<div class="ldg-row">
					<label for="ldg_lookup_pw">{{ $lang->lodging_guest_password }}</label>
					<input type="password" id="ldg_lookup_pw" name="guest_password" required autocomplete="off" />
				</div>
			</div>
			<div class="ldg-actions">
				<button type="submit" class="ldg-btn ldg-btn-primary ldg-btn-lg">{{ $lang->lodging_lookup }}</button>
				<a class="ldg-btn ldg-btn-ghost" href="{{ getUrl('', 'act', 'dispMemberLoginForm') }}">{{ lang('member.cmd_login') }}</a>
			</div>
		</form>
	</div>

	@else

	@if (count($ldg_upcoming))
	<p class="ldg-my-group">{{ $lang->lodging_upcoming }}</p>
	<ul class="ldg-mylist">
		@foreach ($ldg_upcoming as $ldg_bk)
		<li>
			<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingResult', 'code', $ldg_bk->booking_code) }}">
				<span class="ldg-my-thumb" @if ($ldg_bk->prop_thumb !== '') style="background-image:url('{{ $ldg_bk->prop_thumb }}')" @endif></span>
				<span class="ldg-my-body">
					<b>{{ $ldg_bk->prop_title }}</b>
					<span>{{ zdate($ldg_bk->checkin_ymd, $ldg_df) }}@if ($ldg_bk->stay_type === 'stay') ~ {{ zdate($ldg_bk->checkout_ymd, $ldg_df) }}@endif · {{ $ldg_bk->stay_type === 'dayuse' ? $lang->lodging_dayuse : $lang->lodging_stay }}</span>
					<span class="ldg-muted">{{ $ldg_bk->booking_code }}</span>
				</span>
				<span class="ldg-my-right">
					<span class="ldg-status ldg-status-{{ $ldg_bk->status }}">{{ $ldg_status_labels[$ldg_bk->status] ?? $ldg_bk->status }}</span>
					@if ($ldg_bk->status === 'hold')<span class="ldg-muted">{{ $lang->lodging_hold_short }}</span>@endif
					<span class="ldg-my-amount">{{ sprintf($ldg_money, number_format($ldg_bk->total_amount)) }}</span>
				</span>
			</a>
		</li>
		@endforeach
	</ul>
	@endif

	@if (count($ldg_past))
	<p class="ldg-my-group">{{ $lang->lodging_past }}</p>
	<ul class="ldg-mylist">
		@foreach ($ldg_past as $ldg_bk)
		<li>
			<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingResult', 'code', $ldg_bk->booking_code) }}">
				<span class="ldg-my-thumb" @if ($ldg_bk->prop_thumb !== '') style="background-image:url('{{ $ldg_bk->prop_thumb }}')" @endif></span>
				<span class="ldg-my-body">
					<b>{{ $ldg_bk->prop_title }}</b>
					<span>{{ zdate($ldg_bk->checkin_ymd, $ldg_df) }}@if ($ldg_bk->stay_type === 'stay') ~ {{ zdate($ldg_bk->checkout_ymd, $ldg_df) }}@endif · {{ $ldg_bk->stay_type === 'dayuse' ? $lang->lodging_dayuse : $lang->lodging_stay }}</span>
					<span class="ldg-muted">{{ $ldg_bk->booking_code }}</span>
				</span>
				<span class="ldg-my-right">
					<span class="ldg-status ldg-status-{{ $ldg_bk->status }}">{{ $ldg_status_labels[$ldg_bk->status] ?? $ldg_bk->status }}</span>
					@if ($ldg_bk->status === 'hold')<span class="ldg-muted">{{ $lang->lodging_hold_short }}</span>@endif
					<span class="ldg-my-amount">{{ sprintf($ldg_money, number_format($ldg_bk->total_amount)) }}</span>
				</span>
			</a>
		</li>
		@endforeach
	</ul>
	@endif

	@if (!count($booking_list))
	<div class="ldg-empty">
		{{ $lang->lodging_no_booking }}
		<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingIndex') }}">{{ $lang->lodging_all_properties }}</a>
	</div>
	@endif

	<details style="margin-top:28px">
		<summary class="ldg-muted" style="cursor:pointer;font-size:13.5px">{{ $lang->lodging_guest_lookup }}</summary>
		<form class="ldg-form" action="{{ getUrl('') }}" method="post" style="margin-top:12px">
			<input type="hidden" name="module" value="lodging" />
			<input type="hidden" name="act" value="procLodgingGuestLookup" />
			<input type="hidden" name="mid" value="{{ $ldg_mid }}" />
			<div class="ldg-row-2">
				<div class="ldg-row">
					<label for="ldg_lookup_code2">{{ $lang->lodging_booking_code }}</label>
					<input type="text" id="ldg_lookup_code2" name="booking_code" required autocomplete="off" />
				</div>
				<div class="ldg-row">
					<label for="ldg_lookup_pw2">{{ $lang->lodging_guest_password }}</label>
					<input type="password" id="ldg_lookup_pw2" name="guest_password" required autocomplete="off" />
				</div>
			</div>
			<div class="ldg-actions"><button type="submit" class="ldg-btn">{{ $lang->lodging_lookup }}</button></div>
		</form>
	</details>
	@endif
</div>