{{-- trskrk/_partials/filter.blade.php
    Filter card: Period From/To, Status select (POST form with CSRF).
    Used by: trskrk/list.blade.php
--}}
<div class="row px-4 py-2">
    <div class="col-lg">
        <form method="POST" action="{{ url($url_menu) }}" id="form-filter" class="border border-radius-lg p-3 bg-gray-100">
            @csrf
            <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">Filter Correction Data</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">
                        <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-3 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-3 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">Status</label>
                        <select name="status" class="form-control form-control-sm">
                            <option value="">All</option>
                            <option value="progress"
                                {{ ($filter['status'] ?? '') == 'progress' ? 'selected' : '' }}>On Progress</option>
                            <option value="complete"
                                {{ ($filter['status'] ?? '') == 'complete' ? 'selected' : '' }}>Complete</option>
                        </select>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>