{{--
    Page Header compartido para demo-supplements-shop
    Estilo: page-header-modern con bg-color-primary (cyan medical #008fe2)
    Inspirado en Porto demo-supplements-shop-about-us.html / demo-supplements-shop-contact.html

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

@php
    $pageTitle = $pageTitle ?? 'Página';
    $pageBreadcrumb = $pageBreadcrumb ?? [
        ['label' => __('Inicio'), 'url' => url('/')],
        ['label' => $pageTitle, 'url' => null],
    ];
    $pageSubtitle = $pageSubtitle ?? null;
@endphp

<section class="page-header page-header-modern bg-color-primary page-header-md mb-0">
    <div class="container">
        <div class="row">
            <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                <h1 class="text-color-light">{{ $pageTitle }}</h1>
                @if($pageSubtitle)
                    <span class="sub-title text-color-light">{{ $pageSubtitle }}</span>
                @endif
            </div>
            <div class="col-md-4 order-1 order-md-2 align-self-center">
                <ul class="breadcrumb d-block text-md-end breadcrumb-light">
                    @foreach($pageBreadcrumb as $index => $item)
                        @if($index === count($pageBreadcrumb) - 1)
                            <li class="active">{{ $item['label'] }}</li>
                        @else
                            <li>
                                <a href="{{ $item['url'] ?? url('/') }}">{{ $item['label'] }}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</section>