{{-- trseva/_partials/filter.blade.php
    Filter card: Period From/To, Training select, Status Evaluasi select.
    Used by: trseva/list.blade.php
--}}
@php
use App\Enums\EvaluationStatus;

$scoreTypeLabel = match($filter['score_type'] ?? '') {
    'with' => 'With Score',
    'without' => 'Without Score',
    default => null,
};

$statusLabel = null;
@endphp
        <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">Evaluation 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"
                        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_trs_trn'] ?? '') == $opt->id_trs_trn ? 'selected' : '' }}>
                                    {{ $opt->training_name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-md-2 col-sm-6">
                    <div class="form-group mb-0">
                        <label class="form-control-label">Training Type</label>
                        <select name="score_type" class="form-control form-control-sm">
                            <option value="">All</option>
                            <option value="with" {{ ($filter['score_type'] ?? '') === 'with' ? 'selected' : '' }}>With Score</option>
                            <option value="without" {{ ($filter['score_type'] ?? '') === 'without' ? 'selected' : '' }}>Without Score</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="mt-3 d-flex flex-wrap gap-2 align-items-center">
                <span class="text-xxs text-secondary font-weight-bold">Filter Active:</span>
                @if (!empty($filter['period_from']) || !empty($filter['period_to']))
                    <span class="badge bg-light text-dark border">
                        Periode: {{ $filter['period_from'] ?: '-' }} s/d {{ $filter['period_to'] ?: '-' }}
                    </span>
                @endif
                @if ($statusLabel)
                    <span class="badge bg-light text-dark border">Status: {{ $statusLabel }}</span>
                @endif
                @if ($scoreTypeLabel)
                    <span class="badge bg-light text-dark border">Tipe: {{ $scoreTypeLabel }}</span>
                @endif
                @if (!($filter['period_from'] ?? null) && !($filter['period_to'] ?? null) && !$statusLabel && !$scoreTypeLabel && !($filter['id_trs_trn'] ?? null))
                    <span class="text-xxs text-muted">No active filter</span>
                @endif
                @if ($filter['id_trs_trn'] ?? null)
                    <span class="badge bg-light text-dark border">Selected Training</span>
                @endif
            </div>
        </form>