@props([
    'title' => '',
    'subtitle' => null,
    'icon' => null,
    'home' => true,
])

<div {{ $attributes->merge(['class' => 'chm-page-header']) }}>
    <div class="flex-grow-1">
        @if($title)
            <h1 class="chm-page-header-title mb-0">
                @if($icon)
                    <i class="{{ $icon }}"></i>
                @endif
                {{ $title }}
            </h1>
        @endif

        @if($subtitle)
            <p class="chm-page-header-subtitle mb-0">{{ $subtitle }}</p>
        @endif

        @if(isset($breadcrumb) || $home)
            <nav aria-label="breadcrumb" class="chm-breadcrumb-nav">
                <ol class="breadcrumb mb-0 p-0 bg-transparent">
                    @isset($breadcrumb)
                        {{ $breadcrumb }}
                    @elseif($home)
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.dashboard') }}">Home</a>
                        </li>
                    @endisset
                </ol>
            </nav>
        @endif
    </div>

    @isset($actions)
        <div class="chm-page-header-actions d-flex flex-wrap gap-2 align-items-center">
            {{ $actions }}
        </div>
    @endisset
</div>