@props([
    'rootId' => 'schemeFilterForm',
    'selectName' => 'plan_ref',
    'projectOptions' => [],
    'adpOptions' => [],
    'schemeCodeOptions' => [],
    'selectedValue' => null,
    'disabled' => false,
    'colAdp' => 'col-12 col-md-6 col-lg-3',
    'colUid' => 'col-12 col-md-6 col-lg-4',
    'colName' => 'col-12 col-md-12 col-lg-5',
])
@php
    $syncClass = 'scheme-project-sync select2-scheme-filter';
    $selStr = old($selectName, $selectedValue);
@endphp
<div id="{{ $rootId }}" class="pms-scheme-triple-root scheme-filters-form mb-0">
    <div class="row">
        <div class="{{ $colAdp }} mb-3 mb-lg-0">
            <label class="d-block font-weight-bold text-uppercase small mb-2 scheme-filters-label">ADP #</label>
            <select class="form-control form-control-sm rounded scheme-filter-select {{ $syncClass }}"
                    style="width:100%;"
                    aria-label="ADP #"
                    @if($disabled) disabled @endif>
                @foreach ($adpOptions as $optVal => $optLabel)
                    <option value="{{ $optVal }}" {{ (string) $selStr === (string) $optVal ? 'selected' : '' }}>{{ $optLabel }}</option>
                @endforeach
            </select>
        </div>
        <div class="{{ $colUid }} mb-3 mb-lg-0">
            <label class="d-block font-weight-bold text-uppercase small mb-2 scheme-filters-label">UID</label>
            <select class="form-control form-control-sm rounded scheme-filter-select {{ $syncClass }}"
                    style="width:100%;"
                    aria-label="UID"
                    @if($disabled) disabled @endif>
                @foreach ($schemeCodeOptions as $optVal => $optLabel)
                    <option value="{{ $optVal }}" {{ (string) $selStr === (string) $optVal ? 'selected' : '' }}>{{ $optLabel }}</option>
                @endforeach
            </select>
        </div>
        <div class="{{ $colName }} mb-3 mb-lg-0">
            <label class="d-block font-weight-bold text-uppercase small mb-2 scheme-filters-label">Scheme name</label>
            <select name="{{ $selectName }}"
                    class="form-control form-control-sm rounded scheme-filter-select {{ $syncClass }}"
                    style="width:100%;"
                    @if($disabled) disabled @endif>
                @foreach ($projectOptions as $optVal => $optLabel)
                    <option value="{{ $optVal }}" {{ (string) $selStr === (string) $optVal ? 'selected' : '' }}>{{ $optLabel }}</option>
                @endforeach
            </select>
        </div>
    </div>
</div>