@version(2)
<!-- 머리 구조 (XE default 계보)
     1행: 로고(왼쪽) + 유틸리티·검색(오른쪽)
     2행: 화면을 가로지르는 짙은 GNB 바, 항목은 왼쪽부터, 사이에 세로 구분선 -->
<header class="hr-header" id="hr_header">

	<div class="hr-utilrow">
		<div class="hr-inner hr-utilrow-inner">
			<a class="hr-logo" href="{{ getUrl('') }}">
				@if (!empty($hr->logo_image))
				<img class="hr-logo-light" src="{{ $hr->logo_image }}" alt="{{ $hr->logo_text ?: ($site_title ?? '') }}" />
				@if (!empty($hr->logo_image_dark))
				<img class="hr-logo-dark" src="{{ $hr->logo_image_dark }}" alt="{{ $hr->logo_text ?: ($site_title ?? '') }}" />
				@endif
				@else
				<span>{{ $hr->logo_text ?: ($site_title ?? 'HOME') }}</span>
				@endif
			</a>

			<div class="hr-utils">
				@if ($is_logged)
				<a class="hr-util-link" href="{{ getUrl('', 'act', 'dispMemberInfo') }}">{{ $logged_info->nick_name }}</a>
				@if ($logged_info->is_admin == 'Y')
				<a class="hr-util-link hr-util-admin" href="{{ getUrl('', 'module', 'admin') }}" target="_blank" title="{{ $lang->hr_admin_page }}">
					<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-1.6-8h3.2l.4 2.3q.8.3 1.5.8l2.2-.9 1.6 2.8-1.8 1.5q.1.4.1.9t-.1.9l1.8 1.5-1.6 2.8-2.2-.9q-.7.5-1.5.8l-.4 2.3h-3.2l-.4-2.3q-.8-.3-1.5-.8l-2.2.9-1.6-2.8 1.8-1.5q-.1-.4-.1-.9t.1-.9L4.3 7l1.6-2.8 2.2.9q.7-.5 1.5-.8L10 2z"/></svg>
					<span>{{ $lang->hr_admin }}</span>
				</a>
				@endif
				<a class="hr-util-link" href="{{ getUrl('', 'act', 'dispMemberLogout') }}">{{ $lang->hr_logout }}</a>
				@else
				<a class="hr-util-link" href="{{ getUrl('', 'act', 'dispMemberLoginForm') }}">{{ $lang->hr_login }}</a>
				<a class="hr-util-link" href="{{ getUrl('', 'act', 'dispMemberSignUpForm') }}">{{ $lang->hr_signup }}</a>
				@endif

				{{-- 언어 전환: 코어에서 켜 둔 언어가 둘 이상일 때만 나온다 --}}
				@php
				$hr_langs = \Context::get('lang_supported');
				$hr_langs = is_array($hr_langs) ? $hr_langs : [];
				$hr_lang_now = \Context::getLangType();
				@endphp
				@if (count($hr_langs) > 1)
				<div class="hr-lang" id="hr_lang">
					<button type="button" class="hr-lang-btn" aria-haspopup="true" aria-expanded="false" aria-label="{{ $lang->hr_lang_select }}">
						<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 2c1.4 0 2.8 2.4 3.4 6H8.6C9.2 6.4 10.6 4 12 4zM8.2 10h7.6a18 18 0 0 1 0 4H8.2a18 18 0 0 1 0-4zm-2 0a20 20 0 0 0 0 4H4.3a8 8 0 0 1 0-4h1.9zm11.6 0h1.9a8 8 0 0 1 0 4h-1.9a20 20 0 0 0 0-4zM8.6 16h6.8c-.6 3.6-2 6-3.4 6s-2.8-2.4-3.4-6z"/></svg>
						<span>{{ $hr_langs[$hr_lang_now] ?? strtoupper($hr_lang_now) }}</span>
					</button>
					<ul class="hr-lang-list" hidden>
						@foreach ($hr_langs as $hr_lang_code => $hr_lang_name)
						<li><a href="{{ getUrl('', 'l', $hr_lang_code) }}" @if ($hr_lang_code === $hr_lang_now) class="is-on" @endif>{{ $hr_lang_name }}</a></li>
						@endforeach
					</ul>
				</div>
				@endif

				@if ($hr_scheme === 'auto')
				<button type="button" class="hr-theme" id="hr_theme_btn" aria-label="{{ $lang->hr_theme_toggle }}">
					<svg class="hr-ico-sun" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0-6 1 3h-2l1-3zm0 19 1 3h-2l1-3zM2 12l3-1v2l-3-1zm17-1 3 1-3 1v-2zM4.2 4.2l2.6 1.6-1 1-1.6-2.6zm13 13 2.6 1.6-1.6-2.6-1 1zm2.6-13-1.6 2.6-1-1 2.6-1.6zM4.2 19.8l1.6-2.6 1 1-2.6 1.6z"/></svg>
					<svg class="hr-ico-moon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20.3 13.8A8.5 8.5 0 0 1 10.2 3.7 8.5 8.5 0 1 0 20.3 13.8z"/></svg>
				</button>
				@endif

				@if ($hr->use_search !== 'N')
				<form class="hr-search" action="{{ getUrl() }}" method="get" role="search">
					<input type="hidden" name="act" value="IS" />
					<input type="hidden" name="mid" value="{{ $mid ?? '' }}" />
					<input type="search" name="is_keyword" placeholder="{{ $lang->hr_search }}" aria-label="{{ $lang->hr_search_all }}" />
					<button type="submit" aria-label="{{ $lang->hr_search }}">
						<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>
				</form>
				@endif

				<button type="button" class="hr-burger" id="hr_burger" aria-label="{{ $lang->hr_menu_open }}" aria-expanded="false">
					<span></span><span></span><span></span>
				</button>
			</div>
		</div>
	</div>

	<!-- GNB 바: 항목 사이 세로 구분선.
	     바에 마우스를 올리면 모든 1차 메뉴의 하위가 각자 아래 컬럼으로
	     한꺼번에 펼쳐진다 (.gnb.open). -->
	<div class="hr-navbar is-{{ $hr->gnb_width ?? 'boxed' }} c-{{ $hr->gnb_color ?? 'dark' }}" id="hr_navbar">
		<nav class="hr-inner hr-gnb" aria-label="{{ $lang->hr_main_menu }}">
			<ul class="hr-gnb-list">
				@foreach ($hr_menu as $hr_i => $hr_m)
				<li class="@if (!empty($hr_m['list'])) has-sub @endif @if (!empty($hr_m['selected']) || !empty($hr_m['open'])) is-on @endif">
					<a class="hr-gnb-top" href="{{ $hr_m['href'] }}" @if (($hr_m['open_window'] ?? '') === 'Y') target="_blank" rel="noopener" @endif>{{ $hr_m['text'] }}</a>
					@if (!empty($hr_m['list']))
					<ul class="hr-gnb-sub">
						@foreach ($hr_m['list'] as $hr_c)
						<li>
							<a href="{{ $hr_c['href'] }}" @if (($hr_c['open_window'] ?? '') === 'Y') target="_blank" rel="noopener" @endif>{{ $hr_c['text'] }}</a>
							@if (!empty($hr_c['list']))
							<ul class="hr-gnb-sub2">
								@foreach ($hr_c['list'] as $hr_g)
								<li><a href="{{ $hr_g['href'] }}" @if (($hr_g['open_window'] ?? '') === 'Y') target="_blank" rel="noopener" @endif>{{ $hr_g['text'] }}</a></li>
								@endforeach
							</ul>
							@endif
						</li>
						@endforeach
					</ul>
					@endif
				</li>
				@endforeach
			</ul>
		</nav>
	</div>

	<div class="hr-mobile-dim" id="hr_mobile_dim" hidden></div>
	<div class="hr-mobile" id="hr_mobile" role="dialog" aria-modal="true" aria-label="{{ $lang->hr_menu }}" hidden>
		<div class="hr-mobile-head">
			<span class="hr-mobile-title">{{ $hr->logo_text ?: ($site_title ?? '') }}</span>
			<button type="button" class="hr-mobile-close" id="hr_mobile_close" aria-label="{{ $lang->hr_menu_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>
		</div>
		<div class="hr-mobile-account">
			@if ($is_logged)
			<a class="hr-mobile-account-btn" href="{{ getUrl('', 'act', 'dispMemberInfo') }}">{{ $logged_info->nick_name }}</a>
			<a class="hr-mobile-account-btn" href="{{ getUrl('', 'act', 'dispMemberLogout') }}">{{ $lang->hr_logout }}</a>
			@else
			<a class="hr-mobile-account-btn is-primary" href="{{ getUrl('', 'act', 'dispMemberLoginForm') }}">{{ $lang->hr_login }}</a>
			<a class="hr-mobile-account-btn" href="{{ getUrl('', 'act', 'dispMemberSignUpForm') }}">{{ $lang->hr_signup }}</a>
			@endif
		</div>
		<ul class="hr-mobile-list">
			@foreach ($hr_menu as $hr_i => $hr_m)
			@php $hr_open = !empty($hr_m['selected']) || !empty($hr_m['open']); @endphp
			<li class="@if (!empty($hr_m['list'])) has-sub @endif @if ($hr_open) is-on @endif">
				<a href="{{ $hr_m['href'] }}">{{ $hr_m['text'] }}</a>
				@if (!empty($hr_m['list']))
				<button type="button" class="hr-mobile-toggle" aria-label="{{ $lang->hr_sub_menu }}" aria-expanded="{{ $hr_open ? 'true' : 'false' }}">
					<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5z"/></svg>
				</button>
				<ul class="hr-mobile-sub" @if (!$hr_open) hidden @endif>
					@foreach ($hr_m['list'] as $hr_c)
					<li>
						<a class="@if (!empty($hr_c['selected'])) is-on @endif" href="{{ $hr_c['href'] }}">{{ $hr_c['text'] }}</a>
						@if (!empty($hr_c['list']))
						<ul class="hr-mobile-sub2">
							@foreach ($hr_c['list'] as $hr_g)
							<li><a href="{{ $hr_g['href'] }}">{{ $hr_g['text'] }}</a></li>
							@endforeach
						</ul>
						@endif
					</li>
					@endforeach
				</ul>
				@endif
			</li>
			@endforeach
		</ul>
	</div>
</header>