@props([
    'title' => 'Filters',
    'collapseId' => null,
    'open' => false,
    'resetUrl' => '',
    'formId' => '',
    'resetLabel' => null,
    'applyLabel' => null,
])

@php
    $collapseId = $collapseId ?: ('pmsCollapsibleFilter_'.substr(sha1(($formId ?: '').'|'.$title), 0, 10));
    $resetLabel = $resetLabel ?? __('Reset All');
    $applyLabel = $applyLabel ?? __('Apply Filters');
    // Workspace MEC: filters always start hidden; user opens via "Show filters".
    $isOpen = (function_exists('is_mec_role') && is_mec_role())
        ? false
        : (bool) $open;
@endphp

<div {{ $attributes->class(['card', 'shadow-sm', 'border-0', 'overflow-hidden', 'collapsible-filter-card', 'mb-3']) }}>
    <div class="card-body py-2 px-3 d-flex flex-wrap align-items-center justify-content-between border-bottom collapsible-filter-card__header">
        <div class="d-flex align-items-center flex-wrap">
            <button type="button"
                    class="btn btn-sm btn-outline-secondary collapsible-filter-card__toggle mr-2 mb-0 d-inline-flex align-items-center{{ $isOpen ? '' : ' collapsed' }}"
                    data-toggle="collapse"
                    data-target="#{{ $collapseId }}"
                    aria-expanded="{{ $isOpen ? 'true' : 'false' }}"
                    aria-controls="{{ $collapseId }}">
                <i class="fas fa-sliders-h mr-1" aria-hidden="true"></i>
                <span class="collapsible-filter-card__toggle-label">{{ $isOpen ? __('Hide filters') : __('Show filters') }}</span>
                <i class="fas fa-chevron-down ml-1 collapsible-filter-card__chevron" aria-hidden="true"></i>
            </button>
            <h6 class="mb-0 font-weight-bold text-uppercase d-flex align-items-center collapsible-filter-card__title">
                <i class="fas fa-filter text-primary mr-2" aria-hidden="true"></i>
                {{ $title }}
            </h6>
        </div>
        <div class="d-flex align-items-center ml-md-auto collapsible-filter-card__actions">
            @if ($resetUrl !== '')
                <a href="{{ $resetUrl }}" class="btn btn-sm btn-outline-secondary rounded mr-2">{{ $resetLabel }}</a>
            @endif
            @if ($formId !== '')
                <button type="submit" form="{{ $formId }}" class="btn btn-sm btn-primary rounded">{{ $applyLabel }}</button>
            @endif
        </div>
    </div>
    <div id="{{ $collapseId }}" class="collapse collapsible-filter-card__collapse{{ $isOpen ? ' show' : '' }}">
        {{ $slot }}
    </div>
</div>