@version(2)
@php
if (!function_exists('rl_nl2br_escape'))
{
	// 줄바꿈을 살려서 내보낸다. 템플릿에서 클로저를 쓰면 컴파일이 깨지므로 함수로 둔다
	function rl_nl2br_escape($rl_t)
	{
		return nl2br(escape(preg_replace('/<br\s*\/?\s*>/i', "\n", (string)$rl_t)));
	}
}
$rl_hero_h = $rl->hero_height ?? 'full';
$rl_hero_img = trim((string)($rl->hero_image ?? ''));
$rl_hero_title = trim((string)($rl->hero_title ?? ''));
$rl_hero_kicker = trim((string)($rl->hero_kicker ?? ''));
$rl_hero_text = trim((string)($rl->hero_text ?? ''));
$rl_hero_url = trim((string)($rl->hero_link_url ?? ''));
$rl_hero_label = trim((string)($rl->hero_link_text ?? ''));

$rl_marquee_raw = trim((string)($rl->marquee_text ?? ''));
$rl_marquee = [];
foreach (explode('|', $rl_marquee_raw) as $rl_mq)
{
	$rl_mq = trim($rl_mq);
	if ($rl_mq !== '') { $rl_marquee[] = $rl_mq; }
}
$rl_marquee_speed = $rl->marquee_speed ?? 'normal';
@endphp

<section class="rl-hero h-{{ $rl_hero_h }}" @if ($rl_hero_img !== '') style="background-image:url('{{ escape($rl_hero_img) }}')" @endif>
	<div class="hr-inner rl-hero-inner">
		@if ($rl_hero_kicker !== '')<span class="rl-hero-kicker">{{ $rl_hero_kicker }}</span>@endif
		@if ($rl_hero_title !== '')<h2 class="rl-hero-title">{!! rl_nl2br_escape($rl_hero_title) !!}</h2>@endif
		@if ($rl_hero_text !== '')<p class="rl-hero-text">{!! rl_nl2br_escape($rl_hero_text) !!}</p>@endif
		@if ($rl_hero_url !== '' && $rl_hero_label !== '')
		<a class="rl-hero-link" href="{{ $rl_hero_url }}">
			<span>{{ $rl_hero_label }}</span>
			<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 11h13.2l-5.1-5.1L13.5 4.5 21 12l-7.5 7.5-1.4-1.4 5.1-5.1H4z"/></svg>
		</a>
		@endif
	</div>

	<div class="rl-hero-scroll" aria-hidden="true">
		<span>SCROLL</span>
		<i></i>
	</div>
</section>

@if (count($rl_marquee))
<div class="rl-marquee s-{{ $rl_marquee_speed }}" aria-hidden="true">
	<div class="rl-marquee-track">
		@for ($rl_mi = 0; $rl_mi < 2; $rl_mi++)
		<div class="rl-marquee-run">
			@foreach ($rl_marquee as $rl_mq)
			<span>{{ $rl_mq }}</span>
			<i></i>
			@endforeach
		</div>
		@endfor
	</div>
</div>
@endif