{{--
    Page Header compartido para demo-photography-3
    Estilo: background image centered, light text, minimal

    Variables esperadas:
    - $pageTitle (string)
    - $pageLabel (string, opcional)
    - $pageBreadcrumb (array, opcional)
    - $pageSubtitle (string, opcional)
    - $backgroundImage (string, opcional)
    - $usePrimaryBg (bool, opcional) — Usar bg-color-primary en vez de imagen
--}}

@php
    $pageTitle = $pageTitle ?? 'Página';
    $pageLabel = $pageLabel ?? null;
    $pageBreadcrumb = $pageBreadcrumb ?? $breadcrumbItems ?? [
        ['label' => 'Inicio', 'url' => front_homepage_url()],
        ['label' => $pageTitle, 'url' => null],
    ];
    $pageSubtitle = $pageSubtitle ?? null;
    $usePrimaryBg = $usePrimaryBg ?? false;
    $backgroundImage = $backgroundImage ?? asset('cd-project/img/demos/photography/custom-header-bg.jpg');
@endphp

@if($usePrimaryBg)
<section class="page-header page-header-modern bg-color-primary mb-0">
@else
<section class="page-header page-header-modern page-header-background page-header-background-sm mb-0" style="background-image: url({{ $backgroundImage }});">
@endif
    <div class="container">
        <div class="row py-3">
            <div class="col-md-12 align-self-center p-static order-2 text-center">
                <ul class="breadcrumb d-flex justify-content-center text-4 font-weight-medium mb-2">
                    @foreach($pageBreadcrumb as $index => $item)
                        @if($index === count($pageBreadcrumb) - 1)
                            <li class="text-color-light opacity-7 active">{{ $item['label'] }}</li>
                        @else
                            <li>
                                <a href="{{ $item['url'] }}" class="text-color-light opacity-7 text-decoration-none">{{ $item['label'] }}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
                <h1 class="font-weight-normal text-12 m-0 pb-2 text-color-light">
                    {{ $pageTitle }}
                </h1>
                @if(!empty($pageSubtitle))
                    <p class="text-color-light opacity-7 mb-0">
                        {{ $pageSubtitle }}
                    </p>
                @endif
            </div>
        </div>
    </div>
</section>