{{--
    Page Header compartido para demo-law-firm-2
    Estilo: overlay dark con background image, centered, primary breadcrumb

    Variables esperadas:
    - $pageTitle (string)
    - $pageLabel (string, opcional)
    - $pageBreadcrumb (array, opcional)
    - $pageSubtitle (string, opcional)
    - $backgroundImage (string, opcional)
--}}

@php
    $pageTitle = $pageTitle ?? 'Página';
    $pageLabel = $pageLabel ?? null;
    $pageBreadcrumb = $pageBreadcrumb ?? $breadcrumbItems ?? [
        ['label' => 'Inicio', 'url' => front_homepage_url()],
        ['label' => $pageTitle, 'url' => null],
    ];
    $pageSubtitle = $pageSubtitle ?? null;
    $backgroundImage = $backgroundImage ?? asset('cd-project/img/demos/law-firm-2/backgrounds/background-4.jpg');
@endphp

<section class="page-header page-header-modern page-header-lg overlay overlay-show overlay-op-9 m-0" style="background-image: url({{ $backgroundImage }}); background-size: cover; background-position: center;">
    <div class="container py-4">
        <div class="row">
            <div class="col text-center">
                <ul class="breadcrumb d-flex justify-content-center text-4-5 font-weight-medium mb-2">
                    @foreach($pageBreadcrumb as $index => $item)
                        @if($index === count($pageBreadcrumb) - 1)
                            <li class="text-color-primary active">{{ $item['label'] }}</li>
                        @else
                            <li>
                                <a href="{{ $item['url'] }}" class="text-color-primary text-decoration-none">{{ $item['label'] }}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
                <h1 class="text-color-light font-weight-bold text-10">{{ $pageTitle }}</h1>
                @if(!empty($pageSubtitle))
                    <p class="text-color-light opacity-7 mt-2">{{ $pageSubtitle }}</p>
                @endif
            </div>
        </div>
    </div>
</section>