@props([
    'title' => null,
    'subtitle' => null,
    'breadcrumbs' => [],
])

<div {{ $attributes->merge(['class' => 'pbx-page-header']) }}>
    <div class="pbx-page-header-main">
        @if(!empty($breadcrumbs))
            <nav aria-label="breadcrumb" class="pbx-page-breadcrumb">
                <ol class="breadcrumb mb-2">
                    @foreach($breadcrumbs as $breadcrumb)
                        @php
                            $label = is_array($breadcrumb) ? ($breadcrumb['label'] ?? '') : $breadcrumb;
                            $url = is_array($breadcrumb) ? ($breadcrumb['url'] ?? null) : null;
                            $isLast = $loop->last;
                        @endphp
                        <li class="breadcrumb-item {{ $isLast ? 'active' : '' }}" @if($isLast) aria-current="page" @endif>
                            @if($url && !$isLast)
                                <a href="{{ $url }}">{{ $label }}</a>
                            @else
                                {{ $label }}
                            @endif
                        </li>
                    @endforeach
                </ol>
            </nav>
        @endif

        @if($title)
            <h1 class="pbx-page-title">{{ $title }}</h1>
        @endif

        @if($subtitle)
            <p class="pbx-page-subtitle">{{ $subtitle }}</p>
        @endif
    </div>

    @if(isset($actions))
        <div class="pbx-page-actions">
            {{ $actions }}
        </div>
    @endif
</div>