@props(['title', 'createRoute' => null, 'createLabel' => null, 'kicker' => null, 'subtitle' => null, 'backRoute' => null, 'backLabel' => null, 'showFilter' => false])

<div class="mb-6 flex flex-wrap items-start justify-between gap-4">
    <div class="min-w-0">
        @if ($kicker)
            <p class="admin-page-kicker">{{ $kicker }}</p>
        @endif
        <h2 class="admin-page-title">{{ $title }}</h2>
        @if ($subtitle)
            <p class="admin-page-subtitle">{{ $subtitle }}</p>
        @endif
        {{ $slot }}
    </div>
    <div class="flex flex-wrap items-center gap-2">
        @if ($backRoute)
            <a href="{{ $backRoute }}" class="admin-btn-muted">{{ $backLabel ?? __('admin.back') }}</a>
        @endif
        {{ $actions ?? '' }}
        @if ($showFilter)
            <x-admin.filter-toggle />
        @endif
        @if ($createRoute)
            <a href="{{ $createRoute }}" class="admin-btn-primary">{{ $createLabel ?? __('admin.create') }}</a>
        @endif
    </div>
</div>