@php

/**
 * Shared storefront sub-header ("page band"), controlled from Admin → Appearance →
 * Navigation. One partial renders EITHER the classic (.qm-page-head) or the modern
 * (.qm-blogm-head) style — never a third — for a content type ('page' | 'post'), and
 * honours the per-style breadcrumb / description toggles plus an optional background
 * image or video.
 *
 * The caller passes the CONTENT (already the right copy for that view); the admin
 * settings decide the STYLE. Defaults reproduce today's storefront exactly — posts →
 * modern, pages → classic, breadcrumb + description on, no background media.
 *
 * Callers pass RAW strings (t_raw(...) / model values); this partial escapes with e().
 *
 * @var string $type        'page' (CMS pages) | 'post' (blog + post detail)
 * @var string $title       heading text
 * @var array  $crumbs      [['label' => string, 'url' => ?string], ...] — last = active
 * @var string $description optional lead / subtitle
 * @var string $eyebrow     optional eyebrow, modern style only
 */
$type    = ($type ?? 'page') === 'post' ? 'post' : 'page';
$title   = (string) ($title ?? '');
$crumbs  = is_array($crumbs ?? null) ? $crumbs : [];
$desc    = trim((string) ($description ?? ''));
$eyebrow = trim((string) ($eyebrow ?? ''));

// Style + hide are resolved per content type; the fallbacks are today's defaults.
$slot  = $type === 'post' ? 'posts' : 'pages';
$style = setting('subheader_' . $slot . '_style', $type === 'post' ? 'modern' : 'classic');
if (!in_array($style, ['classic', 'modern', 'hidden'], true)) {
    $style = $type === 'post' ? 'modern' : 'classic';
}
if ($style === 'hidden') {
    return;
}

$showCrumbs = $crumbs !== [] && setting('subheader_' . $style . '_breadcrumbs', '1') === '1';
$showDesc   = $desc !== '' && setting('subheader_' . $style . '_description', '1') === '1';

// Optional background media (uploaded image or MP4) sits full-bleed behind the band with
// a scrim for legibility. Nothing set = the shipped CSS-gradient band, unchanged.
$bgType  = setting('subheader_' . $style . '_bg_type', 'none');
$bgMedia = $bgType === 'image'
    ? trim((string) setting('subheader_' . $style . '_bg_image', ''))
    : ($bgType === 'video' ? trim((string) setting('subheader_' . $style . '_bg_video', '')) : '');
$bgHtml = $bgMedia !== ''
    ? '<span class="qm-subhead-media" aria-hidden="true">' . restaurant_media_html($bgMedia, '', '') . '</span>'
    : '';

$lastIdx = count($crumbs) - 1;
@endphp
@if ($style === 'modern')
<div class="qm-blogm-head{!! $bgHtml !== '' ? ' has-media' : '' !!}">
    {!! $bgHtml !!}
    <div class="qm-blogm-head-inner">
        @if ($eyebrow !== '')<span class="qm-blogm-eyebrow"><i class="fas fa-utensils" aria-hidden="true"></i> {{ $eyebrow }}</span>@endif
        <h1 class="qm-blogm-title">{{ $title }}</h1>
        @if ($showDesc)<p class="qm-blogm-lead">{{ $desc }}</p>@endif
        @if ($showCrumbs)
        <nav class="qm-blogm-crumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}">@foreach ($crumbs as $i => $c)@if ($i > 0)<span class="sep" aria-hidden="true">/</span>@endif @if ($i === $lastIdx || empty($c['url']))<span class="active">{{ (string) $c['label'] }}</span>@else<a href="{{ (string) $c['url'] }}">{{ (string) $c['label'] }}</a>@endif @endforeach</nav>
        @endif
    </div>
</div>
@else
<div class="qm-page-head{!! $bgHtml !== '' ? ' has-media' : '' !!}">
    {!! $bgHtml !!}
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ $title }}</h1>
        @if ($showDesc)<p class="qm-page-sub">{{ $desc }}</p>@endif
        @if ($showCrumbs)
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}">@foreach ($crumbs as $i => $c)@if ($i > 0)<span class="mx-2" aria-hidden="true">/</span>@endif @if ($i === $lastIdx || empty($c['url']))<span class="active">{{ (string) $c['label'] }}</span>@else<a href="{{ (string) $c['url'] }}">{{ (string) $c['label'] }}</a>@endif @endforeach</nav>
        @endif
    </div>
</div>
@endif

@php /* The page's messages belong INSIDE the page, under its title band — not floating above
         the subheader where the reader has already scrolled past. Pages with no subheader keep
         getting it from the layout. */
@endphp
<div class="container-fluid">@partial('flash')</div>