{{--
    Page Header demo-urban-development — banner cinematográfico para páginas internas.
    Vars: $pageTitle, $pageLabel, $pageBreadcrumb (o $breadcrumbItems), $pageSubtitle, $backgroundImage
--}}
@php
    $pageTitle = $pageTitle ?? __('Página');
    $pageLabel = $pageLabel ?? null;
    $pageSubtitle = $pageSubtitle ?? null;
    $crumbs = $pageBreadcrumb ?? $breadcrumbItems ?? [
        ['label' => __('Inicio'), 'url' => front_homepage_url()],
        ['label' => $pageTitle, 'url' => null],
    ];
    $backgroundImage = $backgroundImage ?? site_asset_url('hero_background', 'cd-project/img/demos/urban-development/backgrounds/banner-6.jpg');
@endphp

<section class="ud-pagehead">
    <div class="ud-pagehead__media" style="background-image: url('{{ $backgroundImage }}');"></div>
    <div class="ud-pagehead__overlay"></div>
    <div class="ud-pagehead__inner">
        <div class="ud-container">
            <nav class="ud-breadcrumb" aria-label="breadcrumb">
                @foreach($crumbs as $i => $c)
                    @if(!is_array($c))
                        @continue
                    @endif
                    @if(($c['url'] ?? null) && $i !== count($crumbs) - 1)
                        <a href="{{ $c['url'] }}">{{ $c['label'] ?? '' }}</a><span class="sep">/</span>
                    @else
                        <span>{{ $c['label'] ?? '' }}</span>
                    @endif
                @endforeach
            </nav>
            @if($pageLabel)
                <span class="ud-eyebrow" style="color:var(--ud-gold);">{{ $pageLabel }}</span>
            @endif
            <h1 class="ud-pagehead__title">{{ $pageSubtitle ?? $pageTitle }}</h1>
        </div>
    </div>
</section>