@props([
    'action',
    'method' => 'GET',
    'id' => 'tableFilterForm',
    'resetUrl',
    'title' => null,
    'open' => false,
])

@php
    $title = $title ?? __('FILTERS');
    $hasActiveChips = is_array($open) ? false : (bool) $open;
@endphp

@include('partials.collapsible-filter-styles')

<x-collapsible-filter-card
    :title="$title"
    :collapse-id="'pmsTableFilterCollapse_'.$id"
    :open="$hasActiveChips"
    :reset-url="$resetUrl ?? ''"
    :form-id="$id"
>
    <div class="card-body">
        <form method="{{ strtoupper($method) }}" action="{{ $action }}" id="{{ $id }}" class="pms-filter-form">
            {{ $slot }}
            <div class="pms-filter-actions">
                <button type="submit" class="btn btn-primary pms-btn-gradient pms-filter-actions__submit">
                    <i class="fas fa-search mr-1"></i> Filter
                </button>
                @if(!empty($resetUrl))
                    <a href="{{ $resetUrl }}" class="pms-filter-actions__reset" title="Reset all filters">
                        <i class="fas fa-sync-alt"></i>
                    </a>
                @endif
            </div>
        </form>
    </div>
</x-collapsible-filter-card>

@once
    @push('scripts')
        @include('partials.collapsible-filter-scripts')
    @endpush
@endonce