{{--
    Page Header demo-real-estate — Alineado con Schujman (referencia)
    Variables: $pageTitle, $pageLabel, $pageBreadcrumb, $pageSubtitle, $backgroundImage
--}}

@php
    $pageTitle = $pageTitle ?? __('Página');
    $pageLabel = $pageLabel ?? null;
    $pageBreadcrumb = $pageBreadcrumb ?? [
        ['label' => __('Inicio'), 'url' => front_homepage_url()],
        ['label' => $pageTitle, 'url' => null],
    ];
    $pageSubtitle = $pageSubtitle ?? null;
    $backgroundImage = $backgroundImage ?? site_asset_url('hero_background', 'cd-project/img/demos/real-estate/backgrounds/banner-6.jpg');
@endphp

<div class="espacio-top"></div>

<section class="page-header page-header-modern page-header-background page-header-background-md parallax overlay overlay-color-dark overlay-show overlay-op-5 my-0"
    data-plugin-parallax data-plugin-options="{'speed': 1.2}"
    data-image-src="{{ $backgroundImage }}">
    <div class="container container-xl-custom">
        <div class="row">
            {{-- Left: Badge + Title --}}
            <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                @if($pageLabel)
                <div class="overflow-hidden">
                    <h2 class="text-color-primary positive-ls-3 line-height-3 text-4 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="500">
                        {{ strtoupper($pageLabel) }}
                    </h2>
                </div>
                @endif
                <div class="overflow-hidden">
                    <h3 class="text-transform-none text-color-light font-weight-black text-10 line-height-2 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="700">
                        {{ $pageSubtitle ?? $pageTitle }}
                    </h3>
                </div>
            </div>

            {{-- Right: Breadcrumb --}}
            <div class="col-md-4 order-1 order-md-2 align-self-center">
                <ul class="breadcrumb breadcrumb-light d-block text-md-end text-4 mb-0">
                    @foreach($pageBreadcrumb as $index => $item)
                        @if($index === count($pageBreadcrumb) - 1)
                            <li class="text-uppercase active">{{ $item['label'] }}</li>
                        @else
                            <li><a href="{{ $item['url'] }}" class="text-decoration-none">{{ $item['label'] }}</a></li>
                        @endif
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</section>