@version(2)
@php
$nr_hero_media = $nr->hero_media ?? 'graphic';
$nr_hero_img = trim((string)($nr->hero_image ?? ''));
$nr_hero_video = trim((string)($nr->hero_video ?? ''));
if ($nr_hero_media === 'image' && $nr_hero_img === '') { $nr_hero_media = 'graphic'; }
if ($nr_hero_media === 'video' && $nr_hero_video === '') { $nr_hero_media = $nr_hero_img !== '' ? 'image' : 'graphic'; }

$nr_hero_title = trim((string)($nr->hero_title ?? '')) ?: trim((string)($nr_company->tagline ?? '')) ?: $lang->nr_hero_default;
$nr_hero_lines = preg_split('/\r\n|\r|\n/', $nr_hero_title);
$nr_hero_text = trim((string)($nr->hero_text ?? ''));

$nr_b1 = trim((string)($nr->hero_btn1_text ?? ''));
$nr_b1_url = trim((string)($nr->hero_btn1_url ?? '')) ?: $nr_jobs_url;
$nr_b2 = trim((string)($nr->hero_btn2_text ?? ''));
$nr_b2_url = trim((string)($nr->hero_btn2_url ?? '')) ?: ($nr_rc->url->benefits ?? '');

$nr_open = (int)($nr_rc->open_count ?? 0);
$nr_ticker = array_keys((array)($nr_rc->job_groups ?? []));
$nr_show_ticker = ($nr->hero_marquee ?? 'Y') !== 'N' && count($nr_ticker) > 0;
$nr_ticker_links = [];
foreach ($nr_ticker as $nr_g) {
	$nr_ticker_links[] = [$nr_g, (int)$nr_rc->job_groups[$nr_g], getUrl('', 'mid', $nr_rc->mid, 'act', 'dispRecruitJobList', 'job_group', $nr_g)];
}
@endphp
<section class="nr-hero is-{{ $nr_hero_media }}">
	<div class="nr-hero-bg" aria-hidden="true">
		@if ($nr_hero_media === 'graphic')
		<span class="nr-orb nr-orb-1"></span>
		<span class="nr-orb nr-orb-2"></span>
		<span class="nr-orb nr-orb-3"></span>
		<span class="nr-grid"></span>
		@elseif ($nr_hero_media === 'image')
		<img src="{{ $nr_hero_img }}" alt="" />
		@else
		<video src="{{ $nr_hero_video }}" @if ($nr_hero_img) poster="{{ $nr_hero_img }}" @endif autoplay muted loop playsinline preload="metadata"></video>
		@endif
	</div>

	<div class="nr-inner nr-hero-body">
		@if ($nr_open > 0)
		<a class="nr-live" href="{{ $nr_jobs_url }}"><i></i>{{ sprintf($lang->nr_hiring_now, $nr_open) }}</a>
		@elseif (!empty($nr->hero_kicker))
		<p class="nr-kicker">{{ $nr->hero_kicker }}</p>
		@endif
		@if ($nr_open > 0 && !empty($nr->hero_kicker))<p class="nr-kicker">{{ $nr->hero_kicker }}</p>@endif

		<h1 class="nr-hero-title">
			@foreach ($nr_hero_lines as $nr_i => $nr_line)
			<span class="nr-line" style="--d:{{ $nr_i }}">{{ $nr_line }}</span>
			@endforeach
		</h1>
		@if ($nr_hero_text !== '')<p class="nr-hero-text">{!! nl2br(escape($nr_hero_text)) !!}</p>@endif

		<div class="nr-hero-btns">
			@if ($nr_b1 !== '')<a class="nr-btn nr-btn-accent nr-btn-lg" href="{{ $nr_b1_url }}">{{ $nr_b1 }} <span aria-hidden="true">→</span></a>@endif
			@if ($nr_b2 !== '' && $nr_b2_url !== '')<a class="nr-btn nr-btn-ghost nr-btn-lg" href="{{ $nr_b2_url }}">{{ $nr_b2 }}</a>@endif
		</div>
	</div>

	@if ($nr_show_ticker)
	<div class="nr-ticker" aria-label="{{ $lang->nr_job_groups }}">
		<div class="nr-ticker-track">
			@for ($nr_rep = 0; $nr_rep < 2; $nr_rep++)
			<div class="nr-ticker-set" @if ($nr_rep) aria-hidden="true" @endif>
				@foreach ($nr_ticker_links as $nr_tl)
				<a href="{{ $nr_tl[2] }}" @if ($nr_rep) tabindex="-1" @endif>{{ $nr_tl[0] }}<sup>{{ $nr_tl[1] }}</sup></a>
				<span aria-hidden="true">✦</span>
				@endforeach
			</div>
			@endfor
		</div>
	</div>
	@endif
</section>