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

@php
// 숙소 유형 표시 이름. 출력식 안에서 동적 속성을 읽지 않도록 여기서 미리 만든다
$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_today = date('Y-m-d');
$ldg_tomorrow = date('Y-m-d', strtotime('+1 day'));
$ldg_in = $checkin !== '' ? substr($checkin, 0, 4) . '-' . substr($checkin, 4, 2) . '-' . substr($checkin, 6, 2) : '';
$ldg_out = $checkout !== '' ? substr($checkout, 0, 4) . '-' . substr($checkout, 4, 2) . '-' . substr($checkout, 6, 2) : '';

$ldg_base = ['mid' => $ldg_mid, 'act' => 'dispLodgingIndex'];
if ($stay_type === 'dayuse') { $ldg_base['stay_type'] = 'dayuse'; }
if ($checkin !== '') { $ldg_base['checkin'] = $checkin; }
if ($checkout !== '' && $stay_type !== 'dayuse') { $ldg_base['checkout'] = $checkout; }
if ($person > 0) { $ldg_base['person'] = $person; }
if ($q !== '') { $ldg_base['q'] = $q; }
if ($sort !== '') { $ldg_base['sort'] = $sort; }
if (!function_exists('ldg_chip_url'))
{
	function ldg_chip_url(array $base, array $over): string
	{
		$params = array_merge($base, $over);
		$pairs = [];
		foreach ($params as $ldg_k => $ldg_v)
		{
			if ($ldg_v === '' || $ldg_v === null) { continue; }
			$pairs[] = rawurlencode($ldg_k) . '=' . rawurlencode((string)$ldg_v);
		}
		return getUrl('') . (strpos(getUrl(''), '?') === false ? '?' : '&') . implode('&', $pairs);
	}
}

$ldg_sorts = [
	'' => $lang->lodging_sort_default,
	'price_asc' => $lang->lodging_sort_price_asc,
	'price_desc' => $lang->lodging_sort_price_desc,
	'rating' => $lang->lodging_sort_rating,
	'reviews' => $lang->lodging_sort_reviews,
];
$ldg_date_label = '';
if ($checkin !== '')
{
	$ldg_date_label = $stay_type === 'dayuse'
		? zdate($checkin, 'm.d') . ' ' . $lang->lodging_dayuse
		: zdate($checkin, 'm.d') . ' ~ ' . zdate($checkout, 'm.d') . ' (' . sprintf($lang->lodging_nights, $nights) . ')';
}

$ldg_groups = [];
$ldg_hero = [];
$ldg_region_count = [];
$ldg_region_thumb = [];
$ldg_has_dayuse = false;
if (!$searching)
{
	$ldg_popular = $property_list;
	usort($ldg_popular, function ($a, $b) { return [$b->review->average, $b->review->count] <=> [$a->review->average, $a->review->count]; });
	$ldg_cheap = array_values(array_filter($property_list, function ($p) { return (int)$p->min_price > 0; }));
	usort($ldg_cheap, function ($a, $b) { return $a->min_price <=> $b->min_price; });
	$ldg_dayuse_props = array_values(array_filter($property_list, function ($p) { return !empty($p->has_dayuse); }));
	$ldg_has_dayuse = count($ldg_dayuse_props) > 0;
	foreach ($ldg_popular as $ldg_hp)
	{
		if ($ldg_hp->thumbnail_url !== '' && count($ldg_hero) < 4) { $ldg_hero[] = $ldg_hp; }
	}
	foreach ($property_list as $ldg_rp)
	{
		if ($ldg_rp->region === '') { continue; }
		$ldg_region_count[$ldg_rp->region] = ($ldg_region_count[$ldg_rp->region] ?? 0) + 1;
		if (!isset($ldg_region_thumb[$ldg_rp->region]) && $ldg_rp->thumbnail_url !== '') { $ldg_region_thumb[$ldg_rp->region] = $ldg_rp->thumbnail_url; }
	}
	if (count($ldg_popular)) { $ldg_groups[] = ['title' => $lang->lodging_popular_now, 'desc' => $lang->lodging_popular_now_desc, 'more' => ldg_chip_url($ldg_base, ['sort' => 'rating']), 'items' => array_slice($ldg_popular, 0, 8), 'rail' => true]; }
	if (count($ldg_cheap)) { $ldg_groups[] = ['title' => $lang->lodging_deals_now, 'desc' => $lang->lodging_deals_now_desc, 'more' => ldg_chip_url($ldg_base, ['sort' => 'price_asc']), 'items' => array_slice($ldg_cheap, 0, 8), 'rail' => true]; }
	if ($ldg_has_dayuse) { $ldg_groups[] = ['title' => $lang->lodging_dayuse_picks, 'desc' => $lang->lodging_dayuse_picks_desc, 'more' => ldg_chip_url($ldg_base, ['stay_type' => 'dayuse']), 'items' => array_slice($ldg_dayuse_props, 0, 8), 'rail' => true]; }
}
else
{
	$ldg_groups[] = ['title' => '', 'desc' => '', 'more' => '', 'items' => $property_list, 'rail' => false];
}
$ldg_cats = [
	['hotel', $lang->lodging_type_hotel, 'M4 20V8l8-5 8 5v12h-5v-5H9v5H4zm5-9h2V9H9v2zm4 0h2V9h-2v2z'],
	['motel', $lang->lodging_type_motel, 'M3 18V7h2v7h6V9h8a3 3 0 0 1 3 3v6h-2v-3H5v3H3zm5-5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'],
	['pension', $lang->lodging_type_pension, 'M12 3 2 12h3v8h5v-6h4v6h5v-8h3L12 3z'],
	['guesthouse', $lang->lodging_type_guesthouse, 'M4 4h16v16H4V4zm2 2v5h5V6H6zm7 0v5h5V6h-5zM6 13v5h5v-5H6zm7 0v5h5v-5h-5z'],
	['resort', $lang->lodging_type_resort, 'M12 2a6 6 0 0 0-6 6c0 4 6 10 6 10s6-6 6-10a6 6 0 0 0-6-6zm0 8.5A2.5 2.5 0 1 1 12 5.5a2.5 2.5 0 0 1 0 5zM4 20h16v2H4z'],
];
@endphp

<div class="ldg ldg-index @if (!$searching) is-front @endif">

	@if (!$searching)
	<section class="ldg-front-hero" data-ldg-hero>
		<div class="ldg-front-hero-bg">
			@foreach ($ldg_hero as $ldg_i => $ldg_hp)
			<div class="ldg-front-hero-slide @if ($ldg_i === 0) is-on @endif" style="background-image:url('{{ $ldg_hp->thumbnail_url }}')" data-title="{{ $ldg_hp->title }}" data-region="{{ $ldg_hp->region }}" data-url="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingView', 'property_srl', $ldg_hp->property_srl) }}"></div>
			@endforeach
		</div>
		<div class="ldg-front-hero-inner">
			<div class="ldg-front-hero-copy">
				<span class="ldg-hero-eyebrow">{{ $lang->lodging }} · {{ sprintf($lang->lodging_result_count, $property_total) }}</span>
				<h1>{{ $lang->lodging_hero_title }}</h1>
				<p>{{ $lang->lodging_hero_desc }}</p>
			</div>

			<ul class="ldg-front-cats">
				@foreach ($ldg_cats as $ldg_c)
				@if (in_array($ldg_c[0], $type_list, true))
				<li><a href="{{ ldg_chip_url($ldg_base, ['type' => $ldg_c[0]]) }}"><span class="ldg-front-cat-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="{{ $ldg_c[2] }}"/></svg></span><b>{{ $ldg_c[1] }}</b></a></li>
				@endif
				@endforeach
				@if ($ldg_has_dayuse)
				<li><a href="{{ ldg_chip_url($ldg_base, ['stay_type' => 'dayuse']) }}"><span class="ldg-front-cat-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm-1 3h2v5.6l3.6 2.1-1 1.7L11 13.6V7z"/></svg></span><b>{{ $lang->lodging_cat_dayuse }}</b></a></li>
				@endif
				<li><a href="{{ ldg_chip_url($ldg_base, ['sort' => 'rating']) }}"><span class="ldg-front-cat-ico"><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></span><b>{{ $lang->lodging_cat_all }}</b></a></li>
			</ul>

			<form class="ldg-search" action="{{ getUrl('') }}" method="get" data-ldg-search role="search">
				<input type="hidden" name="mid" value="{{ $ldg_mid }}" />
				<input type="hidden" name="act" value="dispLodgingIndex" />
				<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-search-fields">
					<label class="ldg-field is-wide">
						<span>{{ $lang->lodging_search_region }}</span>
						<input type="search" name="q" value="{{ $q }}" placeholder="{{ $lang->lodging_search_region_ph }}" autocomplete="off" />
					</label>
					<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 }}" />
					</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">
						<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>
					<button type="submit" class="ldg-btn ldg-btn-primary ldg-search-go">
						<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10.5 3a7.5 7.5 0 1 0 4.6 13.4l4.2 4.3 1.5-1.5-4.3-4.2A7.5 7.5 0 0 0 10.5 3zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11z"/></svg>
						{{ $lang->lodging_search }}
					</button>
				</div>
			</form>
		</div>
		@if (count($ldg_hero) > 1)
		<div class="ldg-front-hero-nav">
			<a class="ldg-front-hero-cap" href="#" data-hero-cap></a>
			<span class="ldg-front-hero-count" data-hero-count>{{ sprintf($lang->lodging_hero_slide_of, 1, count($ldg_hero)) }}</span>
			<button type="button" data-hero-prev aria-label="prev"><svg viewBox="0 0 24 24"><path d="m15 5-7 7 7 7z"/></svg></button>
			<button type="button" data-hero-next aria-label="next"><svg viewBox="0 0 24 24"><path d="m9 5 7 7-7 7z"/></svg></button>
		</div>
		@endif
	</section>

	@if (!$is_logged)
	<a class="ldg-front-strip" href="{{ getUrl('', 'act', 'dispMemberLoginForm') }}">
		<span class="ldg-front-strip-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4V8zm6 1v6h2V9H9zm4 0v6h2V9h-2z"/></svg></span>
		<span class="ldg-front-strip-text"><b>{{ $lang->lodging_signup_coupon_title }}</b><small>{{ $lang->lodging_signup_coupon_desc }}</small></span>
		<span class="ldg-btn ldg-btn-primary ldg-btn-sm">{{ $lang->lodging_signup_coupon_btn }} <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 5 7 7-7 7z"/></svg></span>
	</a>
	@else
	<a class="ldg-front-strip" href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingCoupons') }}">
		<span class="ldg-front-strip-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4V8zm6 1v6h2V9H9zm4 0v6h2V9h-2z"/></svg></span>
		<span class="ldg-front-strip-text"><b>{{ $lang->lodging_member_benefit_title }}</b><small>{{ $lang->lodging_member_benefit_desc }}</small></span>
		<span class="ldg-btn ldg-btn-primary ldg-btn-sm">{{ $lang->lodging_benefits }} <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 5 7 7-7 7z"/></svg></span>
	</a>
	@endif

	@else

	<section class="ldg-hero is-compact">
		<form class="ldg-search" action="{{ getUrl('') }}" method="get" data-ldg-search role="search">
			<input type="hidden" name="mid" value="{{ $ldg_mid }}" />
			<input type="hidden" name="act" value="dispLodgingIndex" />
			@if ($type !== '')<input type="hidden" name="type" value="{{ $type }}" />@endif
			@if ($region !== '')<input type="hidden" name="region" value="{{ $region }}" />@endif
			@if ($sort !== '')<input type="hidden" name="sort" value="{{ $sort }}" />@endif

			<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-search-fields">
				<label class="ldg-field is-wide">
					<span>{{ $lang->lodging_search_region }}</span>
					<input type="search" name="q" value="{{ $q }}" placeholder="{{ $lang->lodging_search_region_ph }}" autocomplete="off" />
				</label>
				<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 }}" />
				</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">
					<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>
				<button type="submit" class="ldg-btn ldg-btn-primary ldg-search-go">
					<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10.5 3a7.5 7.5 0 1 0 4.6 13.4l4.2 4.3 1.5-1.5-4.3-4.2A7.5 7.5 0 0 0 10.5 3zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11z"/></svg>
					{{ $lang->lodging_search }}
				</button>
			</div>
		</form>
	</section>

	<div class="ldg-filters">
		<div class="ldg-filters-row">
			<span class="ldg-filters-label">{{ $lang->lodging_by_type }}</span>
			<div class="ldg-chips is-scroll">
				<a class="ldg-chip @if ($type === '') is-on @endif" href="{{ ldg_chip_url($ldg_base, ['type' => '', 'region' => $region]) }}">{{ $lang->lodging_type_all }}</a>
				@foreach (['hotel', 'motel', 'pension', 'guesthouse', 'resort'] as $ldg_t)
				@if (in_array($ldg_t, $type_list, true))
				<a class="ldg-chip @if ($type === $ldg_t) is-on @endif" href="{{ ldg_chip_url($ldg_base, ['type' => $ldg_t, 'region' => $region]) }}">{{ $ldg_type_labels[$ldg_t] }}</a>
				@endif
				@endforeach
			</div>
		</div>
		@if (count($region_list) > 1)
		<div class="ldg-filters-row">
			<span class="ldg-filters-label">{{ $lang->lodging_popular_regions }}</span>
			<div class="ldg-chips is-scroll">
				<a class="ldg-chip @if ($region === '') is-on @endif" href="{{ ldg_chip_url($ldg_base, ['region' => '', 'type' => $type]) }}">{{ $lang->lodging_region_all }}</a>
				@foreach ($region_list as $ldg_r)
				<a class="ldg-chip @if ($region === $ldg_r) is-on @endif" href="{{ ldg_chip_url($ldg_base, ['region' => $ldg_r, 'type' => $type]) }}">{{ $ldg_r }}</a>
				@endforeach
			</div>
		</div>
		@endif
	</div>

	<div class="ldg-toolbar">
		<h2>
			{{ sprintf($lang->lodging_result_count, count($property_list)) }}
			@if ($ldg_date_label !== '')<small>{{ $ldg_date_label }}@if ($person > 0) · {{ sprintf($lang->lodging_person_count, $person) }}@endif</small>@endif
		</h2>
		<form class="ldg-toolbar-right" action="{{ getUrl('') }}" method="get">
			@foreach (array_merge($ldg_base, ['type' => $type, 'region' => $region]) as $ldg_k => $ldg_v)
			@if ($ldg_k !== 'sort' && $ldg_v !== '')<input type="hidden" name="{{ $ldg_k }}" value="{{ $ldg_v }}" />@endif
			@endforeach
			<select name="sort" data-ldg-sort aria-label="{{ $lang->lodging_sort }}">
				@foreach ($ldg_sorts as $ldg_sk => $ldg_sv)
				<option value="{{ $ldg_sk }}" @if ($sort === $ldg_sk) selected @endif>{{ $ldg_sv }}</option>
				@endforeach
			</select>
			<a class="ldg-btn ldg-btn-sm ldg-btn-ghost" href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingIndex') }}">{{ $lang->lodging_reset_filter }}</a>
		</form>
	</div>
	@endif

	@foreach ($ldg_groups as $ldg_gi => $ldg_g)
	<section class="@if ($ldg_g['rail']) ldg-section @endif">
		@if ($ldg_g['title'] !== '')
		<div class="ldg-section-head">
			<div><h2>{{ $ldg_g['title'] }}</h2><p>{{ $ldg_g['desc'] }}</p></div>
			<a href="{{ $ldg_g['more'] }}">{{ $lang->lodging_view_all }}</a>
		</div>
		@endif
		<div class="@if ($ldg_g['rail']) ldg-rail @endif" @if ($ldg_g['rail']) data-ldg-rail @endif>
			@if ($ldg_g['rail'])<button type="button" class="ldg-rail-btn is-prev" data-rail-prev aria-label="prev"><svg viewBox="0 0 24 24"><path d="m15 5-7 7 7 7z"/></svg></button>@endif
			<ul class="ldg-props @if ($ldg_g['rail']) is-rail @endif">
				@foreach ($ldg_g['items'] as $ldg_pr)
				@php
				$ldg_url = getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingView', 'property_srl', $ldg_pr->property_srl,
					'stay_type', $stay_type === 'dayuse' ? 'dayuse' : '', 'checkin', $checkin, 'checkout', $stay_type === 'dayuse' ? '' : $checkout, 'person', $person > 0 ? $person : '');
				$ldg_left = (int)($ldg_pr->available_rooms ?? 0);
				$ldg_soldout = !empty($ldg_pr->sold_out);
				@endphp
				<li class="ldg-prop @if ($ldg_soldout) is-soldout @endif" data-srl="{{ $ldg_pr->property_srl }}" data-title="{{ $ldg_pr->title }}" data-thumb="{{ $ldg_pr->thumbnail_url }}" data-url="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingView', 'property_srl', $ldg_pr->property_srl) }}" data-region="{{ $ldg_pr->region }}" data-price="{{ (int)$ldg_pr->min_price }}">
					<a href="{{ $ldg_url }}">
						<div class="ldg-prop-thumb" @if ($ldg_pr->thumbnail_url) style="background-image:url('{{ $ldg_pr->thumbnail_url }}')" @endif>
							<div class="ldg-prop-badges">
								<span class="ldg-badge is-light">{{ $ldg_type_labels[$ldg_pr->property_type] ?? $ldg_pr->property_type }}</span>
								@if (!empty($ldg_pr->has_dayuse))<span class="ldg-badge is-ink">{{ $lang->lodging_dayuse_available }}</span>@endif
							</div>
							@if ($ldg_soldout)<span class="ldg-prop-soldout">{{ $lang->lodging_sold_out }}</span>@endif
						</div>
						<div class="ldg-prop-body">
							<div class="ldg-prop-top">
								<span class="ldg-prop-type">{{ $ldg_pr->region }}</span>
								@if ($ldg_pr->review->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>{{ $ldg_pr->review->average }}<small>({{ number_format($ldg_pr->review->count) }})</small></span>
								@endif
							</div>
							<strong class="ldg-prop-title">{{ $ldg_pr->title }}</strong>
							<span class="ldg-prop-place">{{ $ldg_pr->address }}</span>
							@if (count($ldg_pr->amenity_list))
							<div class="ldg-prop-amen">
								@foreach (array_slice($ldg_pr->amenity_list, 0, 3) as $ldg_am)
								<span>{{ $ldg_am['label'] }}</span>
								@endforeach
							</div>
							@endif
							<div class="ldg-prop-foot">
								@if ($ldg_soldout)
								<span class="ldg-prop-left is-few">{{ $lang->lodging_sold_out }}</span>
								@elseif ($checkin !== '' && $ldg_left > 0)
								<span class="ldg-prop-left @if ($ldg_left <= 2) is-few @endif">{{ sprintf($lang->lodging_rooms_left, $ldg_left) }}</span>
								@else
								<span class="ldg-prop-left">{{ $lang->lodging_lowest }}</span>
								@endif
								@if ((int)$ldg_pr->min_price > 0)
								<span class="ldg-prop-price">
									<small>@if ($stay_type === 'dayuse'){{ $lang->lodging_dayuse }}@elseif ($nights > 1){{ sprintf($lang->lodging_nights, $nights) }}@else{{ $lang->lodging_per_night }}@endif</small>
									<strong>{{ number_format($ldg_pr->min_price) }}<em>{{ $lang->lodging_won }}</em></strong>
								</span>
								@endif
							</div>
						</div>
					</a>
					<button type="button" class="ldg-wish" data-ldg-wish aria-label="{{ $lang->lodging_wishlist_add }}">
						<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 21s-7.5-4.6-9.5-9.2C1 8 3.5 4.5 7 4.5c2 0 3.5 1 5 2.7 1.5-1.7 3-2.7 5-2.7 3.5 0 6 3.5 4.5 7.3C19.5 16.4 12 21 12 21z"/></svg>
					</button>
				</li>
				@endforeach
				@if (!count($ldg_g['items']))
				<li class="ldg-empty">
					{{ $lang->lodging_no_result }}
					<a href="{{ getUrl('', 'mid', $ldg_mid, 'act', 'dispLodgingIndex') }}">{{ $lang->lodging_reset_filter }}</a>
				</li>
				@endif
			</ul>
			@if ($ldg_g['rail'])<button type="button" class="ldg-rail-btn is-next" data-rail-next aria-label="next"><svg viewBox="0 0 24 24"><path d="m9 5 7 7-7 7z"/></svg></button>@endif
		</div>
	</section>

	@if ($ldg_gi === 0 && count($ldg_region_count) > 1)
	<section class="ldg-section">
		<div class="ldg-section-head"><div><h2>{{ $lang->lodging_by_region_title }}</h2></div></div>
		<ul class="ldg-regions">
			@foreach ($ldg_region_count as $ldg_rn => $ldg_rc)
			<li><a href="{{ ldg_chip_url($ldg_base, ['region' => $ldg_rn]) }}" @if (!empty($ldg_region_thumb[$ldg_rn])) style="background-image:url('{{ $ldg_region_thumb[$ldg_rn] }}')" @endif><b>{{ $ldg_rn }}</b><small>{{ sprintf($lang->lodging_result_count, $ldg_rc) }}</small></a></li>
			@endforeach
		</ul>
	</section>
	@endif
	@endforeach

	@if (!$searching)
	@php
	$ldg_news_events = [];
	$ldg_news_notices = [];
	$ldg_event_info = ModuleModel::getModuleInfoByMid('event');
	$ldg_notice_info = ModuleModel::getModuleInfoByMid('notice');
	$ldg_today8 = date('Ymd');
	if (is_object($ldg_event_info) && !empty($ldg_event_info->module_srl))
	{
		$ldg_ev_out = DocumentModel::getDocumentList((object)['module_srl' => (int)$ldg_event_info->module_srl, 'list_count' => 12, 'sort_index' => 'list_order', 'order_type' => 'asc']);
		foreach ($ldg_ev_out->toBool() && is_array($ldg_ev_out->data) ? $ldg_ev_out->data : [] as $ldg_evd)
		{
			$ldg_ev_s = substr(preg_replace('/[^0-9]/', '', (string)$ldg_evd->getExtraEidValue('event_start')), 0, 8);
			$ldg_ev_e = substr(preg_replace('/[^0-9]/', '', (string)$ldg_evd->getExtraEidValue('event_end')), 0, 8);
			if ($ldg_ev_e !== '' && $ldg_today8 > $ldg_ev_e) { continue; }
			$ldg_news_events[] = ['doc' => $ldg_evd, 'start' => $ldg_ev_s, 'end' => $ldg_ev_e, 'upcoming' => $ldg_ev_s !== '' && $ldg_today8 < $ldg_ev_s];
			if (count($ldg_news_events) >= 4) { break; }
		}
		usort($ldg_news_events, function ($a, $b) { return (int)$a['upcoming'] <=> (int)$b['upcoming']; });
	}
	if (is_object($ldg_notice_info) && !empty($ldg_notice_info->module_srl))
	{
		$ldg_nt_out = DocumentModel::getDocumentList((object)['module_srl' => (int)$ldg_notice_info->module_srl, 'list_count' => 5, 'sort_index' => 'list_order', 'order_type' => 'asc']);
		$ldg_news_notices = $ldg_nt_out->toBool() && is_array($ldg_nt_out->data) ? array_values($ldg_nt_out->data) : [];
	}
	@endphp
	@if (count($ldg_news_events) || count($ldg_news_notices))
	<section class="ldg-section ldg-news">
		@if (count($ldg_news_events))
		<div class="ldg-news-events">
			<div class="ldg-section-head">
				<div><h2>{{ $lang->lodging_events_now }}</h2><p>{{ $lang->lodging_events_now_desc }}</p></div>
				<a href="{{ getUrl('', 'mid', 'event') }}">{{ $lang->lodging_view_all }}</a>
			</div>
			<ul class="ldg-event-cards">
				@foreach ($ldg_news_events as $ldg_ev)
				@php $ldg_ev_thumb = $ldg_ev['doc']->getThumbnail(640, 360, 'crop'); @endphp
				<li>
					<a href="{{ getUrl('', 'mid', 'event', 'document_srl', $ldg_ev['doc']->document_srl) }}">
						<span class="ldg-event-thumb" @if ($ldg_ev_thumb) style="background-image:url('{{ $ldg_ev_thumb }}')" @endif>
							<em class="ldg-badge @if ($ldg_ev['upcoming']) is-ink @else is-light @endif">{{ $ldg_ev['upcoming'] ? $lang->lodging_event_upcoming : $lang->lodging_event_ongoing }}</em>
						</span>
						<b>{{ $ldg_ev['doc']->getTitleText() }}</b>
						<small>@if ($ldg_ev['start'] !== ''){{ zdate($ldg_ev['start'], 'm.d') }}@endif ~ @if ($ldg_ev['end'] !== ''){{ zdate($ldg_ev['end'], 'm.d') }}@endif</small>
					</a>
				</li>
				@endforeach
			</ul>
		</div>
		@endif
		@if (count($ldg_news_notices))
		<div class="ldg-news-notices">
			<div class="ldg-section-head">
				<div><h2>{{ $lang->lodging_notices }}</h2></div>
				<a href="{{ getUrl('', 'mid', 'notice') }}">{{ $lang->lodging_view_all }}</a>
			</div>
			<ul class="ldg-notice-list">
				@foreach ($ldg_news_notices as $ldg_nt)
				<li><a href="{{ getUrl('', 'mid', 'notice', 'document_srl', $ldg_nt->document_srl) }}"><span>{{ $ldg_nt->getTitleText() }}</span><time>{{ zdate($ldg_nt->get('regdate'), 'm.d') }}</time></a></li>
				@endforeach
			</ul>
		</div>
		@endif
	</section>
	@endif
	@endif

	<section class="ldg-section" id="ldg_wish" data-ldg-strip="wish" data-per-night="{{ $lang->lodging_per_night }}" data-won="{{ $lang->lodging_won }}" hidden>
		<div class="ldg-section-head">
			<div><h2>{{ $lang->lodging_wishlist }}</h2><p>{{ $lang->lodging_wishlist_empty }}</p></div>
		</div>
		<div class="ldg-strip"></div>
	</section>

	<section class="ldg-section" id="ldg_recent" data-ldg-strip="recent" data-per-night="{{ $lang->lodging_per_night }}" data-won="{{ $lang->lodging_won }}" hidden>
		<div class="ldg-section-head">
			<div><h2>{{ $lang->lodging_recent_viewed }}</h2></div>
		</div>
		<div class="ldg-strip"></div>
	</section>
</div>