@php
    $schemeFilterCatalog = $schemeFilterCatalog ?? \App\Support\PlanIndexSchemeFilterCatalog::tripleSelectOptions();
    $planSchemeFilters = plan_index_scheme_filters();
    $planSchemeFilterChips = plan_index_scheme_filter_chips();
    $planListTabStatus = visit_plan_index_status();
    if ($planListTabStatus === '') {
        $rawStatus = (string) request()->query('status', '');
        if (in_array($rawStatus, ['draft', 'in_process', 'approved'], true)) {
            $planListTabStatus = $rawStatus;
        }
    }
    $selectedProjectId = (int) ($planSchemeFilters['project_id'] ?? 0);
    $visitRangeDisplay = \App\Support\PlanListingSchemeFilters::visitDateRangeDisplay(
        $planSchemeFilters['visit_date_from'] ?? '',
        $planSchemeFilters['visit_date_to'] ?? ''
    );
    $planSchemeSectionOpen = plan_index_has_scheme_filters()
        || $selectedProjectId > 0
        || $visitRangeDisplay !== ''
        || (int) ($planSchemeFilters['monitoring_officer_id'] ?? 0) > 0;
    $mecUnifiedFilters = function_exists('is_mec_role') && is_mec_role();
    $selectedPlanTypes = visit_plan_index_plan_types_from_request();
    $selectedMecRegionIds = array_map(
        static fn (int $id) => (string) $id,
        resolve_mec_region_list_filter_ids(request()->query('mec_region_id'))
    );
@endphp
<form method="GET" action="{{ route('plan.index') }}" class="plan-filter-form{{ $mecUnifiedFilters ? ' plan-filter-form--mec-unified' : '' }}" id="planIndexFilterForm">
    @if ($planListTabStatus !== '' && (string) request('status', '') === $planListTabStatus)
        <input type="hidden" name="status" value="{{ $planListTabStatus }}">
    @endif

    @if ($mecUnifiedFilters)
        {{-- Workspace MEC: all plan + scheme filters in one Show/Hide body (no nested tiers). --}}
        <div class="plan-filter-tier__fields plan-filter-tier__fields--unified w-100">
            <div class="plan-filter-row plan-filter-row--primary">
                <div class="plan-filter-field plan-filter-field--search">
                    <label for="filter-search">{{ __('Search') }}</label>
                    <input type="text" name="search" id="filter-search" class="form-control form-control-sm"
                           placeholder="{{ __('Search…') }}" value="{{ $search ?? '' }}">
                </div>
                <div class="plan-filter-field plan-filter-field--multiselect plan-filter-field--plan-type">
                    <label for="plan_filter_plan_type">{{ __('Plan Type') }}</label>
                    <select name="plan_type[]" id="plan_filter_plan_type" class="form-control form-control-sm plan-filter-multiselect" multiple
                            data-placeholder="{{ __('All Types') }}">
                        @foreach (['RVP', 'CVP', 'SVP', 'DRP', 'ERP', 'PMP'] as $pt)
                            <option value="{{ $pt }}" @selected(in_array($pt, $selectedPlanTypes, true))>{{ $pt }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="plan-filter-field plan-filter-field--month">
                    <label for="plan_filter_month">{{ __('Month') }}</label>
                    <select name="month" id="plan_filter_month" class="form-control form-control-sm">
                        <option value="">{{ __('All Months') }}</option>
                        @foreach (range(1, 12) as $m)
                            <option value="{{ $m }}" @selected(request('month') === (string) $m)>{{ \Carbon\Carbon::create()->month($m)->format('F') }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="plan-filter-field plan-filter-field--year">
                    <label for="plan_filter_year">{{ __('Year') }}</label>
                    <input type="number" name="year" id="plan_filter_year" class="form-control form-control-sm" placeholder="{{ date('Y') }}" value="{{ request('year', '') }}" min="2020" max="2030">
                </div>
                @if (visit_plan_list_shows_region_filter())
                <div class="plan-filter-field plan-filter-field--multiselect plan-filter-field--region">
                    <label for="plan_filter_region">{{ __('Region') }}</label>
                    <select name="mec_region_id[]" id="plan_filter_region" class="form-control form-control-sm plan-filter-multiselect" multiple
                            data-placeholder="{{ __('All Regions') }}">
                        @foreach (mec_region_list_filter_options() as $regionOption)
                            <option value="{{ $regionOption['value'] }}" @selected(in_array($regionOption['value'], $selectedMecRegionIds, true))>{{ $regionOption['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                @endif
                @if ((string) request('status', '') === '' || ! in_array((string) request('status', ''), ['draft', 'in_process', 'approved'], true))
                <div class="plan-filter-field plan-filter-field--status">
                    <label for="plan_filter_status">{{ __('Status') }}</label>
                    <select name="status" id="plan_filter_status" class="form-control form-control-sm">
                        <option value="">{{ __('All Statuses') }}</option>
                        @foreach (plan_status_filter_options() as $statusOption)
                            <option value="{{ $statusOption['value'] }}" @selected(request('status') === $statusOption['value'])>{{ $statusOption['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                @endif
            </div>
            <div class="plan-filter-row plan-filter-row--scheme">
                @include('scheme-plan-changes.partials.scheme-triple-adp-uid-name', [
                    'rootId' => 'planIndexSchemeTriple',
                    'selectName' => 'project_id',
                    'projectOptions' => $schemeFilterCatalog['projectOptions'] ?? [],
                    'adpOptions' => $schemeFilterCatalog['adpOptions'] ?? [],
                    'schemeCodeOptions' => $schemeFilterCatalog['schemeCodeOptions'] ?? [],
                    'selectedValue' => $selectedProjectId > 0 ? $selectedProjectId : null,
                    'colAdp' => 'col-12 col-md-6 col-lg-3',
                    'colUid' => 'col-12 col-md-6 col-lg-3',
                    'colName' => 'col-12 col-md-12 col-lg-6',
                ])
            </div>
            <div class="plan-filter-row plan-filter-row--secondary">
                <div class="plan-filter-field plan-filter-field--range">
                    <label for="plan_filter_visit_range">{{ __('Visit date range') }}</label>
                    <input
                        type="text"
                        name="visit_date_range"
                        id="plan_filter_visit_range"
                        class="form-control form-control-sm plan-filter-visit-range"
                        value="{{ $visitRangeDisplay }}"
                        placeholder="{{ __('Select date range') }}"
                        autocomplete="off"
                    >
                    <input type="hidden" name="visit_date_from" id="plan_filter_visit_from" value="{{ $planSchemeFilters['visit_date_from'] ?? '' }}">
                    <input type="hidden" name="visit_date_to" id="plan_filter_visit_to" value="{{ $planSchemeFilters['visit_date_to'] ?? '' }}">
                </div>
                @if (visit_plan_list_shows_mo_filter())
                <div class="plan-filter-field plan-filter-field--mo">
                    <label for="plan_filter_mo">{{ __('Monitoring Officer') }}</label>
                    <select name="monitoring_officer_id" id="plan_filter_mo" class="form-control form-control-sm plan-filter-mo-select">
                        <option value="">{{ __('All officers') }}</option>
                        @foreach (visit_plan_monitoring_officer_filter_options() as $moOption)
                            <option value="{{ $moOption['value'] }}" @selected((string) ($planSchemeFilters['monitoring_officer_id'] ?? 0) === $moOption['value'])>{{ $moOption['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                @endif
            </div>
        </div>
    @else
        <div class="plan-filter-tier plan-filter-tier--plan w-100">
            <div class="plan-filter-tier__label">{{ __('Plan filters') }}</div>
            <div class="plan-filter-tier__fields plan-filter-row plan-filter-row--primary">
                <div class="plan-filter-field plan-filter-field--search">
                    <label for="filter-search">{{ __('Search') }}</label>
                    <input type="text" name="search" id="filter-search" class="form-control form-control-sm"
                           placeholder="{{ __('Search…') }}" value="{{ $search ?? '' }}">
                </div>
                <div class="plan-filter-field plan-filter-field--multiselect plan-filter-field--plan-type">
                    <label for="plan_filter_plan_type">{{ __('Plan Type') }}</label>
                    <select name="plan_type[]" id="plan_filter_plan_type" class="form-control form-control-sm plan-filter-multiselect" multiple
                            data-placeholder="{{ __('All Types') }}">
                        @foreach (['RVP', 'CVP', 'SVP', 'DRP', 'ERP', 'PMP'] as $pt)
                            <option value="{{ $pt }}" @selected(in_array($pt, $selectedPlanTypes, true))>{{ $pt }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="plan-filter-field plan-filter-field--month">
                    <label for="plan_filter_month">{{ __('Month') }}</label>
                    <select name="month" id="plan_filter_month" class="form-control form-control-sm">
                        <option value="">{{ __('All Months') }}</option>
                        @foreach (range(1, 12) as $m)
                            <option value="{{ $m }}" @selected(request('month') === (string) $m)>{{ \Carbon\Carbon::create()->month($m)->format('F') }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="plan-filter-field plan-filter-field--year">
                    <label for="plan_filter_year">{{ __('Year') }}</label>
                    <input type="number" name="year" id="plan_filter_year" class="form-control form-control-sm" placeholder="{{ date('Y') }}" value="{{ request('year', '') }}" min="2020" max="2030">
                </div>
                @if (visit_plan_list_shows_region_filter())
                <div class="plan-filter-field plan-filter-field--multiselect plan-filter-field--region">
                    <label for="plan_filter_region">{{ __('Region') }}</label>
                    <select name="mec_region_id[]" id="plan_filter_region" class="form-control form-control-sm plan-filter-multiselect" multiple
                            data-placeholder="{{ __('All Regions') }}">
                        @foreach (mec_region_list_filter_options() as $regionOption)
                            <option value="{{ $regionOption['value'] }}" @selected(in_array($regionOption['value'], $selectedMecRegionIds, true))>{{ $regionOption['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                @endif
                @if ((string) request('status', '') === '' || ! in_array((string) request('status', ''), ['draft', 'in_process', 'approved'], true))
                <div class="plan-filter-field plan-filter-field--status">
                    <label for="plan_filter_status">{{ __('Status') }}</label>
                    <select name="status" id="plan_filter_status" class="form-control form-control-sm">
                        <option value="">{{ __('All Statuses') }}</option>
                        @foreach (plan_status_filter_options() as $statusOption)
                            <option value="{{ $statusOption['value'] }}" @selected(request('status') === $statusOption['value'])>{{ $statusOption['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                @endif
            </div>
        </div>

        <div class="plan-filter-tier plan-filter-tier--scheme w-100">
            <button
                type="button"
                class="plan-filter-tier__toggle btn btn-link btn-sm p-0 text-left"
                data-toggle="collapse"
                data-target="#planSchemeFilterFields"
                aria-expanded="{{ $planSchemeSectionOpen ? 'true' : 'false' }}"
                aria-controls="planSchemeFilterFields"
            >
                <i class="fas fa-chevron-{{ $planSchemeSectionOpen ? 'down' : 'right' }} mr-1 plan-filter-tier__chevron" aria-hidden="true"></i>
                {{ __('Find by scheme') }}
            </button>
            <p class="plan-filter-tier__hint mb-2">{{ __('Narrow visit plans to those that include a matching scheme, officer, or visit date.') }}</p>
            <div id="planSchemeFilterFields" class="collapse {{ $planSchemeSectionOpen ? 'show' : '' }}">
                <div class="plan-filter-tier__fields plan-filter-tier__fields--scheme w-100">
                    @include('scheme-plan-changes.partials.scheme-triple-adp-uid-name', [
                        'rootId' => 'planIndexSchemeTriple',
                        'selectName' => 'project_id',
                        'projectOptions' => $schemeFilterCatalog['projectOptions'] ?? [],
                        'adpOptions' => $schemeFilterCatalog['adpOptions'] ?? [],
                        'schemeCodeOptions' => $schemeFilterCatalog['schemeCodeOptions'] ?? [],
                        'selectedValue' => $selectedProjectId > 0 ? $selectedProjectId : null,
                        'colAdp' => 'col-12 col-md-6 col-lg-3',
                        'colUid' => 'col-12 col-md-6 col-lg-3',
                        'colName' => 'col-12 col-md-12 col-lg-6',
                    ])
                    <div class="plan-filter-field plan-filter-field--range">
                        <label for="plan_filter_visit_range">{{ __('Visit date range') }}</label>
                        <input
                            type="text"
                            name="visit_date_range"
                            id="plan_filter_visit_range"
                            class="form-control form-control-sm plan-filter-visit-range"
                            value="{{ $visitRangeDisplay }}"
                            placeholder="{{ __('Select date range') }}"
                            autocomplete="off"
                        >
                        <input type="hidden" name="visit_date_from" id="plan_filter_visit_from" value="{{ $planSchemeFilters['visit_date_from'] ?? '' }}">
                        <input type="hidden" name="visit_date_to" id="plan_filter_visit_to" value="{{ $planSchemeFilters['visit_date_to'] ?? '' }}">
                    </div>
                    @if (visit_plan_list_shows_mo_filter())
                    <div class="plan-filter-field plan-filter-field--mo">
                        <label for="plan_filter_mo">{{ __('Monitoring Officer') }}</label>
                        <select name="monitoring_officer_id" id="plan_filter_mo" class="form-control form-control-sm plan-filter-mo-select">
                            <option value="">{{ __('All officers') }}</option>
                            @foreach (visit_plan_monitoring_officer_filter_options() as $moOption)
                                <option value="{{ $moOption['value'] }}" @selected((string) ($planSchemeFilters['monitoring_officer_id'] ?? 0) === $moOption['value'])>{{ $moOption['label'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    @endif

    <div class="plan-filter-actions">
        <button type="submit" class="btn btn-primary btn-filter">{{ __('Apply Filters') }}</button>
        <a href="{{ plan_index_list_reset_url() }}" class="btn-reset" title="{{ __('Reset filters') }}" aria-label="{{ __('Reset filters') }}"><i class="fas fa-sync-alt"></i></a>
    </div>
</form>

@if (count($planSchemeFilterChips) > 0)
    <div class="plan-filter-chips mt-3">
        <span class="plan-filter-chips__label">{{ __('Active scheme filters') }}:</span>
        @foreach ($planSchemeFilterChips as $chip)
            <a href="{{ plan_index_filter_remove_url($chip['key']) }}" class="plan-filter-chip" title="{{ __('Remove filter') }}">
                <span class="plan-filter-chip__key">{{ $chip['label'] }}:</span>
                <span class="plan-filter-chip__value">{{ $chip['value'] }}</span>
                <i class="fas fa-times ml-1" aria-hidden="true"></i>
            </a>
        @endforeach
    </div>
@endif

@if (plan_index_has_scheme_filters())
    <p class="plan-filter-results-hint mb-0 mt-2">
        <i class="fas fa-info-circle mr-1 text-muted" aria-hidden="true"></i>
        {{ __('Showing visit plans that include at least one matching scheme. Open a plan to jump to the match.') }}
    </p>
@endif

<script>
    window.planIndexSchemeFilterProjectDetails = @json($schemeFilterCatalog['projectDetails'] ?? []);
</script>