@php
  use App\Support\BreadcrumbImage;
  // Explicit bgImage wins; otherwise CMS page image → site default → fallback.
  $bgImage = BreadcrumbImage::resolve($bgImage ?? null, true);
  $parentPage = $parentPage ?? null;
  $parentRoute = $parentRoute ?? null;
  $position = 1;
@endphp

<section class="page-hero" aria-labelledby="page-title">
  <div class="page-hero-banner">
    <div class="page-hero-banner__bg" style="background-image: url('{{ $bgImage }}');" aria-hidden="true"></div>
    <div class="page-hero-banner__overlay" aria-hidden="true"></div>
    <div class="container">
      <div class="page-hero-inner reveal-up">
        <nav class="page-breadcrumb-nav" aria-label="Breadcrumb">
          <ol class="page-breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
            <li class="page-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
              <a href="{{ route('home') }}" itemprop="item" class="page-breadcrumb__link">
                <i class="fa-solid fa-house" aria-hidden="true"></i>
                <span itemprop="name">Home</span>
              </a>
              <meta itemprop="position" content="{{ $position }}">
            </li>
            @if($parentPage && $parentRoute)
              @php $position++; @endphp
              <li class="page-breadcrumb__separator" aria-hidden="true">
                <i class="fa-solid fa-chevron-right"></i>
              </li>
              <li class="page-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href="{{ route($parentRoute) }}" itemprop="item" class="page-breadcrumb__link">
                  <span itemprop="name">{{ $parentPage }}</span>
                </a>
                <meta itemprop="position" content="{{ $position }}">
              </li>
            @endif
            @php $position++; @endphp
            <li class="page-breadcrumb__separator" aria-hidden="true">
              <i class="fa-solid fa-chevron-right"></i>
            </li>
            <li class="page-breadcrumb__item page-breadcrumb__item--active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
              <span itemprop="name">{{ $currentPage }}</span>
              <meta itemprop="position" content="{{ $position }}">
            </li>
          </ol>
        </nav>
        <div class="page-hero-content">
          <h1 id="page-title" class="page-hero-title">{!! $title !!}</h1>
          <p class="page-hero-text">{{ $subtitle }}</p>
        </div>
      </div>
    </div>
  </div>
</section>