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

@php
$hbr_days = explode(',', (string)$lang->hsl_weekdays);
@endphp

<div class="hsl">
	<header class="hsl-head">
		<span class="hsl-label"><i></i>SALON</span>
		<h1 class="hsl-title">{{ $lang->hsl_title }}</h1>
		<p class="hsl-note">{{ $lang->hsl_note }}</p>
	</header>

	@if (count($regions) > 1)
	<nav class="hsl-regions">
		<a href="{{ getUrl('', 'mid', $module_info->mid, 'region', '', 'search_keyword', $search_keyword) }}" class="@if(!$region) on @endif">{{ $lang->branch_all_regions }}</a>
		@foreach ($regions as $r)
		<a href="{{ getUrl('', 'mid', $module_info->mid, 'region', $r, 'search_keyword', $search_keyword) }}" class="@if($region === $r) on @endif">{{ $r }}</a>
		@endforeach
	</nav>
	@endif

	@if (!count($branches))
	<p class="hsl-empty">{{ $lang->branch_none }}</p>
	@else
	<ul class="hsl-list">
		@foreach ($branches as $hbr_i => $b)
		@php
		$b_srl = (int)$b->branch_srl;
		$b_open = !empty($open_now[$b_srl]);
		$b_hours = $today_hours[$b_srl] ?? null;
		$b_url = getUrl('', 'mid', $module_info->mid, 'act', 'dispBranchView', 'branch_srl', $b_srl);
		@endphp
		<li class="hsl-item">
			<a class="hsl-photo" href="{{ $b_url }}">
				@if ($b->thumb)
				<img src="{{ $b->thumb }}" alt="" loading="lazy" />
				@else
				<span class="hsl-photo-none">{{ sprintf('%02d', $hbr_i + 1) }}</span>
				@endif
			</a>

			<div class="hsl-body">
				<div class="hsl-top">
					@if ($b->region)<span class="hsl-region">{{ $b->region }}</span>@endif
					<span class="hsl-open @if($b_open) is-open @endif">{{ $b_open ? $lang->branch_open_now : $lang->branch_closed_now }}</span>
				</div>

				<a class="hsl-name" href="{{ $b_url }}">{{ $b->name }}</a>
				@if ($b->summary)<p class="hsl-sum">{{ $b->summary }}</p>@endif

				<dl class="hsl-meta">
					<dt>ADDRESS</dt>
					<dd>{{ trim($b->address . ' ' . $b->address_detail) }}</dd>
					<dt>HOURS</dt>
					<dd>{{ $b_hours ? ($b_hours->open_time . ' - ' . $b_hours->close_time) : $lang->branch_today_closed }}</dd>
					@if ($b->tel)
					<dt>CALL</dt>
					<dd><a href="tel:{{ $b->tel }}">{{ $b->tel }}</a></dd>
					@endif
				</dl>

				<a class="hsl-link" href="{{ $b_url }}">
					<span>{{ $lang->branch_view_detail }}</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>
			</div>
		</li>
		@endforeach
	</ul>
	@endif
</div>