{{--
    staff/finance/expenses_daily/_modal_edit.blade.php
    ────────────────────────────────────────────────────
    Edit modal formu.
    modal.js bu formu bulur → name="key" olan input'lara JSON verisini yazar.
    
    ÖNEMLİ:
    - Her input'un name="..." değeri, GetModelDetails@formatExpenseDetails
      metodunun döndürdüğü key ile birebir aynı olmalı.
    - Gizli <input name="id"> mutlaka olmalı (modal.js yazar).
    - Form action'ı modal.js tarafından otomatik güncellenir (AJAX_UPDATE_ROUTE_TPL).
--}}

<div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <div class="modal-header bg-warning">
                <h5 class="modal-title" id="editModalLabel">
                    <i class="fas fa-edit me-2"></i>
                    Gider Düzenle
                </h5>
                <button type="button" class="btn btn-light" data-bs-dismiss="modal" aria-label="Kapat">
                    <i class="fas fa-times"></i>
                </button>
            </div>

            {{-- 
                Form action boş bırakıldı — modal.js AJAX_UPDATE_ROUTE_TPL ile dolduracak.
                method="POST" + @method('PUT') Laravel'in standart yolu.
            --}}
            <form action="" method="POST">
                @csrf
                @method('PUT')

                {{-- Gizli ID — modal.js tarafından doldurulur --}}
                <input type="hidden" name="id">

                <div class="modal-body">
                    <div class="row g-3">

                        {{-- Başlık --}}
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Başlık <span class="text-danger">*</span></label>
                            <input type="text" name="title" class="form-control" required>
                        </div>

                        {{-- Tutar --}}
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Tutar <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <input type="number" name="amount" class="form-control" step="0.01" min="0" required>
                                <span class="input-group-text">₺</span>
                            </div>
                        </div>

                        {{-- Şube --}}
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Şube <span class="text-danger">*</span></label>
                            <select name="branch_id" class="form-select form-control" required>
                                <option value="">Seçiniz...</option>
                                @foreach($branches as $branch)
                                    <option value="{{ $branch->id }}">
                                        {{ $branch->name }} ({{ $branch->type }})
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        {{-- Gider Tipi --}}
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Gider Tipi <span class="text-danger">*</span></label>
                            <select name="expense_type_id" class="form-select form-control" required>
                                <option value="">Seçiniz...</option>
                                @foreach($expenseTypes as $type)
                                    <option value="{{ $type->id }}">{{ $type->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        {{-- Açıklama --}}
                        <div class="col-12">
                            <label class="form-label fw-bold">Açıklama</label>
                            <textarea name="description" class="form-control" rows="3" placeholder="Açıklama (opsiyonel)"></textarea>
                        </div>

                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">İptal</button>
                    <button type="submit" class="btn btn-warning fw-bold">
                        <i class="fas fa-save me-1"></i> Güncelle
                    </button>
                </div>

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