@version(2)
@php
$rl_shop_mid = trim((string)($rl->shop_mid ?? ''));
if ($rl_shop_mid === '')
{
	foreach (ModuleModel::getMidList((object)['module' => 'commerce'], ['mid']) ?: [] as $rl_row)
	{
		$rl_shop_mid = (string)($rl_row->mid ?? '');
		break;
	}
}

// 장바구니 수량. 커머스 화면 밖에서는 $cart_count 가 없으므로 직접 센다.
// rows() 는 owner(false) 를 쓰므로 손님에게 장바구니 쿠키를 새로 심지 않는다.
$rl_cart_count = 0;
if ($rl_shop_mid !== '' && class_exists('\\Zittme\\Modules\\Commerce\\Models\\Cart'))
{
	$rl_cart_count = count(\Zittme\Modules\Commerce\Models\Cart::rows());
}

$rl_logo_text = trim((string)($rl->logo_text ?? '')) ?: (string)($site_title ?? 'REDLINE');
@endphp

<header class="rl-head" id="rl_header">
	<div class="hr-inner rl-head-inner">

		<a class="rl-logo" href="{{ getUrl('') }}">
			@if (!empty($rl->logo_image))
			<img class="rl-logo-dark" src="{{ $rl->logo_image }}" alt="{{ $rl_logo_text }}" />
			@if (!empty($rl->logo_image_light))
			<img class="rl-logo-light" src="{{ $rl->logo_image_light }}" alt="{{ $rl_logo_text }}" />
			@endif
			@else
			<span>{{ $rl_logo_text }}</span>
			@endif
		</a>

		<nav class="rl-gnb" aria-label="{{ $lang->rl_main_menu }}">
			<ul>
				@foreach ($rl_menu as $rl_m)
				<li class="@if (!empty($rl_m['selected']) || !empty($rl_m['open'])) is-on @endif">
					<a href="{{ $rl_m['href'] }}" @if (($rl_m['open_window'] ?? '') === 'Y') target="_blank" rel="noopener" @endif>{{ $rl_m['text'] }}</a>
				</li>
				@endforeach
			</ul>
		</nav>

		<div class="rl-head-tools">
			@if (($rl->use_search ?? 'Y') !== 'N')
			<button type="button" class="rl-icon" id="rl_search_btn" aria-label="{{ $lang->rl_search }}" aria-expanded="false">
				<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>
			</button>
			@endif

			@if ($rl_shop_mid !== '')
			<a class="rl-icon rl-cart" href="{{ getUrl('', 'mid', $rl_shop_mid, 'act', 'dispCommerceCart') }}" aria-label="{{ $lang->rl_cart }}">
				<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6h15l-1.7 8.4a2 2 0 0 1-2 1.6H9.6a2 2 0 0 1-2-1.6L5.5 3.5H2.5v-2h4.6L8 6zm2 12a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm10 0a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"/></svg>
				@if ($rl_cart_count > 0)<em class="rl-cart-badge">{{ $rl_cart_count > 99 ? '99+' : $rl_cart_count }}</em>@endif
			</a>
			@endif

			<button type="button" class="rl-icon rl-burger" id="rl_burger" aria-label="{{ $lang->rl_menu_open }}" aria-expanded="false" aria-controls="rl_overlay">
				<span></span><span></span>
			</button>
		</div>
	</div>

	@if (($rl->use_search ?? 'Y') !== 'N')
	<div class="rl-searchbar" id="rl_searchbar" hidden>
		<form class="hr-inner rl-searchbar-inner" action="{{ getUrl() }}" method="get" role="search">
			@if ($rl_shop_mid !== '')
			<input type="hidden" name="mid" value="{{ $rl_shop_mid }}" />
			<input type="hidden" name="v" value="list" />
			<input type="search" name="q" placeholder="{{ $lang->rl_search_ph }}" aria-label="{{ $lang->rl_search_ph }}" value="{{ \Context::get('current_q') ?: '' }}" />
			@else
			<input type="hidden" name="act" value="IS" />
			<input type="hidden" name="mid" value="{{ $mid ?? '' }}" />
			<input type="search" name="is_keyword" placeholder="{{ $lang->rl_search }}" aria-label="{{ $lang->rl_search }}" />
			@endif
			<button type="submit" class="hr-btn hr-btn-primary hr-btn-sm">{{ $lang->rl_search }}</button>
			<button type="button" class="rl-icon" data-rl-search-close aria-label="{{ $lang->rl_search_close }}">
				<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.3 5.7 12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7 2.9 18.3 9.2 12 2.9 5.7l1.4-1.4 6.3 6.3 6.3-6.3z"/></svg>
			</button>
		</form>
	</div>
	@endif
</header>

<div class="rl-overlay" id="rl_overlay" hidden>
	<div class="hr-inner rl-overlay-inner">
		<nav class="rl-overlay-menu" aria-label="{{ $lang->rl_main_menu }}">
			<ul>
				@foreach ($rl_menu as $rl_oi => $rl_m)
				<li>
					<a href="{{ $rl_m['href'] }}" @if (($rl_m['open_window'] ?? '') === 'Y') target="_blank" rel="noopener" @endif>
						<em>{{ sprintf('%02d', $rl_oi + 1) }}</em>
						<span>{{ $rl_m['text'] }}</span>
					</a>
					@if (!empty($rl_m['list']))
					<div class="rl-overlay-sub">
						@foreach ($rl_m['list'] as $rl_c)
						<a href="{{ $rl_c['href'] }}">{{ $rl_c['text'] }}</a>
						@endforeach
					</div>
					@endif
				</li>
				@endforeach
			</ul>
		</nav>

		<div class="rl-overlay-side">
			<div class="rl-overlay-block">
				<span class="hr-label">{{ $lang->rl_account }}</span>
				<div class="rl-overlay-links">
					@if ($is_logged)
					<a href="{{ getUrl('', 'act', 'dispMemberInfo') }}">{{ $logged_info->nick_name }}</a>
					@if ($logged_info->is_admin == 'Y')
					<a href="{{ getUrl('', 'module', 'admin') }}" target="_blank" rel="noopener">{{ $lang->rl_admin }}</a>
					@endif
					<a href="{{ getUrl('', 'act', 'dispMemberLogout') }}">{{ $lang->rl_logout }}</a>
					@else
					<a href="{{ getUrl('', 'act', 'dispMemberLoginForm') }}">{{ $lang->rl_login }}</a>
					<a href="{{ getUrl('', 'act', 'dispMemberSignUpForm') }}">{{ $lang->rl_signup }}</a>
					@endif
				</div>
			</div>

			@php
			$rl_sns = [];
			if (!empty($rl->sns_instagram)) { $rl_sns[] = ['Instagram', $rl->sns_instagram]; }
			if (!empty($rl->sns_youtube)) { $rl_sns[] = ['YouTube', $rl->sns_youtube]; }
			if (!empty($rl->sns_tiktok)) { $rl_sns[] = ['TikTok', $rl->sns_tiktok]; }
			@endphp
			@if (count($rl_sns))
			<div class="rl-overlay-block">
				<span class="hr-label">{{ $lang->rl_follow }}</span>
				<div class="rl-overlay-links">
					@foreach ($rl_sns as $rl_s)
					<a href="{{ $rl_s[1] }}" target="_blank" rel="noopener">{{ $rl_s[0] }}</a>
					@endforeach
				</div>
			</div>
			@endif

			@if (!empty($rl->footer_email))
			<div class="rl-overlay-block">
				<span class="hr-label">{{ $lang->rl_contact }}</span>
				<div class="rl-overlay-links">
					<a href="mailto:{{ $rl->footer_email }}">{{ $rl->footer_email }}</a>
				</div>
			</div>
			@endif
		</div>
	</div>
</div>