@props([
    'formAction' => '',
    'formId' => 'schemeFilterForm',
    'filterRows' => [],
    'context' => 'standalone',
    'resetUrl' => '',
    'title' => 'FIND SCHEMES',
    'planType' => '',
    'includeContextHidden' => true,
    'preserveQuery' => [],
    'showFooterActions' => true,
])

@php
    $schemeFiltersCollapsible = ($context === 'plan')
        || (function_exists('is_mec_role') && is_mec_role());
    $schemeFiltersCollapseId = 'pmsSchemeFiltersCollapse_'.preg_replace('/[^a-zA-Z0-9_-]+/', '_', (string) $formId);
@endphp

<form action="{{ $formAction }}" method="GET" id="{{ $formId }}" data-context="{{ $context }}" data-plan-type="{{ $planType }}" class="scheme-filters-form">
    @if ($includeContextHidden)
        <input type="hidden" name="context" value="{{ $context }}">
    @endif
    @foreach ($preserveQuery as $preserveName => $preserveValue)
        @if ($preserveValue !== null && $preserveValue !== '')
            <input type="hidden" name="{{ $preserveName }}" value="{{ $preserveValue }}">
        @endif
    @endforeach
    @if($context !== 'plan' && $includeContextHidden)
        @php
            $pc1StatPreserve = request('pc1_stat');
            $pc1StatPreserve = in_array((string) $pc1StatPreserve, ['created', 'pending', 'approved'], true)
                ? (string) $pc1StatPreserve
                : null;
        @endphp
        @if($pc1StatPreserve)
            <input type="hidden" name="pc1_stat" value="{{ $pc1StatPreserve }}">
        @endif
    @endif
    @if($context === 'plan')
        @php
            $preservePlanType = request('plan_type', $planType);
            $preserveMonth = request('month', session('plan_create_month'));
            $preserveYear = request('year', session('plan_create_year'));
            if (($preserveMonth === null || $preserveMonth === '') || ($preserveYear === null || $preserveYear === '')) {
                $visitMeta = session('plan_visit_meta', []);
                if (! is_array($visitMeta)) {
                    $visitMeta = [];
                }
                if ($preserveMonth === null || $preserveMonth === '') {
                    $preserveMonth = $visitMeta['month'] ?? null;
                }
                if ($preserveYear === null || $preserveYear === '') {
                    $preserveYear = $visitMeta['year'] ?? null;
                }
            }
        @endphp
        @if($preservePlanType)
            <input type="hidden" name="plan_type" value="{{ $preservePlanType }}">
        @endif
        @if($preserveMonth !== null && $preserveMonth !== '')
            <input type="hidden" name="month" value="{{ (int) $preserveMonth }}">
        @endif
        @if($preserveYear !== null && $preserveYear !== '')
            <input type="hidden" name="year" value="{{ (int) $preserveYear }}">
        @endif
        @if(request()->filled('return_plan_id'))
            <input type="hidden" name="return_plan_id" value="{{ request('return_plan_id') }}">
        @endif
        @php
            $preserveSchemeIds = request('scheme_ids', []);
            if (!is_array($preserveSchemeIds)) {
                $preserveSchemeIds = $preserveSchemeIds !== null && $preserveSchemeIds !== '' ? [$preserveSchemeIds] : [];
            }
        @endphp
        @foreach($preserveSchemeIds as $sid)
            @if($sid !== null && $sid !== '')
                <input type="hidden" name="scheme_ids[]" value="{{ $sid }}">
            @endif
        @endforeach
        @php
            $preserveLockedIds = request('locked_scheme_ids', []);
            if (!is_array($preserveLockedIds)) {
                $preserveLockedIds = $preserveLockedIds !== null && $preserveLockedIds !== '' ? [$preserveLockedIds] : [];
            }
        @endphp
        @foreach($preserveLockedIds as $sid)
            @if($sid !== null && $sid !== '')
                <input type="hidden" name="locked_scheme_ids[]" value="{{ $sid }}">
            @endif
        @endforeach
    @endif

    <div class="card shadow-sm border-0 overflow-hidden scheme-filters-card @if($schemeFiltersCollapsible) scheme-filters-card--plan-collapsible @endif">
        {{-- Header: title left; actions top right when collapsible --}}
        <div class="card-body py-2 px-3 d-flex flex-wrap align-items-center justify-content-between border-bottom scheme-filters-header">
            <div class="d-flex align-items-center flex-wrap">
                @if($schemeFiltersCollapsible)
                    <button type="button"
                            class="btn btn-sm btn-outline-secondary scheme-filters-collapse-toggle collapsed mr-2 mb-0 d-inline-flex align-items-center"
                            data-toggle="collapse"
                            data-target="#{{ $schemeFiltersCollapseId }}"
                            aria-expanded="false"
                            aria-controls="{{ $schemeFiltersCollapseId }}">
                        <i class="fas fa-sliders-h mr-1" aria-hidden="true"></i>
                        <span class="scheme-filters-collapse-label">{{ __('Show filters') }}</span>
                        <i class="fas fa-chevron-down ml-1 scheme-filters-collapse-chevron" aria-hidden="true"></i>
                    </button>
                @endif
                <h6 class="mb-0 font-weight-bold text-uppercase d-flex align-items-center scheme-filters-title">
                    <i class="fas fa-filter text-primary mr-2" aria-hidden="true"></i>
                    {{ $title }}
                </h6>
            </div>
            @if($schemeFiltersCollapsible)
            <div class="d-flex align-items-center ml-md-auto">
                <a href="{{ $resetUrl }}" class="btn btn-sm btn-outline-secondary rounded mr-2 @if($context === 'plan') js-clear-plan-scheme-pick @endif">{{ __('Reset All') }}</a>
                <button type="submit" class="btn btn-sm btn-primary rounded">{{ __('Apply Filters') }}</button>
            </div>
            @endif
        </div>

        @if($schemeFiltersCollapsible)
        <div id="{{ $schemeFiltersCollapseId }}" class="collapse scheme-filters-plan-collapse">
        @endif
        <div class="card-body px-3 py-3 scheme-filters-body">
            @foreach ($filterRows as $rowIndex => $row)
                @php
                    $isFlagsBarRow = count($row) === 1 && ($row[0]['layout'] ?? '') === 'flags_bar';
                @endphp
                <div class="{{ $isFlagsBarRow ? 'row scheme-flags-bar-row' : 'row mb-2 align-items-end' }}">
                    @foreach ($row as $cell)
                        @php
                            $cellLabel = $cell['label'] ?? '';
                            $fields = $cell['fields'] ?? [];
                            $colClass = $cell['col'] ?? 'col-12 col-md-6 col-lg-3';
                            $cellLayout = $cell['layout'] ?? 'default';
                            $innerFlexClass = 'd-flex flex-wrap align-items-center w-100';
                            if (in_array($cellLayout, ['checkbox_row', 'checkbox_row_panel'], true)) {
                                $innerFlexClass .= ' scheme-filter-checkbox-row';
                                if ($cellLayout === 'checkbox_row_panel') {
                                    $innerFlexClass .= ' scheme-filter-checkbox-row--in-panel';
                                }
                            }
                        @endphp
                        @if ($cellLabel && count($fields) > 0)
                            @if ($cellLayout === 'flags_bar')
                                <div class="{{ $colClass }}">
                                    <div class="scheme-flags-bar d-flex align-items-center flex-wrap">
                                        <span class="scheme-flags-bar__label">Scheme Flags:</span>
                                        @foreach ($fields as $field)
                                            @php
                                                $key     = $field['key'] ?? '';
                                                $cbLabel = $field['checkbox_label'] ?? $field['key'] ?? '';
                                                $cbChecked = scheme_plan_filter_flag_checked($key, $planType, $context);
                                                $cbId = 'scheme_filter_' . preg_replace('/[^a-zA-Z0-9_-]+/', '_', $formId . '_' . $key);
                                            @endphp
                                            <div class="scheme-flag-pill">
                                                <input type="checkbox" name="{{ $key }}" value="1" id="{{ $cbId }}" class="scheme-flag-pill__input" {{ $cbChecked ? 'checked' : '' }}>
                                                <label for="{{ $cbId }}" class="scheme-flag-pill__label mb-0">{{ $cbLabel }}</label>
                                            </div>
                                        @endforeach
                                        {{-- Action buttons live here for non-collapsible contexts --}}
                                        @if(! $schemeFiltersCollapsible)
                                        <div class="ml-auto d-flex align-items-center" style="gap:6px;">
                                            <a href="{{ $resetUrl }}" class="btn btn-sm btn-outline-secondary rounded">Reset All</a>
                                            <button type="submit" class="btn btn-sm btn-primary rounded">Apply Filters</button>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            @elseif ($cellLayout === 'flags_inline')
                                <div class="{{ $colClass }} mb-2 mb-lg-0">
                                    <label class="d-block font-weight-bold text-uppercase small mb-1 scheme-filters-label" style="font-size:.68rem;letter-spacing:.06em;">{{ $cellLabel }}</label>
                                    <div class="scheme-filter-flags-pills d-flex flex-wrap" style="gap:4px;">
                                        @foreach ($fields as $field)
                                            @php
                                                $key = $field['key'] ?? '';
                                                $cbLabel = $field['checkbox_label'] ?? $field['key'] ?? '';
                                                $cbChecked = scheme_plan_filter_flag_checked($key, $planType, $context);
                                                $cbId = 'scheme_filter_' . preg_replace('/[^a-zA-Z0-9_-]+/', '_', $formId . '_' . $key);
                                            @endphp
                                            <div class="scheme-flag-pill">
                                                <input type="checkbox" name="{{ $key }}" value="1" id="{{ $cbId }}" class="scheme-flag-pill__input" {{ $cbChecked ? 'checked' : '' }}>
                                                <label for="{{ $cbId }}" class="scheme-flag-pill__label mb-0">{{ $cbLabel }}</label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @else
                            <div class="{{ $colClass }} mb-2 mb-lg-0">
                                <label class="d-block font-weight-bold text-uppercase small mb-2 scheme-filters-label">{{ $cellLabel }}</label>
                                @if ($cellLayout === 'checkbox_row_panel')
                                    <div class="scheme-filter-flags-panel">
                                @endif
                                <div class="{{ $innerFlexClass }}">
                                    @foreach ($fields as $idx => $field)
                                        @php
                                            $key = $field['key'] ?? '';
                                            $type = $field['type'] ?? 'text';
                                            $options = $field['options'] ?? [];
                                            $placeholder = $field['placeholder'] ?? '';
                                            $value = request($key);
                                            $separator = $field['separator'] ?? null;
                                            $inputClass = $field['inputClass'] ?? '';
                                            $select2StyleInput = ($context === 'plan' && in_array($type, ['text', 'number'], true));
                                        @endphp
                                        @if ($key)
                                            @if ($type === 'number')
                                                <input type="number"
                                                       name="{{ $key }}"
                                                       value="{{ $value }}"
                                                       placeholder="{{ $placeholder }}"
                                                       class="form-control form-control-sm rounded scheme-filter-input {{ $select2StyleInput ? 'scheme-filter-input--select2-style' : '' }} {{ $inputClass }}"
                                                       style="flex: 1; min-width: 0;"
                                                       @if (!empty($field['disabled'])) disabled @endif
                                                       @if (array_key_exists('number_min', $field) && $field['number_min'] !== null) min="{{ $field['number_min'] }}" @endif
                                                       @if (array_key_exists('number_max', $field) && $field['number_max'] !== null) max="{{ $field['number_max'] }}" @endif
                                                       @if (!empty($field['number_step'])) step="{{ $field['number_step'] }}" @endif>
                                             @elseif ($type === 'select2_lookup')
                                                <x-select2-lookup
                                                    :id="$field['id'] ?? null"
                                                    :name="empty($field['sync_only']) ? $key : ''"
                                                    :lookupUrl="$field['lookup_url']"
                                                    :lookupType="$field['lookup_type'] ?? 'scheme_name'"
                                                    :selectedValue="$value"
                                                    :placeholder="$placeholder"
                                                    :syncOnly="!empty($field['sync_only'])"
                                                    :extraParams="$field['extra_params'] ?? []"
                                                    :mergeFormParams="array_key_exists('merge_form_params', $field) ? (bool) $field['merge_form_params'] : true"
                                                    :inputClass="'form-control form-control-sm rounded ' . $inputClass"
                                                    :disabled="!empty($field['disabled'])"
                                                    :multiple="!empty($field['multiple'])"
                                                />
                                            @elseif ($type === 'select')
                                                @php
                                                    $richData = $field['richStatusData'] ?? null;
                                                    $richMap = [];
                                                    if (is_array($richData)) {
                                                        foreach ($richData as $rd) {
                                                            $richMap[$rd['label']] = $rd;
                                                        }
                                                    }
                                                @endphp
                                                <select @if (empty($field['sync_only']) && empty($field['disabled']))
                                                            name="{{ $key }}"
                                                        @endif
                                                        class="form-control form-control-sm rounded scheme-filter-select {{ $inputClass }}"
                                                        style="width: 100%;"
                                                        @if (!empty($field['disabled'])) disabled @endif
                                                        @if (!empty($field['sync_only']))
                                                            aria-label="{{ $cellLabel }}"
                                                        @endif
                                                        @if ($richMap) data-rich-status-filter="1" @endif>
                                                    @foreach ($options as $optVal => $optLabel)
                                                        <option value="{{ $optVal }}"
                                                            {{ (string) $value === (string) $optVal ? 'selected' : '' }}
                                                            @if (isset($richMap[$optLabel]))
                                                                data-filter-type="{{ $richMap[$optLabel]['filterType'] }}"
                                                                data-filter-value="{{ $richMap[$optLabel]['filterValue'] }}"
                                                            @endif
                                                        >{{ $optLabel }}</option>
                                                    @endforeach
                                                </select>
                                            @elseif ($type === 'multiselect')
                                                @php
                                                    $multiSelected = old($key, request($key, []));
                                                    if (!is_array($multiSelected)) {
                                                        $multiSelected = $multiSelected !== null && $multiSelected !== '' ? [$multiSelected] : [];
                                                    }
                                                    $multiSelectedStr = array_map('strval', $multiSelected);
                                                    $multiPlaceholder = $field['placeholder'] ?? 'Select…';
                                                @endphp
                                                <select name="{{ $key }}[]" multiple
                                                        class="form-control form-control-sm rounded scheme-filter-select {{ $inputClass }}"
                                                        style="width: 100%;"
                                                        data-placeholder="{{ $multiPlaceholder }}"
                                                        @if (!empty($field['disabled'])) disabled @endif>
                                                    @foreach ($options as $optVal => $optLabel)
                                                        <option value="{{ $optVal }}" {{ in_array((string) $optVal, $multiSelectedStr, true) ? 'selected' : '' }}>{{ $optLabel }}</option>
                                                    @endforeach
                                                </select>
                                            @elseif ($type === 'checkbox')
                                                @php
                                                    $cbChecked = scheme_plan_filter_flag_checked($key, $planType, $context);
                                                    $cbLabel = array_key_exists('checkbox_label', $field)
                                                        ? (string) ($field['checkbox_label'] ?? '')
                                                        : (string) $cellLabel;
                                                    $cbId = 'scheme_filter_' . preg_replace('/[^a-zA-Z0-9_-]+/', '_', $formId . '_' . $key);
                                                    $cbInline = in_array($cellLayout, ['checkbox_row', 'checkbox_row_panel'], true);
                                                @endphp
                                                <div class="custom-control custom-checkbox mb-0 {{ $cbInline ? 'scheme-filter-checkbox-tile' : 'custom-control-inline mr-3' }}">
                                                    <input type="checkbox"
                                                           class="custom-control-input scheme-filter-checkbox"
                                                           name="{{ $key }}"
                                                           value="1"
                                                           id="{{ $cbId }}"
                                                           @if (!empty($field['disabled'])) disabled @endif
                                                           @if ($cbLabel === '') aria-label="{{ $cellLabel }}" @endif
                                                           {{ $cbChecked ? 'checked' : '' }}>
                                                    <label class="custom-control-label small mb-0" for="{{ $cbId }}">
                                                        @if ($cbLabel !== '')
                                                            {{ $cbLabel }}
                                                        @else
                                                            <span class="sr-only">{{ $cellLabel }}</span>
                                                        @endif
                                                    </label>
                                                </div>
                                            @else
                                                <input type="text"
                                                       name="{{ $key }}"
                                                       value="{{ $value }}"
                                                       placeholder="{{ $placeholder }}"
                                                       class="form-control form-control-sm rounded scheme-filter-input {{ $select2StyleInput ? 'scheme-filter-input--select2-style' : '' }} {{ $inputClass }}"
                                                       style="width: 100%;"
                                                       @if (!empty($field['disabled'])) disabled @endif>
                                            @endif
                                            @if ($separator !== null && $idx < count($fields) - 1)
                                                <span class="text-muted small mx-1 flex-shrink-0">{{ $separator }}</span>
                                            @endif
                                        @endif
                                    @endforeach
                                </div>
                                @if ($cellLayout === 'checkbox_row_panel')
                                    </div>
                                @endif
                            </div>
                            @endif
                        @endif
                    @endforeach
                </div>
            @endforeach
        </div>

        @if ($showFooterActions && ! $schemeFiltersCollapsible)
        {{-- Actions bottom: same controls as header, above table --}}
        <div class="card-body py-3 px-4 d-flex flex-wrap align-items-center justify-content-end border-top scheme-filters-footer">
            <div class="d-flex align-items-center">
                <a href="{{ $resetUrl }}" class="btn btn-sm btn-outline-secondary rounded mr-2">Reset All</a>
                <button type="submit" class="btn btn-sm btn-primary rounded">Apply Filters</button>
            </div>
        </div>
        @endif
        @if($schemeFiltersCollapsible)
        </div>
        @endif
    </div>
</form>

@if ($schemeFiltersCollapsible)
@once
    @push('scripts')
    <script>
    (function () {
        function bindSchemeFilterCollapses(root) {
            var $root = root ? $(root) : $(document);
            $root.find('.scheme-filters-card--plan-collapsible').each(function () {
                var $card = $(this);
                if ($card.data('pmsSchemeFiltersBound')) {
                    return;
                }
                $card.data('pmsSchemeFiltersBound', true);
                var $collapse = $card.find('.scheme-filters-plan-collapse').first();
                var $toggle = $card.find('.scheme-filters-collapse-toggle').first();
                var $label = $toggle.find('.scheme-filters-collapse-label');
                if (!$collapse.length || !$toggle.length || !$label.length) {
                    return;
                }
                function syncLabel() {
                    $label.text($collapse.hasClass('show') ? @json(__('Hide filters')) : @json(__('Show filters')));
                }
                $collapse.on('hidden.bs.collapse shown.bs.collapse', function () {
                    syncLabel();
                    $(window).trigger('resize');
                });
                syncLabel();
            });
        }
        window.pmsBindSchemeFilterCollapses = bindSchemeFilterCollapses;
        $(function () { bindSchemeFilterCollapses(document); });
    })();
    </script>
    @endpush
@endonce
@endif