{{-- trsexm/_partials/filter.blade.php
    Filter card: Period From/To, Training select, Status select.
    Used by: trsexm/list.blade.php
--}}
@php use App\Enums\ExamStatus; @endphp
<div class="row px-4 py-2">
    <div class="col-lg">
        <form method="GET" action="{{ url($url_menu) }}" id="form-filter" class="border border-radius-lg p-3 bg-gray-100">
            <div class="d-flex align-items-center justify-content-between mb-2 flex-wrap gap-2">
                <h6 class="text-sm font-weight-bolder mb-0 text-dark">Exam Execution Data Filter</h6>
                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-primary btn-sm mb-0 px-4">
                        <i class="fas fa-search me-1"></i> Search
                    </button>
                    <button type="button" class="btn btn-outline-secondary btn-sm mb-0 px-4" id="btn-reset"
                        onclick="window.location='{{ url($url_menu) }}'">
                        <i class="fas fa-redo-alt me-1"></i> Reset
                    </button>
                </div>
            </div>

            <div class="row align-items-end gx-2 gy-2">
                <div class="col-md-2 col-sm-6">
                    <div class="form-group mb-0">
                        <label class="form-control-label">Period From</label>
                        <input type="date" name="period_from" class="form-control form-control-sm"
                            value="{{ $filter['period_from'] ?? '' }}">
                    </div>
                </div>
                <div class="col-md-2 col-sm-6">
                    <div class="form-group mb-0">
                        <label class="form-control-label">Period To</label>
                        <input type="date" name="period_to" class="form-control form-control-sm"
                            value="{{ $filter['period_to'] ?? '' }}">
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form-group mb-0">
                        <label class="form-control-label">Training</label>
                        <select name="id_trn" class="form-control form-control-sm">
                            <option value="">All Training</option>
                            @foreach ($trainingOptions as $opt)
                                <option value="{{ $opt->id_trs_trn }}"
                                    {{ ($filter['id_trn'] ?? '') == $opt->id_trs_trn ? 'selected' : '' }}>
                                    {{ $opt->training_name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form-group mb-0">
                        <label class="form-control-label">Status</label>
                        <select name="status" class="form-control form-control-sm">
                            <option value="active" {{ ($filter['exam_status'] ?? 'active') == 'active' ? 'selected' : '' }}>Active (Scheduled & Progress)</option>
                            <option value="all" {{ ($filter['exam_status'] ?? '') == 'all' ? 'selected' : '' }}>All Status</option>
                            <option value="{{ ExamStatus::SCHEDULED->value }}"
                                {{ ($filter['exam_status'] ?? '') == ExamStatus::SCHEDULED->value ? 'selected' : '' }}>
                                Scheduled</option>
                            <option value="{{ ExamStatus::ON_PROGRESS->value }}"
                                {{ ($filter['exam_status'] ?? '') == ExamStatus::ON_PROGRESS->value ? 'selected' : '' }}>
                                Progress</option>
                            <option value="{{ ExamStatus::FINISHED->value }}"
                                {{ ($filter['exam_status'] ?? '') == ExamStatus::FINISHED->value ? 'selected' : '' }}>
                                Complete</option>
                        </select>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>