@version(2)
@load('./lang')
@load('../../assets/redline.css')
@load('css/layout.css')
@load('js/layout.js')

@php
$rl = $layout_info;
$rl_width = (int)($rl->content_width ?? 1440) ?: 1440;
$rl_scheme = $rl->color_scheme ?? 'dark';
$rl_point = trim((string)($rl->point_color ?? ''));

$rl_menu = array_values($gnb->list ?? []);

$rl_class_map = ['m' => 'main', 'sf' => 'sub'];
$rl_type = 'sub';
$rl_selected_class = '';
foreach ($rl_menu as $rl_m) {
	if (empty($rl_m['selected']) && empty($rl_m['open'])) continue;
	$rl_selected_class = (string)($rl_m['class'] ?? '');
	foreach ((array)($rl_m['list'] ?? []) as $rl_m2) {
		if (empty($rl_m2['selected']) && empty($rl_m2['open'])) continue;
		$rl_selected_class = (string)($rl_m2['class'] ?? '') ?: $rl_selected_class;
	}
	break;
}
$rl_has_class_type = false;
foreach (preg_split('/\s+/', trim($rl_selected_class)) as $rl_token) {
	if (isset($rl_class_map[$rl_token])) {
		$rl_type = $rl_class_map[$rl_token];
		$rl_has_class_type = true;
		break;
	}
}

// 사이트 대문은 메뉴 클래스 지정이 없으면 메인으로 본다
$rl_module_info = \Context::get('current_module_info');
$rl_site_info = \Context::get('site_module_info');
$rl_home_mid = is_object($rl_site_info) ? (string)($rl_site_info->mid ?? '') : '';
$rl_now_mid = is_object($rl_module_info) ? (string)($rl_module_info->mid ?? '') : '';
if (!$rl_has_class_type && $rl_home_mid !== '' && $rl_now_mid === $rl_home_mid) {
	$rl_type = 'main';
}

// 표지
$rl_hero_mode = $rl->show_hero ?? 'main';
$rl_show_hero = $rl_hero_mode !== 'none' && ($rl_hero_mode === 'all' || $rl_type === 'main');

foreach (['logo_text', 'hero_kicker', 'hero_title', 'hero_text', 'hero_link_text', 'marquee_text', 'wordmark_text', 'footer_about', 'footer_info', 'copyright'] as $rl_lang_field) {
	if (!empty($rl->$rl_lang_field)) {
		$rl->$rl_lang_field = \Context::replaceUserLang((string)$rl->$rl_lang_field);
	}
}
@endphp

<script>
(function () {
	var fixed = '{{ $rl_scheme }}';
	var saved = null;
	try { saved = localStorage.getItem('rl-theme'); } catch (e) {}
	var theme = (fixed === 'auto')
		? (saved || (window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'))
		: fixed;
	document.documentElement.setAttribute('data-theme', theme);
	try { localStorage.setItem('rl-theme-last', theme); } catch (e) {}
	var mark = function () {
		if (!document.body) { return; }
		document.body.classList.remove('color_scheme_light', 'color_scheme_dark');
		document.body.classList.add('color_scheme_' + theme);
	};
	if (document.body) { mark(); } else { document.addEventListener('DOMContentLoaded', mark); }
})();
</script>

{{-- 창 스크롤바는 html 이 그린다. 점 색이 감싸는 요소에만 있으면 거기까지 닿지 않는다 --}}
@if ($rl_point !== '')<style>:root { --hr-brand: {{ $rl_point }}; }</style>@endif

<div class="hr hr-layout t-{{ $rl_type }}" style="--hr-w:{{ $rl_width }}px;@if ($rl_point !== '') --hr-brand:{{ $rl_point }}@endif">

	@include('_header')

	@if ($rl_show_hero)
		@include('_hero')
	@endif

	<main id="rl_content" class="rl-body">
		@if ($rl_type === 'main')
		@include('_home')
		@endif

		<div class="hr-inner rl-body-inner">
			<div class="hr-content rhymix_content">{!! $content !!}</div>
		</div>
	</main>

	@include('_footer')

</div>