@version(2)
@load('./css/booking.css')
@load('./lang')

@php
$hm_names = [
    'hold' => $lang->hb_status_hold,
    'pending' => $lang->hb_status_pending,
    'confirmed' => $lang->hb_status_confirmed,
    'cancelled' => $lang->hb_status_cancelled,
    'noshow' => $lang->hb_status_noshow,
    'done' => $lang->hb_status_done,
    'expired' => $lang->hb_status_expired,
];
@endphp

<div class="hb hb-my">
	<header class="hb-head">
		<span class="hb-label"><i></i>MY BOOKING</span>
		<h1 class="hb-title">{{ $lang->hb_my_bookings }}</h1>
	</header>

	@if ($is_member)
		@if ($rsv_config->credit_enabled === 'Y' || $my_grade || count($my_coupons))
		<section class="hb-wallet">
			<div class="hb-wallet-cards">
				@if ($my_grade)
				<div class="hb-wallet-card">
					<span>{{ $lang->hb_grade }}</span>
					<b>{{ $my_grade->title }}</b>
				</div>
				@endif
				@if ($rsv_config->credit_enabled === 'Y')
				<div class="hb-wallet-card">
					<span>{{ $lang->hb_credit_balance }}</span>
					<b>{{ number_format((int)$credit_balance) }}</b>
				</div>
				@endif
				<div class="hb-wallet-card">
					<span>{{ $lang->hb_my_coupons }}</span>
					<b>{{ count($my_coupons) }}</b>
				</div>
			</div>

			@if (count($my_coupons))
			<ul class="hb-wallet-coupons">
				@foreach ($my_coupons as $mine)
				<li>
					<b>{{ $mine->coupon->title }}</b>
					<em>@if($mine->coupon->discount_type === 'percent'){{ (int)$mine->coupon->discount_value }}%@else{{ number_format((int)$mine->coupon->discount_value) }}@endif</em>
					@if ($mine->coupon->use_end)<span>~ {{ zdate($mine->coupon->use_end, $lang->hb_date_format) }}</span>@endif
				</li>
				@endforeach
			</ul>
			@endif

			@if (count($credit_logs))
			<ul class="hb-wallet-logs">
				@foreach ($credit_logs as $log)
				<li>
					<span>{{ zdate($log->regdate, $lang->hb_date_format) }}</span>
					<b>{{ $lang->{'reservation_credit_' . $log->type} ?? $log->type }}</b>
					<em class="@if((int)$log->amount < 0) is-minus @endif">{{ (int)$log->amount > 0 ? '+' : '' }}{{ number_format((int)$log->amount) }}</em>
				</li>
				@endforeach
			</ul>
			@endif
		</section>
		@endif

		@if (empty($bookings))
		<p class="hb-empty">{{ $lang->reservation_no_bookings }}</p>
		@else
		<ul class="hb-my-list">
			@foreach ($bookings as $b)
			@php
			$hm_status = (string)$b->status;
			$hm_date = (string)($b->service_date ?? '');
			$hm_when = strlen($hm_date) === 8
                ? (zdate($hm_date . '000000', $lang->hb_date_format))
                : zdate($b->regdate, $lang->hb_date_format);
			@endphp
			<li>
				<a href="{{ getUrl('', 'mid', $mid, 'act', 'dispReservationResult', 'code', $b->booking_code) }}">
					<span class="hb-my-when">{{ $hm_when }}</span>
					<span class="hb-my-code">{{ $b->booking_code }}</span>
					<span class="hb-my-status is-{{ $hm_status }}">{{ $hm_names[$hm_status] ?? $hm_status }}</span>
					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" /></svg>
				</a>
			</li>
			@endforeach
		</ul>
		@endif
	@else
	<section class="hb-lookup">
		<p class="hb-note">{{ $lang->hb_guest_lookup_note }}</p>
		<form action="{{ getUrl('') }}" method="post" class="hb-form">
			<input type="hidden" name="module" value="reservation" />
			<input type="hidden" name="act" value="procReservationGuestLookup" />
			{{-- mid 가 없으면 복귀 주소에도 mid 가 빠져 결과 화면에 레이아웃이 붙지 않는다 --}}
			<input type="hidden" name="mid" value="{{ $mid }}" />
			<div class="hb-field">
				<label for="hbCode">{{ $lang->reservation_booking_code }}</label>
				<input type="text" id="hbCode" name="booking_code" required />
			</div>
			<div class="hb-field">
				<label for="hbGpw">{{ $lang->hb_guest_password }}</label>
				<input type="password" id="hbGpw" name="guest_password" required />
			</div>
			<div class="hb-form-foot">
				<button type="submit" class="hb-btn">
					<span>{{ $lang->hb_lookup }}</span>
					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" /></svg>
				</button>
			</div>
		</form>
	</section>
	@endif
</div>