@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_type_labels = [
	'hotel' => $lang->lodging_type_hotel,
	'motel' => $lang->lodging_type_motel,
	'pension' => $lang->lodging_type_pension,
	'guesthouse' => $lang->lodging_type_guesthouse,
	'resort' => $lang->lodging_type_resort,
];
$ldg_mid = $module_info->mid;
$ldg_type_label = $ldg_type_labels[$property->property_type] ?? $property->property_type;
$ldg_in = substr($checkin, 0, 4) . '-' . substr($checkin, 4, 2) . '-' . substr($checkin, 6, 2);
$ldg_out = substr($checkout, 0, 4) . '-' . substr($checkout, 4, 2) . '-' . substr($checkout, 6, 2);
$ldg_today = date('Y-m-d');
$ldg_tomorrow = date('Y-m-d', strtotime('+1 day'));

$ldg_min = 0;
$ldg_first_room = 0;
$ldg_room_opts = [];
foreach ($room_types as $ldg_rt)
{
	if ($ldg_first_room === 0) { $ldg_first_room = (int)$ldg_rt->room_type_srl; }
	$ldg_room_opts[] = ['srl' => (int)$ldg_rt->room_type_srl, 'title' => (string)$ldg_rt->title];
	if ($ldg_rt->available && $ldg_rt->price > 0 && ($ldg_min === 0 || $ldg_rt->price < $ldg_min)) { $ldg_min = (int)$ldg_rt->price; }
}

$ldg_free_days = -1;
foreach ($cancel_rules as $ldg_rule)
{
	if ((int)$ldg_rule->refund_rate >= 100 && (int)$ldg_rule->days_before > $ldg_free_days) { $ldg_free_days = (int)$ldg_rule->days_before; }
}
$ldg_address_full = trim($property->address . ' ' . $property->address_detail);
$ldg_map_url = 'https://map.naver.com/v5/search/' . rawurlencode($ldg_address_full !== '' ? $ldg_address_full : $property->title);
$ldg_image_count = count($property_images);
$ldg_gallery_class = $ldg_image_count === 1 ? 'is-single' : ($ldg_image_count < 4 ? 'is-few' : '');
$ldg_thumb = $ldg_image_count ? $property_images[0]->url : '';
$ldg_round_avg = (int)round((float)$review_summary->average);
$ldg_period_label = $stay_type === 'dayuse'
	? zdate($checkin, $ldg_df) . ' ' . $lang->lodging_dayuse
	: zdate($checkin, 'm.d') . ' ~ ' . zdate($checkout, 'm.d') . ' · ' . sprintf($lang->lodging_nights, $nights);
@endphp

<div class="ldg ldg-detail-page" data-ldg-recent-src data-srl="{{ $property->property_srl }}" data-title="{{ $property->title }}" data-thumb="{{ $ldg_thumb }}" data-url="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingView', 'property_srl', $property->property_srl) }}" data-region="{{ $property->region }}" data-price="{{ $ldg_min }}">

	<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>
		@if ($property->region !== '')
		<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingIndex', 'region', $property->region) }}">{{ $property->region }}</a>
		<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 5 7 7-7 7z"/></svg>
		@endif
		<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingIndex', 'type', $property->property_type) }}">{{ $ldg_type_label }}</a>
	</nav>

	@if ($ldg_image_count)
	<div class="ldg-gallery {{ $ldg_gallery_class }}" data-ldg-gallery>
		@foreach ($property_images as $ldg_i => $ldg_img)
		<button type="button" data-src="{{ $ldg_img->url }}" style="background-image:url('{{ $ldg_img->url }}')" aria-label="{{ $property->title }} {{ $ldg_i + 1 }}" @if ($ldg_i >= 5) hidden @endif>
			@if ($ldg_i === 4 && $ldg_image_count > 5)<span class="ldg-gallery-more">+{{ $ldg_image_count - 5 }}</span>@endif
		</button>
		@endforeach
	</div>
	@endif

	<div class="ldg-view">
		<div class="ldg-main">
			<header class="ldg-head">
				<div class="ldg-head-top">
					<span class="ldg-badge">{{ $ldg_type_label }}</span>
					@if ($review_summary->count > 0)
					<span class="ldg-score"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9L12 17.8 5.8 21.1 7 14.2 2 9.3l6.9-1L12 2z"/></svg>{{ $review_summary->average }}<small>{{ sprintf($lang->lodging_review_count, number_format($review_summary->count)) }}</small></span>
					@endif
				</div>
				<h1 class="ldg-title">{{ $property->title }}</h1>
				<p class="ldg-head-meta">
					@if ($ldg_address_full !== '')<span>{{ $ldg_address_full }}</span> <a href="{{ $ldg_map_url }}" target="_blank" rel="noopener">{{ $lang->lodging_map_open }}</a>@endif
					@if ($property->phone)<span>{{ $lang->lodging_phone }} {{ $property->phone }}</span>@endif
					<span>{{ $lang->lodging_checkin_time }} {{ substr($property->checkin_time, 0, 2) }}:{{ substr($property->checkin_time, 2, 2) }} · {{ $lang->lodging_checkout_time }} {{ substr($property->checkout_time, 0, 2) }}:{{ substr($property->checkout_time, 2, 2) }}</span>
				</p>
				@if ($property->summary)<p class="ldg-desc">{{ $property->summary }}</p>@endif
			</header>

			@if (count($property->amenity_list))
			<section class="ldg-section">
				<div class="ldg-section-head"><div><h3>{{ $lang->lodging_amenities }}</h3></div></div>
				<ul class="ldg-amen">
					@foreach ($property->amenity_list as $ldg_am)
					<li>{{ $ldg_am['label'] }}</li>
					@endforeach
				</ul>
			</section>
			@endif

			<section class="ldg-section" id="ldg_rooms">
				<div class="ldg-section-head">
					<div><h3>{{ $lang->lodging_select_room }}</h3><p>{{ $ldg_period_label }}@if ($person > 0) · {{ sprintf($lang->lodging_person_count, $person) }}@endif</p></div>
				</div>
				<ul class="ldg-rooms">
					@foreach ($room_types as $ldg_rt)
					@php
					$ldg_can = $ldg_rt->available && $ldg_rt->fits_person;
					$ldg_book_url = getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingBook', 'property_srl', $property->property_srl, 'room_type_srl', $ldg_rt->room_type_srl, 'stay_type', $stay_type, 'checkin', $checkin, 'checkout', $checkout, 'person', $person > 0 ? $person : '');
					$ldg_room_imgs = is_array($ldg_rt->images ?? null) ? $ldg_rt->images : [];
					@endphp
					<li class="ldg-room @if (!$ldg_can) is-soldout @endif">
						<div class="ldg-room-thumb" @if ($ldg_rt->thumbnail_url) style="background-image:url('{{ $ldg_rt->thumbnail_url }}')" @endif data-ldg-gallery>
							@foreach ($ldg_room_imgs as $ldg_ri)
							<button type="button" data-src="{{ $ldg_ri->url }}" hidden aria-hidden="true"></button>
							@endforeach
							@if (count($ldg_room_imgs))<span>{{ $lang->lodging_room_photos }} {{ count($ldg_room_imgs) }}</span>@endif
						</div>
						<div class="ldg-room-body">
							<strong class="ldg-room-title">{{ $ldg_rt->title }}</strong>
							<p class="ldg-room-meta">
								<span>{{ sprintf($lang->lodging_std_person, $ldg_rt->std_person) }} · {{ sprintf($lang->lodging_max_person, $ldg_rt->max_person) }}</span>
								@if ((int)($ldg_rt->min_nights ?? 1) > 1)<span>{{ sprintf($lang->lodging_min_nights_note, (int)$ldg_rt->min_nights) }}</span>@endif
								@if ($stay_type === 'dayuse' && $ldg_rt->use_dayuse === 'Y')
								<span>{{ sprintf($lang->lodging_dayuse_hours, $ldg_rt->dayuse_hours) }} ({{ substr($ldg_rt->dayuse_open, 0, 2) }}:{{ substr($ldg_rt->dayuse_open, 2, 2) }}~{{ substr($ldg_rt->dayuse_close, 0, 2) }}:{{ substr($ldg_rt->dayuse_close, 2, 2) }})</span>
								@elseif ($ldg_rt->use_dayuse === 'Y')
								<span class="ldg-badge is-good">{{ $lang->lodging_dayuse_available }}</span>
								@endif
							</p>
							@if ($ldg_rt->description)<p class="ldg-room-desc">{{ $ldg_rt->description }}</p>@endif
							@if (count($ldg_rt->amenity_list))
							<div class="ldg-room-amen">
								@foreach (array_slice($ldg_rt->amenity_list, 0, 5) as $ldg_am)
								<span>{{ $ldg_am['label'] }}</span>
								@endforeach
							</div>
							@endif
						</div>
						<div class="ldg-room-cta">
							@if ($ldg_can)
							@if ($ldg_rt->remaining > 0)<span class="ldg-room-left @if ($ldg_rt->remaining <= 2) is-few @endif">{{ sprintf($lang->lodging_rooms_left, $ldg_rt->remaining) }}</span>@endif
							<span class="ldg-room-price">
								<small>@if ($stay_type === 'dayuse'){{ $lang->lodging_dayuse }}@elseif ($nights > 1){{ sprintf($lang->lodging_total_for_nights, $nights) }}@else{{ $lang->lodging_per_night }}@endif</small>
								<strong>{{ number_format($ldg_rt->price) }}<em>{{ $lang->lodging_won }}</em></strong>
							</span>
							<a class="ldg-btn ldg-btn-primary" href="{{ $ldg_book_url }}">{{ $lang->lodging_book_now }}</a>
							@elseif (!$ldg_rt->fits_person)
							<span class="ldg-soldout">{{ $lang->lodging_person_over }}</span>
							@elseif ($ldg_rt->unavailable_reason === 'no_dayuse')
							<span class="ldg-soldout">{{ $lang->lodging_no_dayuse }}</span>
							@else
							<span class="ldg-soldout">{{ $lang->lodging_sold_out }}</span>
							@endif
						</div>
					</li>
					@endforeach
					@if (!count($room_types))
					<li class="ldg-empty">{{ $lang->lodging_no_property }}</li>
					@endif
				</ul>
			</section>

			@if (count($coupon_list))
			<section class="ldg-section">
				<div class="ldg-section-head"><div><h3>{{ $lang->lodging_coupons_here }}</h3><p>{{ $lang->lodging_coupon_code }} · {{ $lang->lodging_coupon_apply }}</p></div></div>
				<ul class="ldg-coupons">
					@foreach ($coupon_list as $ldg_cp)
					<li class="ldg-coupon">
						<strong>@if ($ldg_cp->discount_type === 'rate'){{ sprintf($lang->lodging_coupon_off_rate, (int)$ldg_cp->discount_value) }}@else{{ sprintf($lang->lodging_coupon_off_amount, number_format((int)$ldg_cp->discount_value)) }}@endif</strong>
						<b>{{ $ldg_cp->title }}</b>
						<span>
							@if ((int)$ldg_cp->min_amount > 0){{ sprintf($lang->lodging_coupon_min, number_format((int)$ldg_cp->min_amount)) }}@endif
							@if (($ldg_cp->end_ymd ?? '') !== '') · {{ sprintf($lang->lodging_coupon_until, zdate($ldg_cp->end_ymd, $ldg_df)) }}@endif
							@if ($ldg_cp->apply_to === 'stay') · {{ $lang->lodging_stay }}@elseif ($ldg_cp->apply_to === 'dayuse') · {{ $lang->lodging_dayuse }}@endif
						</span>
						<div class="ldg-coupon-code">
							<code>{{ $ldg_cp->code }}</code>
							<button type="button" data-ldg-copy="{{ $ldg_cp->code }}" data-done="{{ $lang->lodging_coupon_copied }}">{{ $lang->lodging_coupon_copy }}</button>
						</div>
					</li>
					@endforeach
				</ul>
			</section>
			@endif

			@if ($property->description)
			<section class="ldg-section">
				<div class="ldg-section-head"><div><h3>{{ $lang->lodging_about }}</h3></div></div>
				<div class="ldg-content xe_content">{!! $property->description !!}</div>
			</section>
			@endif

			<section class="ldg-section">
				<div class="ldg-section-head"><div><h3>{{ $lang->lodging_cancel_policy }}</h3></div></div>
				@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
			</section>

			<section class="ldg-section">
				<div class="ldg-section-head"><div><h3>{{ $lang->lodging_review }}</h3></div></div>
				@if ($review_summary->count > 0)
				<div class="ldg-review-sum">
					<strong>{{ $review_summary->average }}</strong>
					<div>
						<div class="ldg-stars">
							@for ($ldg_s = 1; $ldg_s <= 5; $ldg_s++)
							<svg viewBox="0 0 24 24" class="@if ($ldg_s <= $ldg_round_avg) is-on @endif" aria-hidden="true"><path d="M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9L12 17.8 5.8 21.1 7 14.2 2 9.3l6.9-1L12 2z"/></svg>
							@endfor
						</div>
						<p>{{ sprintf($lang->lodging_review_count, number_format($review_summary->count)) }}</p>
					</div>
				</div>
				@endif
				@if (count($review_list))
				<ul class="ldg-reviews">
					@foreach ($review_list as $ldg_rv)
					<li>
						<p class="ldg-review-head">
							<strong>{{ $ldg_rv->writer_name }}</strong>
							<span class="ldg-score"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9L12 17.8 5.8 21.1 7 14.2 2 9.3l6.9-1L12 2z"/></svg>{{ $ldg_rv->score }}</span>
							<span class="ldg-muted">{{ zdate($ldg_rv->regdate, $ldg_df) }}</span>
						</p>
						<p class="ldg-review-body">{{ $ldg_rv->content }}</p>
						@if ($ldg_rv->reply)<p class="ldg-review-reply" data-label="{{ $lang->lodging_review_reply }}">{{ $ldg_rv->reply }}</p>@endif
					</li>
					@endforeach
				</ul>
				@else
				<p class="ldg-muted">{{ $lang->lodging_no_review }}</p>
				@endif
			</section>

			@if ($ldg_address_full !== '')
			<section class="ldg-section">
				<div class="ldg-section-head"><div><h3>{{ $lang->lodging_location }}</h3></div></div>
				<div class="ldg-place">
					<span>{{ $ldg_address_full }}</span>
					<a class="ldg-btn ldg-btn-sm" href="{{ $ldg_map_url }}" target="_blank" rel="noopener">{{ $lang->lodging_map_open }}</a>
				</div>
			</section>
			@endif
		</div>

		<aside class="ldg-book">
			<div class="ldg-card">
				<div class="ldg-book-price">
					@if ($ldg_min > 0)<strong>{{ sprintf($ldg_money, number_format($ldg_min)) }}</strong><span>@if ($stay_type === 'dayuse'){{ $lang->lodging_dayuse }}@elseif ($nights > 1){{ sprintf($lang->lodging_total_for_nights, $nights) }}@else{{ $lang->lodging_per_night }}@endif · {{ $lang->lodging_lowest }}</span>
					@else<strong class="ldg-muted">{{ $lang->lodging_sold_out }}</strong>@endif
				</div>

				<form id="ldgBookForm" action="{{ getUrl('') }}" method="get" data-ldg-search>
					<input type="hidden" name="mid" value="{{ $ldg_mid }}" />
					<input type="hidden" name="act" value="dispLodgingView" />
					<input type="hidden" name="property_srl" value="{{ $property->property_srl }}" />
					<div class="ldg-search-tabs" role="tablist">
						<label class="ldg-tab"><input type="radio" name="stay_type" value="stay" @if ($stay_type !== 'dayuse') checked @endif />{{ $lang->lodging_stay }}</label>
						<label class="ldg-tab"><input type="radio" name="stay_type" value="dayuse" @if ($stay_type === 'dayuse') checked @endif />{{ $lang->lodging_dayuse }}</label>
					</div>
					<div class="ldg-book-fields">
						<label class="ldg-field">
							<span data-checkin-label="{{ $lang->lodging_checkin }}" data-dayuse-label="{{ $lang->lodging_dayuse }}">{{ $lang->lodging_checkin }}</span>
							<input type="date" name="checkin" value="{{ $ldg_in }}" min="{{ $ldg_today }}" required />
						</label>
						<label class="ldg-field" data-checkout>
							<span>{{ $lang->lodging_checkout }}</span>
							<input type="date" name="checkout" value="{{ $ldg_out }}" min="{{ $ldg_tomorrow }}" />
						</label>
						<label class="ldg-field is-wide">
							<span>{{ $lang->lodging_search_person }}</span>
							<select name="person">
								@for ($ldg_p = 1; $ldg_p <= 10; $ldg_p++)
								<option value="{{ $ldg_p }}" @if ($person === $ldg_p || ($person === 0 && $ldg_p === 2)) selected @endif>{{ sprintf($lang->lodging_person_count, $ldg_p) }}</option>
								@endfor
							</select>
						</label>
					</div>
					<button type="submit" class="ldg-btn ldg-btn-primary ldg-btn-lg ldg-book-go">{{ $lang->lodging_search }}</button>

					@if ($ldg_first_room > 0)
					<div class="ldg-cal" data-ldg-cal data-mid="{{ $ldg_mid }}" data-form="ldgBookForm" data-room="{{ $ldg_first_room }}" data-closed="{{ $lang->lodging_calendar_closed }}" data-full="{{ $lang->lodging_calendar_full }}" data-left="{{ $lang->lodging_rooms_left }}" data-won="{{ $lang->lodging_won }}" data-man="{{ $lang->lodging_man_unit }}" data-dows="{{ implode(',', [$lang->lodging_wd_sun, $lang->lodging_wd_mon, $lang->lodging_wd_tue, $lang->lodging_wd_wed, $lang->lodging_wd_thu, $lang->lodging_wd_fri, $lang->lodging_wd_sat]) }}">
						<div class="ldg-cal-head">
							<strong data-cal-title></strong>
							<div class="ldg-cal-nav">
								<button type="button" data-cal-prev aria-label="prev"><svg viewBox="0 0 24 24"><path d="M15 5 8 12l7 7z"/></svg></button>
								<button type="button" data-cal-next aria-label="next"><svg viewBox="0 0 24 24"><path d="m9 5 7 7-7 7z"/></svg></button>
							</div>
						</div>
						@if (count($ldg_room_opts) > 1)
						<select data-cal-room aria-label="{{ $lang->lodging_room_type }}">
							@foreach ($ldg_room_opts as $ldg_ro)
							<option value="{{ $ldg_ro['srl'] }}">{{ $ldg_ro['title'] }}</option>
							@endforeach
						</select>
						@endif
						<div class="ldg-cal-grid" data-cal-grid></div>
						<p class="ldg-cal-help">{{ $lang->lodging_calendar_help }}</p>
					</div>
					@endif
				</form>

				<p class="ldg-book-note">
					@if ($ldg_free_days >= 0)<b>{{ sprintf($lang->lodging_free_cancel_until, $ldg_free_days) }}</b><br />@endif
					{{ $lang->lodging_checkin_time }} {{ substr($property->checkin_time, 0, 2) }}:{{ substr($property->checkin_time, 2, 2) }} · {{ $lang->lodging_checkout_time }} {{ substr($property->checkout_time, 0, 2) }}:{{ substr($property->checkout_time, 2, 2) }}
				</p>
				<div class="ldg-book-pay">
					@if ($can_prepay)<span>{{ $lang->lodging_pay_prepay }}</span>@endif
					@if ($can_onsite)<span>{{ $lang->lodging_pay_onsite }}</span>@endif
				</div>
			</div>
		</aside>
	</div>

	<div class="ldg-bar">
		<div>
			@if ($ldg_min > 0)<strong>{{ sprintf($ldg_money, number_format($ldg_min)) }}</strong><small>{{ $ldg_period_label }}</small>
			@else<strong class="ldg-muted">{{ $lang->lodging_sold_out }}</strong>@endif
		</div>
		<button type="button" class="ldg-btn ldg-btn-primary" data-ldg-scroll="#ldg_rooms">{{ $lang->lodging_select_room }}</button>
	</div>
</div>