@props([
    'title',
    'subtitle' => null,
    'createRoute' => null,
    'createLabel' => null,
    'tabs' => [],
    'searchPlaceholder' => null,
])

@php
    $filtersOpen = collect(request()->except(['page']))
        ->filter(fn ($value) => filled($value))
        ->isNotEmpty();
@endphp

<x-admin.filter-scope :open="$filtersOpen">
    <x-admin.page-header
        :title="$title"
        :subtitle="$subtitle"
        :create-route="$createRoute"
        :create-label="$createLabel"
        :show-filter="true"
    />

    <x-admin.filter-panel>
        <form method="get" class="admin-filter-form flex flex-wrap items-end gap-3" role="search">
            <div class="relative min-w-[12rem] flex-1">
                <span class="pointer-events-none absolute inset-y-0 start-3 inline-flex items-center text-slate-400">
                    <x-site.svg-icon name="search" class="h-4 w-4" />
                </span>
                <input
                    type="search"
                    name="search"
                    value="{{ request('search') }}"
                    class="admin-input w-full ps-10"
                    placeholder="{{ $searchPlaceholder ?? __('admin.search_placeholder') }}"
                    aria-label="{{ __('admin.search') }}"
                />
            </div>
            <button type="submit" class="admin-btn-primary">{{ __('admin.search') }}</button>
        </form>
    </x-admin.filter-panel>

    <div class="admin-card admin-resource-index">
        @if (count($tabs) > 0)
            <nav class="admin-segmented-tabs" aria-label="{{ $title }}">
                @foreach ($tabs as $tab)
                    <a
                        href="{{ $tab['href'] }}"
                        @class([
                            'admin-segmented-tabs__item',
                            'is-active' => ! empty($tab['active']),
                        ])
                    >
                        <span>{{ $tab['label'] }}</span>
                        @isset($tab['count'])
                            <span class="admin-segmented-tabs__count">{{ $tab['count'] }}</span>
                        @endisset
                    </a>
                @endforeach
            </nav>
        @endif

        <div class="admin-resource-index__body">
            {{ $slot }}
        </div>
    </div>
</x-admin.filter-scope>