{{--
    staff/finance/expenses_daily/_modal_filter.blade.php
    ─────────────────────────────────────────────────────
    Filtre formu.
    
    ÖNEMLİ:
    - Form id="filterForm" olmalı (filter.js bunu bulur)
    - Her input name="..." değeri FILTER_FIELDS dizisindeki isimlerle aynı olmalı
    - Uygula butonu id="applyFilterBtn"
    - Temizle butonu id="clearFilterBtn"
--}}

<div class="modal fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header bg-info text-white">
                <h5 class="modal-title" id="filterModalLabel">
                    <i class="fas fa-filter me-2"></i> Filtrele
                </h5>
                <button type="button" class="btn btn-light" data-bs-dismiss="modal" aria-label="Kapat">
                    <i class="fas fa-times"></i>
                </button>
            </div>

            <div class="modal-body">
                <form id="filterForm">

                    {{-- Tarih Aralığı --}}
                    <div class="row g-3 mb-3">
                        <div class="col-6">
                            <label class="form-label fw-bold">Başlangıç Tarihi</label>
                            <input type="date" name="start_date" class="form-control">
                        </div>
                        <div class="col-6">
                            <label class="form-label fw-bold">Bitiş Tarihi</label>
                            <input type="date" name="end_date" class="form-control">
                        </div>
                    </div>

                    {{-- Şube --}}
                    <div class="mb-3">
                        <label class="form-label fw-bold">Şube</label>
                        <select name="branch_id" class="form-select select2 form-control">
                            <option value="">Tümü</option>
                            @foreach($branches as $branch)
                                <option value="{{ $branch->id }}">
                                    {{ $branch->name }} ({{ $branch->type }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    {{-- Gider Tipi --}}
                    <div class="mb-3">
                        <label class="form-label fw-bold">Gider Tipi</label>
                        <select name="expense_type_id" class="form-select select2 form-control">
                            <option value="">Tümü</option>
                            @foreach($expenseTypes as $type)
                                <option value="{{ $type->id }}">{{ $type->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    {{-- İşlenmiş / İşlenmemiş --}}
                    <div class="mb-3">
                        <label class="form-label fw-bold">Durum</label>
                        <select name="is_processed" class="form-select form-control">
                            <option value="">Tümü</option>
                            <option value="1">İşlenmiş</option>
                            <option value="0">İşlenmemiş</option>
                        </select>
                    </div>

                </form>
            </div>

            <div class="modal-footer justify-content-between">
                <button type="button" id="clearFilterBtn" class="btn btn-outline-secondary">
                    <i class="fas fa-times me-1"></i> Temizle
                </button>
                <button type="button" id="applyFilterBtn" class="btn btn-info text-white">
                    <i class="fas fa-check me-1"></i> Uygula
                </button>
            </div>

        </div>
    </div>
</div>