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

@php
/* 분류별로 묶어 둔다. 화면에서 계산하지 않는다 */
$hb_groups = [];
foreach ((array)$resources as $hb_r)
{
    $hb_groups[trim((string)($hb_r->category ?? ''))][] = $hb_r;
}
@endphp

<div class="hb">
	<header class="hb-head">
		<span class="hb-label"><i></i>SERVICE</span>
		<h1 class="hb-title">{{ $lang->reservation }}</h1>
		<p class="hb-note">{{ $lang->hb_pick_service }}</p>
	</header>

	@if (empty($resources))
	<p class="hb-empty">{{ $lang->reservation_no_resources }}</p>
	@else
	@foreach ($hb_groups as $hb_cat => $hb_items)
	<section class="hb-group">
		@if ($hb_cat !== '')
		<h2 class="hb-cat"><span>{{ $hb_cat }}</span></h2>
		@endif

		<ul class="hb-services">
			@foreach ($hb_items as $r)
			<li>
				<a class="hb-service" href="{{ getUrl('', 'mid', $mid, 'act', 'dispReservationCalendar', 'resource_srl', $r->resource_srl) }}">
					<span class="hb-service-body">
						<b>{{ $r->title }}</b>
						@if (!empty($r->summary))<span class="hb-service-sum">{{ $r->summary }}</span>@endif
					</span>
					<span class="hb-service-meta">
						<span class="hb-service-time">{{ (int)$r->duration }}{{ $lang->hb_minutes }}</span>
						<span class="hb-service-price">{{ (int)$r->price > 0 ? number_format((int)$r->price) : $lang->hb_ask }}</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>
					</span>
				</a>
			</li>
			@endforeach
		</ul>
	</section>
	@endforeach
	@endif

	<p class="hb-foot">
		<a class="hb-link" href="{{ getUrl('', 'mid', $mid, 'act', 'dispReservationMy') }}">
			<span>{{ $lang->hb_my_bookings }}</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>
	</p>
</div>