@php
    $prefix = $prefix ?? 'section';
    $filtersWrapId = $prefix . '-scheme-filters-wrap';
    $subDepartmentSelected = $subDepartmentSelected ?? [];
    $coreSectorSelected = $coreSectorSelected ?? [];
    $coreSubSectorSelected = $coreSubSectorSelected ?? [];
    $blkSelected = $blkSelected ?? ($blockSelected ?? []);
    $filtersVisible = $filtersVisible ?? true;
    $disabled = $disabled ?? false;
    // Seed selected options so edit forms always post and filter with saved ids
    // before dependent AJAX options finish loading.
    $subDepartmentOptions = $subDepartmentOptions ?? [];
    $coreSubSectorOptions = $coreSubSectorOptions ?? [];
@endphp
<div class="row" id="{{ $filtersWrapId }}" @if(! $filtersVisible) style="display: none;" @endif>
    <div class="col-md-12">
        <x-form.multi-select
            label="Sub Department"
            name="sub_department_ids"
            :options="$subDepartmentOptions"
            :selected="old('sub_department_ids', $subDepartmentSelected)"
            placeholder="Select department(s) first, then sub departments"
            :disabled="$disabled"
        />
    </div>
    <div class="col-md-6">
        <x-form.multi-select
            label="Sector"
            name="core_sector_ids"
            :options="$coreSectorOptions ?? []"
            :selected="old('core_sector_ids', $coreSectorSelected)"
            placeholder="Select one or more sectors"
            :disabled="$disabled"
        />
    </div>
    <div class="col-md-6">
        <x-form.multi-select
            label="Sub Sector"
            name="core_sub_sector_ids"
            :options="$coreSubSectorOptions"
            :selected="old('core_sub_sector_ids', $coreSubSectorSelected)"
            placeholder="Select sector(s) first, then sub sectors"
            :disabled="$disabled"
        />
    </div>
    <div class="col-md-6">
        <x-form.multi-select
            label="Blocks"
            name="blk_ids"
            :options="$blockOptions ?? []"
            :selected="old('blk_ids', $blkSelected)"
            placeholder="Select one or more blocks"
            :disabled="$disabled"
        />
    </div>
</div>