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

@php
$hf_when = $is_staff_mode
    ? (zdate($pick_date . '000000', $lang->hb_date_format) . '  ' . $pick_time)
    : (zdate($slot->slot_date . '000000', $lang->hb_date_format) . '  ' . $slot->start_time);
@endphp

<div class="hb hb-form-page">
	<header class="hb-head">
		<span class="hb-label"><i></i>CONFIRM</span>
		<h1 class="hb-title">{{ $lang->hb_confirm_title }}</h1>
	</header>

	<section class="hb-summary">
		<dl>
			<dt>{{ $lang->hb_service }}</dt>
			<dd>{{ $resource->title }}</dd>

			@if ($is_staff_mode && $staff)
			<dt>{{ $lang->hb_stylist }}</dt>
			<dd>{{ $staff->name }}@if($staff->position) <span>{{ $staff->position }}</span>@endif</dd>
			@if ($staff->branch_name)
			<dt>{{ $lang->hb_branch }}</dt>
			<dd>{{ $staff->branch_name }}</dd>
			@endif
			@endif

			<dt>{{ $lang->hb_when }}</dt>
			<dd>{{ $hf_when }}</dd>

			<dt>{{ $lang->hb_duration }}</dt>
			<dd>{{ (int)$pick_duration }}{{ $lang->hb_minutes }}</dd>

			<dt>{{ $lang->hb_price }}</dt>
			<dd class="hb-summary-price">{{ (int)$pick_price > 0 ? number_format((int)$pick_price) : $lang->hb_ask }}</dd>

			@if ($grade_discount > 0)
			<dt>{{ $lang->hb_grade_discount }}</dt>
			<dd class="hb-summary-price">-{{ number_format((int)$grade_discount) }}
				<span class="hb-summary-note">{{ $my_grade->title }}</span>
			</dd>
			@endif

			@if ($need_pay)
			<dt>{{ $lang->hb_upfront }}</dt>
			<dd class="hb-summary-price">{{ number_format((int)$upfront_amount) }}
				@if ($pay_mode === 'deposit')<span class="hb-summary-note">{{ $lang->hb_deposit_note }}</span>@endif
			</dd>
			@endif
		</dl>
	</section>

	<form action="{{ getUrl('') }}" method="post" class="hb-form">
		<input type="hidden" name="module" value="reservation" />
		<input type="hidden" name="act" value="procReservationSubmit" />
		{{-- mid 를 빼면 서버가 만드는 복귀 주소에도 mid 가 없어 결과 화면에 레이아웃이 붙지 않는다 --}}
		<input type="hidden" name="mid" value="{{ $mid }}" />
		<input type="hidden" name="resource_srl" value="{{ (int)$resource->resource_srl }}" />

		@if ($is_staff_mode)
		<input type="hidden" name="date" value="{{ $pick_date }}" />
		<input type="hidden" name="start_time" value="{{ $pick_time }}" />
		<input type="hidden" name="staff_srl" value="{{ $staff ? (int)$staff->staff_srl : 0 }}" />
		@if ($staff)<input type="hidden" name="branch_srl" value="{{ (int)$staff->branch_srl }}" />@endif
		@else
		<input type="hidden" name="slot_srl" value="{{ (int)$slot->slot_srl }}" />
		@endif

		<div class="hb-field">
			<label for="hbName">{{ $lang->hb_name }}</label>
			<input type="text" id="hbName" name="booker_name" required />
		</div>

		<div class="hb-field">
			<label for="hbPhone">{{ $lang->hb_phone }}</label>
			<input type="tel" id="hbPhone" name="booker_phone" @if(!$is_member) required @endif placeholder="010-0000-0000" />
		</div>

		<div class="hb-field">
			<label for="hbEmail">{{ $lang->hb_email }}</label>
			<input type="email" id="hbEmail" name="booker_email" />
			<small>{{ $lang->hb_email_note }}</small>
		</div>

		@if (!$is_member)
		<div class="hb-field">
			<label for="hbPw">{{ $lang->hb_guest_password }}</label>
			<input type="password" id="hbPw" name="guest_password" minlength="4" required />
			<small>{{ $lang->hb_guest_password_note }}</small>
		</div>
		@endif

		@foreach ((array)$form_fields as $field)
		<div class="hb-field">
			<label for="hbF{{ $field->field_name }}">{{ $field->label }}</label>
			<input type="text" id="hbF{{ $field->field_name }}" name="rf_{{ $field->field_name }}" @if($field->required === 'Y') required @endif />
		</div>
		@endforeach

		{{-- 남기실 말씀은 길다. 두 칸을 다 쓴다 --}}
		<div class="hb-field is-wide">
			<label for="hbMemo">{{ $lang->hb_memo }}</label>
			<textarea id="hbMemo" name="memo" rows="3" placeholder="{{ $lang->hb_memo_note }}"></textarea>
		</div>

		{{-- 혜택. 회원이고 켜 두었을 때만 --}}
		@if ($is_member && ($coupon_enabled || ($credit_enabled && $credit_usable > 0)))
		<div class="hb-benefit is-wide">
			<h2 class="hb-benefit-title">{{ $lang->hb_benefit }}</h2>

			@if ($coupon_enabled)
			<div class="hb-field">
				<label for="hbCoupon">{{ $lang->hb_coupon }}</label>
				<select id="hbCoupon" name="coupon_issue_srl">
					<option value="0">{{ $lang->hb_coupon_none }}</option>
					@foreach ($my_coupons as $mine)
					<option value="{{ $mine->issue_srl }}">{{ $mine->coupon->title }} &minus;{{ number_format((int)$mine->discount) }}</option>
					@endforeach
				</select>
			</div>

			<div class="hb-field">
				<label for="hbCouponCode">{{ $lang->hb_coupon_code }}</label>
				<input type="text" id="hbCouponCode" name="coupon_code" maxlength="40" />
			</div>
			@endif

			@if ($credit_enabled && $credit_usable > 0)
			<div class="hb-field">
				<label for="hbCredit">{{ $lang->hb_credit }}</label>
				<input type="number" id="hbCredit" name="credit_use" value="0" min="0" max="{{ (int)$credit_usable }}" step="100" />
				<small>{{ sprintf($lang->hb_credit_usable, number_format((int)$credit_usable), number_format((int)$credit_balance)) }}</small>
			</div>
			@endif
		</div>
		@endif

		<div class="hb-agree">
			<label>
				<input type="checkbox" name="agree_privacy" value="Y" required />
				<span>{{ $lang->hb_agree }}</span>
			</label>
			<p class="hb-agree-text">{{ $rsv_config->privacy_text }}</p>
		</div>

		<div class="hb-form-foot">
			<a class="hb-back" href="{{ getUrl('', 'mid', $mid, 'act', 'dispReservationCalendar', 'resource_srl', $resource->resource_srl) }}">{{ $lang->hb_back }}</a>
			<button type="submit" class="hb-btn">
				<span>{{ $need_pay ? $lang->hb_go_pay : $lang->hb_submit }}</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>
</div>