@version(2)
@php
$nr_cta_text = trim((string)($nr->head_cta_text ?? ''));
$nr_cta_url = trim((string)($nr->head_cta_url ?? '')) ?: $nr_jobs_url;
$nr_langs = Context::get('lang_supported');
$nr_langs = is_array($nr_langs) ? $nr_langs : [];
$nr_lang_now = Context::getLangType();
@endphp
<header class="nr-head" id="nr_head">
	<div class="nr-inner nr-head-row">
		<a class="nr-logo" href="{{ getUrl('') }}" aria-label="{{ $nr_logo_text }}">
			@if ($nr_logo)
			<img class="nr-logo-light" src="{{ $nr_logo }}" alt="{{ $nr_logo_text }}" />
			<img class="nr-logo-dark" src="{{ $nr_logo_dark }}" alt="" aria-hidden="true" />
			@else
			<span class="nr-logo-mark" aria-hidden="true"></span>
			<span class="nr-logo-text">{{ $nr_logo_text }}</span>
			@endif
		</a>

		<nav class="nr-gnb" aria-label="{{ $lang->nr_main_menu }}">
			<ul>
				@foreach ($nr_menu as $nr_m)
				@php $nr_has_kids = !empty($nr_m['list']); @endphp
				<li class="@if (!empty($nr_m['selected']) || !empty($nr_m['open'])) is-on @endif @if ($nr_has_kids) has-kids @endif">
					<a href="{{ $nr_m['href'] }}" @if (!empty($nr_m['open_window']) && $nr_m['open_window'] === 'Y') target="_blank" rel="noopener" @endif>{{ $nr_m['link'] }}</a>
					@if ($nr_has_kids)
					<div class="nr-drop">
						<ul>
							@foreach ($nr_m['list'] as $nr_m2)
							<li class="@if (!empty($nr_m2['selected'])) is-on @endif"><a href="{{ $nr_m2['href'] }}" @if (!empty($nr_m2['open_window']) && $nr_m2['open_window'] === 'Y') target="_blank" rel="noopener" @endif>{{ $nr_m2['link'] }}</a></li>
							@endforeach
						</ul>
					</div>
					@endif
				</li>
				@endforeach
			</ul>
		</nav>

		<div class="nr-head-tools">
			@if (count($nr_langs) > 1)
			<div class="nr-lang" data-nr-lang>
				<button type="button" class="nr-lang-btn" aria-haspopup="true" aria-expanded="false" aria-label="{{ $lang->nr_lang_select }}" title="{{ $lang->nr_lang_select }}">
					<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.7 3.6 5.7 3.6 9s-1.1 6.3-3.6 9c-2.5-2.7-3.6-5.7-3.6-9S9.5 5.7 12 3z"/></svg>
					<span>{{ strtoupper(explode('-', $nr_lang_now)[0]) }}</span>
				</button>
				<ul class="nr-lang-list" hidden>
					@foreach ($nr_langs as $nr_lc => $nr_ln)
					<li><a href="{{ getUrl('l', $nr_lc) }}" lang="{{ $nr_lc }}" hreflang="{{ $nr_lc }}" @if ($nr_lc === $nr_lang_now) class="is-on" aria-current="true" @endif>{{ $nr_ln }}</a></li>
					@endforeach
				</ul>
			</div>
			@endif
			@if ($nr_toggle)
			<button type="button" class="nr-mode" data-nr-mode-toggle aria-label="{{ $lang->nr_mode_toggle }}" title="{{ $lang->nr_mode_toggle }}">
				<svg class="nr-i-sun" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.5v2.2M12 19.3v2.2M4.2 4.2l1.6 1.6M18.2 18.2l1.6 1.6M2.5 12h2.2M19.3 12h2.2M4.2 19.8l1.6-1.6M18.2 5.8l1.6-1.6"/></svg>
				<svg class="nr-i-moon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 14.5A8.5 8.5 0 1 1 9.5 4a7 7 0 0 0 10.5 10.5z"/></svg>
			</button>
			@endif
			<div class="nr-member">
				@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->nr_admin }}</a>@endif
				<a href="{{ getUrl('', 'act', 'dispMemberLogout') }}">{{ $lang->nr_logout }}</a>
				@else
				<a href="{{ getUrl('', 'act', 'dispMemberLoginForm') }}">{{ $lang->nr_login }}</a>
				<a href="{{ getUrl('', 'act', 'dispMemberSignUpForm') }}">{{ $lang->nr_signup }}</a>
				@endif
			</div>
			@if ($nr_cta_text !== '')
			<a class="nr-btn nr-btn-accent nr-head-cta" href="{{ $nr_cta_url }}">{{ $nr_cta_text }}</a>
			@endif
			<button type="button" class="nr-burger" data-nr-drawer aria-expanded="false" aria-controls="nr_drawer" aria-label="{{ $lang->nr_menu_open }}"><span></span><span></span></button>
		</div>
	</div>
</header>

<div class="nr-drawer" id="nr_drawer" hidden>
	<nav class="nr-drawer-nav" aria-label="{{ $lang->nr_main_menu }}">
		@foreach ($nr_menu as $nr_m)
		<div class="nr-drawer-item">
			<a class="nr-drawer-top @if (!empty($nr_m['selected']) || !empty($nr_m['open'])) is-on @endif" href="{{ $nr_m['href'] }}">{{ $nr_m['link'] }}</a>
			@if (!empty($nr_m['list']))
			<div class="nr-drawer-sub">
				@foreach ($nr_m['list'] as $nr_m2)
				<a href="{{ $nr_m2['href'] }}">{{ $nr_m2['link'] }}</a>
				@endforeach
			</div>
			@endif
		</div>
		@endforeach
	</nav>
		@if (count($nr_langs) > 1)
		<nav class="nr-drawer-lang" aria-label="{{ $lang->nr_lang_select }}">
			@foreach ($nr_langs as $nr_lc => $nr_ln)
			<a href="{{ getUrl('l', $nr_lc) }}" lang="{{ $nr_lc }}" hreflang="{{ $nr_lc }}" @if ($nr_lc === $nr_lang_now) class="is-on" aria-current="true" @endif>{{ $nr_ln }}</a>
			@endforeach
		</nav>
		@endif
	<div class="nr-drawer-foot">
		@if ($is_logged)
		<a href="{{ getUrl('', 'act', 'dispMemberInfo') }}">{{ $logged_info->nick_name }}</a>
		<a href="{{ getUrl('', 'act', 'dispMemberLogout') }}">{{ $lang->nr_logout }}</a>
		@else
		<a href="{{ getUrl('', 'act', 'dispMemberLoginForm') }}">{{ $lang->nr_login }}</a>
		<a href="{{ getUrl('', 'act', 'dispMemberSignUpForm') }}">{{ $lang->nr_signup }}</a>
		@endif
		@if ($nr_cta_text !== '')<a class="nr-btn nr-btn-accent" href="{{ $nr_cta_url }}">{{ $nr_cta_text }}</a>@endif
	</div>
</div>