{{-- HIZLI MÜŞTERİ EKLEME MODALI --}}
<div class="modal fade" id="quickAddCustomerModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" style="border-radius:18px;border:none;box-shadow:0 20px 50px rgba(0,0,0,.2)">
            <div class="modal-header border-0 pb-0" style="background:linear-gradient(to right, #f8f9ff, #fff);border-radius:18px 18px 0 0;padding:1.5rem">
                <div class="d-flex align-items-center gap-3">
                    <div style="width:45px;height:45px;background:#eef2ff;color:#6366f1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem">
                        <i class="fas fa-user-plus"></i>
                    </div>
                    <div>
                        <h5 class="modal-title fw-bold" style="color:var(--text);font-size:1.1rem">Hızlı Müşteri Ekle</h5>
                        <p class="text-muted mb-0" style="font-size:13px">Yeni müşteri bilgilerini aşağıya girin.</p>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-4">
                <form id="quickCustomerForm">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="fl">
                                <label>Ad <span class="req">*</span></label>
                                <div class="position-relative">
                                    <i class="fas fa-user position-absolute" style="top:15px;left:15px;color:#94a3b8;font-size:14px"></i>
                                    <input type="text" name="first_name" class="fi" style="padding-left:40px" placeholder="Örn: Ahmet" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="fl">
                                <label>Soyad <span class="req">*</span></label>
                                <div class="position-relative">
                                    <i class="fas fa-signature position-absolute" style="top:15px;left:15px;color:#94a3b8;font-size:14px"></i>
                                    <input type="text" name="last_name" class="fi" style="padding-left:40px" placeholder="Örn: Yılmaz" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="fl">
                                <label>E-posta</label>
                                <div class="position-relative">
                                    <i class="fas fa-envelope position-absolute" style="top:15px;left:15px;color:#94a3b8;font-size:14px"></i>
                                    <input type="email" name="email" class="fi" style="padding-left:40px" placeholder="ahmet@example.com">
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="fl">
                                <label>Telefon</label>
                                <div class="position-relative">
                                    <i class="fas fa-phone position-absolute" style="top:15px;left:15px;color:#94a3b8;font-size:14px"></i>
                                    <input type="text" name="phone" class="fi" style="padding-left:40px" placeholder="05XX XXX XX XX">
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="fl">
                                <label>Cinsiyet</label>
                                <div class="d-flex gap-3 mt-1">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="gender" id="g_male" value="male" checked>
                                        <label class="form-check-label" style="font-size:14px" for="g_male">Erkek</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="gender" id="g_female" value="female">
                                        <label class="form-check-label" style="font-size:14px" for="g_female">Kadın</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer border-0 p-4 pt-0">
                <button type="button" class="btn btn-light fw-bold" style="border-radius:10px;padding:.6rem 1.2rem;color:var(--muted)" data-bs-dismiss="modal">Vazgeç</button>
                <button type="button" id="btnQuickCustomerSave" class="btn text-white fw-bold shadow-sm" style="background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:11px;padding:.6rem 2rem;min-width:140px">
                    <span class="btn-text"><i class="fas fa-check me-2"></i>Kaydet ve Seç</span>
                    <span class="btn-spinner d-none"><i class="fas fa-spinner fa-spin me-2"></i>Ekleniyor...</span>
                </button>
            </div>
        </div>
    </div>
</div>
