@php
    $statusOptions = [
        ['value' => 'active', 'label' => 'Aktif'],
        ['value' => 'inactive', 'label' => 'Pasif'],
        ['value' => 'blocked', 'label' => 'Engelli'],
        ['value' => 'potential', 'label' => 'Potansiyel'],
    ];
@endphp

<x-quick-view.layout>
    <!-- ─── HEADER ─── -->
    <x-quick-view.header>
        <x-slot:avatar class="{{ $supplier->type === 'corporate' ? 'corp' : '' }}">
            {{ $supplier->initials }}
        </x-slot:avatar>

        <x-slot:title>
            <span class="inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="{{ $supplier->type === 'corporate' ? 'company_name' : 'first_name' }}">{{ $supplier->full_name }}</span>
            @if($supplier->status === 'active')
                <i class="fas fa-check-circle text-success ms-1" style="font-size: 1rem;" title="Aktif"></i>
            @endif
        </x-slot:title>

        <x-slot:subtitle>
            <span class="sb {{ $supplier->status }} inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="status" data-type="select" data-options="{{ json_encode($statusOptions) }}" data-value="{{ $supplier->status }}">
                {{ $supplier->status_label }}
            </span>
            <span class="text-muted small fw-500">ID: #SUP-{{ $supplier->id }}</span>
            <span class="badge bg-primary-soft text-primary border-0 px-2">{{ $supplier->supplier_type_label }}</span>
        </x-slot:subtitle>

        <x-slot:metrics>
            <div class="qv-metric">
                <span class="qv-metric-label">FİYAT LİSTELERİ</span>
                <span class="qv-metric-val text-success">{{ $supplier->priceLists->count() }} Sezon</span>
            </div>
            <div class="qv-metric">
                <span class="qv-metric-label">SORUMLU YETKİLİLER</span>
                <span class="qv-metric-val text-primary" style="font-size: 0.95rem;">{{ $supplier->responsibles->pluck('name')->implode(', ') ?: '—' }}</span>
            </div>
        </x-slot:metrics>

        <x-slot:tabs>
            <x-quick-view.tab id="overview" label="Özet & İletişim" icon="fas fa-bolt-lightning" active="true" />
            <x-quick-view.tab id="general" label="Genel Bilgiler" icon="fas fa-circle-info" />
            <x-quick-view.tab id="prices" label="Fiyat Listeleri" icon="fas fa-money-bill-trend-up" />
            <x-quick-view.tab id="vehicles" label="Araçlar" icon="fas fa-bus" :count="$supplier->vehicles->count()" />
            @if($supplier->supplier_type === 'hotel')
                <x-quick-view.tab id="factsheet" label="Otel Bilgi Formu" icon="fas fa-hotel" />
            @endif
            <x-quick-view.tab id="details" label="Firma & Fatura Bilgileri" icon="fas fa-file-invoice" />
        </x-slot:tabs>
    </x-quick-view.header>

    <!-- ─── CONTENT ─── -->
    <x-quick-view.content>
        
        <!-- ============================================ -->
        <!-- TAB: GENERAL INFORMATION -->
        <!-- ============================================ -->
        <div id="qv-tab-general" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                <div class="row g-4">
                    <!-- Sol Kolon: Profil ve İletişim -->
                    <div class="col-md-6">
                        <!-- Profil Bilgileri Card -->
                        <div class="card border-0 bg-light p-4 mb-4" style="border-radius: 20px;">
                            <h6 class="fw-800 text-dark mb-3"><i class="fas fa-user-gear text-primary me-2"></i>Profil & Hizmet Yapısı</h6>
                            
                            <div class="mb-3">
                                <label class="text-muted small fw-600">TEDARİKÇİ TİPİ</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="type" data-type="select" data-options='[{"value":"individual","label":"👤 Bireysel"},{"value":"corporate","label":"🏢 Kurumsal"}]' data-value="{{ $supplier->type }}">
                                    {{ $supplier->type === 'corporate' ? '🏢 Kurumsal' : '👤 Bireysel' }}
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">HİZMET KATEGORİSİ</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="supplier_type" data-type="select" data-options='[{"value":"hotel","label":"Otel"},{"value":"transportation","label":"Taşıma Firması"},{"value":"restaurant","label":"Restoran / Lokanta / Mekan"},{"value":"insurance","label":"Sigorta Şirketi"},{"value":"visa","label":"Vize Danışmanı"},{"value":"airline","label":"Havayolu Firması"}]' data-value="{{ $supplier->supplier_type }}">
                                    {{ $supplier->supplier_type_label }}
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">DURUM</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="status" data-type="select" data-options="{{ json_encode($statusOptions) }}" data-value="{{ $supplier->status }}">
                                    {{ $supplier->status_label }}
                                </div>
                            </div>

                            @if($supplier->type === 'individual')
                                <div class="mb-3">
                                    <label class="text-muted small fw-600">AD</label>
                                    <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="first_name">{{ $supplier->first_name ?: '—' }}</div>
                                </div>
                                <div class="mb-3">
                                    <label class="text-muted small fw-600">SOYAD</label>
                                    <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="last_name">{{ $supplier->last_name ?: '—' }}</div>
                                </div>
                            @else
                                <div class="mb-3">
                                    <label class="text-muted small fw-600">FİRMA ADI</label>
                                    <div class="fw-700 inline-editable w-100" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="company_name">{{ $supplier->company_name ?: '—' }}</div>
                                </div>
                                <div class="mb-3">
                                    <label class="text-muted small fw-600">VERGİ NUMARASI</label>
                                    <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="company_tax_number">{{ $supplier->company_tax_number ?: '—' }}</div>
                                </div>
                                <div class="mb-3">
                                    <label class="text-muted small fw-600">VERGİ DAİRESİ</label>
                                    <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="company_tax_office">{{ $supplier->company_tax_office ?: '—' }}</div>
                                </div>
                            @endif
                        </div>

                        <!-- İletişim Bilgileri Card -->
                        <div class="card border-0 bg-light p-4 mb-4" style="border-radius: 20px;">
                            <h6 class="fw-800 text-dark mb-3"><i class="fas fa-phone text-success me-2"></i>İletişim & Kanallar</h6>
                            
                            <div class="mb-3">
                                <label class="text-muted small fw-600">BİRİNCİL TELEFON</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="phone">{{ $supplier->phone ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">DİĞER TELEFONLAR (Virgülle ayırın)</label>
                                <div class="fw-700 inline-editable w-100" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="phones" data-value="{{ is_array($supplier->phones) ? implode(', ', $supplier->phones) : '' }}">{{ is_array($supplier->phones) && count($supplier->phones) > 0 ? implode(', ', $supplier->phones) : '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">E-POSTA ADRESLERİ (Virgülle ayırın)</label>
                                <div class="fw-700 inline-editable w-100" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="emails" data-value="{{ is_array($supplier->emails) ? implode(', ', $supplier->emails) : '' }}">{{ is_array($supplier->emails) && count($supplier->emails) > 0 ? implode(', ', $supplier->emails) : '—' }}</div>
                            </div>
                        </div>

                        <!-- Konum Bilgileri Card -->
                        <div class="card border-0 bg-light p-4" style="border-radius: 20px;">
                            <h6 class="fw-800 text-dark mb-3"><i class="fas fa-map-location-dot text-danger me-2"></i>Adres & Konum</h6>
                            
                            <div class="mb-3">
                                <label class="text-muted small fw-600">ÜLKE (2 haneli ISO)</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="country">{{ $supplier->country ?: 'TR' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">ŞEHİR</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="city">{{ $supplier->city ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">İLÇE</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="district">{{ $supplier->district ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">POSTA KODU</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="postal_code">{{ $supplier->postal_code ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">AÇIK ADRES</label>
                                <div class="fw-700 inline-editable w-100" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="address" data-type="textarea">{{ $supplier->address ?: '—' }}</div>
                            </div>
                        </div>
                    </div>

                    <!-- Sağ Kolon: Yetkili ve Fatura -->
                    <div class="col-md-6">
                        @if($supplier->type === 'corporate')
                            <!-- Sorumlu Yetkililer Card -->
                            <div class="card border-0 bg-light p-4 mb-4" style="border-radius: 20px;">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="fw-800 text-dark mb-0"><i class="fas fa-user-tie text-purple me-2"></i>Sorumlu Yetkililer</h6>
                                    <button type="button" class="btn btn-sm btn-link text-primary p-0 fw-700 text-decoration-none" onclick="$('#qv-add-responsible-form-wrap').slideToggle()"><i class="fas fa-plus-circle me-1"></i>Ekle</button>
                                </div>

                                <!-- Add Responsible Person Form -->
                                <div id="qv-add-responsible-form-wrap" style="display: none;" class="p-3 border rounded-12 bg-white mb-3">
                                    <form id="qv-add-responsible-form" method="POST" action="{{ route('agency.suppliers.responsibles.store', $supplier) }}">
                                        @csrf
                                        <div class="row g-2 mb-2">
                                            <div class="col-6">
                                                <label class="small text-muted fw-600">ADI</label>
                                                <input type="text" name="first_name" class="form-control form-control-sm" required style="border-radius:8px">
                                            </div>
                                            <div class="col-6">
                                                <label class="small text-muted fw-600">SOYADI</label>
                                                <input type="text" name="last_name" class="form-control form-control-sm" style="border-radius:8px">
                                            </div>
                                        </div>
                                        <div class="mb-2">
                                            <label class="small text-muted fw-600">CİNSİYET</label>
                                            <select name="gender" class="form-select form-select-sm" style="border-radius:8px">
                                                <option value="">Belirtilmedi</option>
                                                <option value="male">Erkek</option>
                                                <option value="female">Kadın</option>
                                                <option value="other">Diğer</option>
                                            </select>
                                        </div>
                                        <div class="row g-2 mb-2">
                                            <div class="col-6">
                                                <label class="small text-muted fw-600">TELEFON</label>
                                                <input type="text" name="phone" class="form-control form-control-sm" style="border-radius:8px">
                                            </div>
                                            <div class="col-6">
                                                <label class="small text-muted fw-600">E-POSTA</label>
                                                <input type="email" name="email" class="form-control form-control-sm" style="border-radius:8px">
                                            </div>
                                        </div>
                                        <div class="mb-2">
                                            <label class="small text-muted fw-600">UNVAN / POZİSYON</label>
                                            <input type="text" name="position" class="form-control form-control-sm" placeholder="Örn: Satış Müdürü" style="border-radius:8px">
                                        </div>
                                        <div class="d-flex justify-content-end gap-2 mt-2">
                                            <button type="button" class="btn btn-sm btn-outline-secondary px-3" onclick="$('#qv-add-responsible-form-wrap').slideUp()" style="border-radius:8px;font-size:0.75rem">Vazgeç</button>
                                            <button type="submit" class="btn btn-sm btn-primary px-3 text-white" style="border-radius:8px;font-size:0.75rem">Kaydet</button>
                                        </div>
                                    </form>
                                </div>

                                <!-- Responsibles List -->
                                <div class="qv-responsibles-list">
                                    @forelse($supplier->responsibles as $resp)
                                        <div class="d-flex justify-content-between align-items-start p-3 bg-white border mb-2" style="border-radius: 12px;">
                                            <div>
                                                <div class="fw-700 text-dark" style="font-size: 0.85rem;">{{ $resp->full_name }}</div>
                                                @if($resp->position)
                                                    <span class="badge bg-primary-soft text-primary border-0 px-2 py-0.5 mb-1" style="font-size: 0.65rem; font-weight: 700;">{{ $resp->position }}</span>
                                                @endif
                                                @if($resp->gender_label)
                                                    <span class="badge bg-light text-muted border px-2 py-0.5 mb-1" style="font-size: 0.65rem; font-weight: 700;"><i class="fas {{ $resp->gender === 'female' ? 'fa-venus' : ($resp->gender === 'male' ? 'fa-mars' : 'fa-genderless') }} me-1"></i>{{ $resp->gender_label }}</span>
                                                @endif
                                                <div class="d-flex flex-column gap-1 text-muted mt-1" style="font-size: 0.72rem;">
                                                    @if($resp->phone)
                                                        <span><i class="fas fa-phone text-muted me-1"></i>{{ $resp->phone }}</span>
                                                    @endif
                                                    @if($resp->email)
                                                        <span><i class="fas fa-envelope text-muted me-1"></i>{{ $resp->email }}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-link text-danger p-0" onclick="deleteSupplierResponsible({{ $resp->id }})" title="Yetkiliyi Sil"><i class="fas fa-trash-can"></i></button>
                                        </div>
                                    @empty
                                        <div class="text-center py-3 bg-white border" style="border-radius: 12px; border-style: dashed !important">
                                            <p class="text-muted smaller mb-0">Henüz sorumlu kişi eklenmemiş.</p>
                                        </div>
                                    @endforelse
                                </div>
                            </div>
                        @endif

                        <!-- Fatura Bilgileri Card -->
                        <div class="card border-0 bg-light p-4 mb-4" style="border-radius: 20px;">
                            <h6 class="fw-800 text-dark mb-3"><i class="fas fa-file-invoice-dollar text-danger me-2"></i>Fatura Bilgileri</h6>
                            
                            <div class="mb-3">
                                <label class="text-muted small fw-600">FATURA E-POSTA</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="billing_email">{{ $supplier->billing_email ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">FATURA VERGİ NO</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="billing_tax_number">{{ $supplier->billing_tax_number ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">FATURA VERGİ DAİRESİ</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="billing_tax_office">{{ $supplier->billing_tax_office ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">FATURA ŞEHİR</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="billing_city">{{ $supplier->billing_city ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">FATURA İLÇE</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="billing_district">{{ $supplier->billing_district ?: '—' }}</div>
                            </div>

                            <div class="mb-3">
                                <label class="text-muted small fw-600">FATURA ADRESİ</label>
                                <div class="fw-700 inline-editable w-100" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="billing_address" data-type="textarea">{{ $supplier->billing_address ?: '—' }}</div>
                            </div>
                        </div>

                        <!-- Dahili Notlar Card -->
                        <div class="card border-0 bg-light p-4" style="border-radius: 20px;">
                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <h6 class="fw-800 text-dark mb-0"><i class="fas fa-sticky-note text-warning me-2"></i>Dahili Notlar</h6>
                                <button type="button" id="qv-notes-save-btn" class="btn btn-sm btn-primary px-3 text-white" style="border-radius:8px;font-size:0.72rem;"><i class="fas fa-save me-1"></i>Notu Kaydet</button>
                            </div>
                            <div class="rte-wrap">
                                <div id="qv-notes-editor">{!! $supplier->notes !!}</div>
                            </div>
                            <div class="field-help text-muted mt-2" style="font-size:0.72rem;">Kalın, liste ve başlık gibi zengin biçimlendirme kullanabilirsiniz. Notlar yalnızca acentenize görünür.</div>
                        </div>
                    </div>
                </div>
            </x-quick-view.main>
        </div>

        <!-- ============================================ -->
        <!-- TAB: VEHICLES (Bağlı Araçlar) -->
        <!-- ============================================ -->
        <div id="qv-tab-vehicles" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h6 class="fw-800 text-dark mb-0 d-flex align-items-center gap-2"><i class="fas fa-bus text-primary"></i> BAĞLI ARAÇLAR <span class="badge bg-light text-dark border ms-1">{{ $supplier->vehicles->count() }}</span></h6>
                    <a href="{{ route('agency.resources.create') }}" onclick="if(typeof shutdownDrawer==='function')shutdownDrawer();" class="btn btn-sm btn-primary text-white" style="border-radius:10px;font-weight:700;font-size:.78rem"><i class="fas fa-plus me-1"></i>Yeni Araç Ekle</a>
                </div>

                <div class="alert alert-light border small text-muted mb-4" style="border-radius:12px">
                    <i class="fas fa-circle-info text-primary me-1"></i>
                    Kaynak yönetiminde bir araç eklerken tedarik şeklini <b>Dış Kaynak</b> seçip bu tedarikçiyi işaretlediğinizde araç otomatik olarak burada listelenir.
                </div>

                <div class="row g-3">
                    @forelse($supplier->vehicles as $vehicle)
                        <div class="col-md-6">
                            <div class="card border h-100" style="border-radius:16px; cursor:pointer; transition:.2s" data-quickview-url="{{ route('agency.resources.quick-view', $vehicle) }}"
                                 onmouseover="this.style.boxShadow='0 6px 20px rgba(37,99,235,.1)'" onmouseout="this.style.boxShadow='none'">
                                <div class="card-body p-3">
                                    <div class="d-flex justify-content-between align-items-start mb-2">
                                        <div class="d-flex align-items-center gap-2">
                                            <div class="rounded-12 d-flex align-items-center justify-content-center text-white" style="width:42px;height:42px;background:linear-gradient(135deg,#10b981,#059669);font-size:1rem"><i class="fas fa-bus"></i></div>
                                            <div>
                                                <div class="fw-800 text-dark" style="font-size:.9rem">{{ $vehicle->name }}</div>
                                                <div class="text-muted" style="font-size:.72rem">{{ trim(($vehicle->vehicle_brand ?? '') . ' ' . ($vehicle->vehicle_model ?? '')) ?: '—' }}@if($vehicle->vehicle_year) · {{ $vehicle->vehicle_year }}@endif</div>
                                            </div>
                                        </div>
                                        <span class="badge border-0" style="font-size:.65rem;font-weight:700;{{ $vehicle->is_active ? 'background:#dcfce7;color:#166534' : 'background:#f1f5f9;color:#64748b' }}">{{ $vehicle->is_active ? 'Aktif' : 'Pasif' }}</span>
                                    </div>
                                    <div class="d-flex flex-wrap gap-2 mt-2" style="font-size:.72rem">
                                        @if($vehicle->vehicle_plate)
                                            <span class="badge bg-dark text-white" style="font-family:monospace;letter-spacing:1px;font-weight:700">{{ $vehicle->vehicle_plate }}</span>
                                        @endif
                                        @if($vehicle->vehicle_capacity)
                                            <span class="badge bg-light text-dark border"><i class="fas fa-users me-1 text-primary"></i>{{ $vehicle->vehicle_capacity }} Kişi</span>
                                        @endif
                                        @if($vehicle->vehicle_fuel_consumption)
                                            <span class="badge bg-light text-dark border"><i class="fas fa-gas-pump me-1 text-success"></i>{{ number_format($vehicle->vehicle_fuel_consumption, 1) }} km/lt</span>
                                        @endif
                                        @if($vehicle->cost_per_km > 0)
                                            <span class="badge bg-light text-dark border"><i class="fas fa-road me-1 text-warning"></i>₺{{ number_format($vehicle->cost_per_km, 2) }}/km</span>
                                        @endif
                                        @if($vehicle->cost_daily > 0)
                                            <span class="badge bg-light text-dark border"><i class="fas fa-calendar-day me-1 text-muted"></i>₺{{ number_format($vehicle->cost_daily, 0) }}/gün</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="col-12">
                            <div class="text-center py-5 bg-light border rounded-16" style="border-style:dashed !important">
                                <i class="fas fa-bus-slash text-muted mb-3" style="font-size:2.4rem;opacity:.4"></i>
                                <div class="fw-700 text-muted" style="font-size:.95rem">Bu tedarikçiye bağlı araç yok</div>
                                <div class="small text-muted mt-1">Kaynak yönetiminden araç ekleyip bu tedarikçiyi seçerek bağlayabilirsiniz.</div>
                            </div>
                        </div>
                    @endforelse
                </div>
            </x-quick-view.main>
        </div>

        <!-- ============================================ -->
        <!-- TAB 1: OVERVIEW & TIMELINE -->
        <!-- ============================================ -->
        <div id="qv-tab-overview" class="qv-tab-panel active">
            <x-quick-view.main class="border-0">
                <div class="row g-4">
                    <div class="col-md-7">
                        <!-- Activity Composer -->
                        <div class="qv-activity-editor-card shadow-sm border-0 mb-4" style="background: #fff; border-radius: 20px;">
                            <form id="qv-supplier-activity-form" method="POST" action="{{ route('agency.suppliers.activities.store', $supplier) }}">
                                @csrf
                                <input type="hidden" name="activity_type" id="qv-activity-type" value="note">
                                <div class="qv-editor-header border-bottom-0 p-2 overflow-x-auto d-flex flex-nowrap hide-scrollbar">
                                    <div class="qv-editor-tab active flex-shrink-0" onclick="setSupplierActivityType('note', this)"><i class="fas fa-sticky-note me-2 text-warning"></i>Not</div>
                                    <div class="qv-editor-tab flex-shrink-0" onclick="setSupplierActivityType('call', this)"><i class="fas fa-phone me-2 text-primary"></i>Arama</div>
                                    <div class="qv-editor-tab flex-shrink-0" onclick="setSupplierActivityType('whatsapp', this)"><i class="fab fa-whatsapp me-2 text-success"></i>WhatsApp</div>
                                    <div class="qv-editor-tab flex-shrink-0" onclick="setSupplierActivityType('email', this)"><i class="fas fa-envelope me-2 text-info"></i>E-posta</div>
                                    <div class="qv-editor-tab flex-shrink-0" onclick="setSupplierActivityType('meeting', this)"><i class="fas fa-calendar me-2 text-danger"></i>Toplantı</div>
                                </div>
                                <div class="qv-editor-content p-4 pt-0">
                                    <div class="qv-editor-input-wrap mb-3 p-3" style="background: #f8fafc; border-radius: 16px; border: 1px dashed #e2e8f0;">
                                        <input type="text" name="subject" class="qv-editor-subject w-100 border-0 bg-transparent mb-2 fw-700" placeholder="Aktivite Konusu (örn: Fiyat Anlaşması)..." style="outline: none; font-size: 1rem;" required>
                                        <div class="rte-wrap">
                                            <div id="qv-activity-editor" data-placeholder="Neler yaşandı? Detayları buraya yazın..."></div>
                                        </div>
                                        <textarea name="description" id="qv-activity-description" class="d-none"></textarea>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <select name="priority" class="form-select form-select-sm" style="width: 140px; border-radius: 8px;">
                                            <option value="normal">Normal Öncelik</option>
                                            <option value="low">Düşük Öncelik</option>
                                            <option value="high">Yüksek Öncelik</option>
                                            <option value="urgent">🚨 Acil</option>
                                        </select>
                                        <button type="submit" class="btn btn-primary px-4 py-2 fw-700" style="border-radius: 10px; font-size: 0.85rem">
                                            Kaydet <i class="fas fa-paper-plane ms-2"></i>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <!-- Timeline -->
                        <div class="qv-timeline-container px-2">
                            <h6 class="fw-800 text-dark mb-4 d-flex align-items-center gap-2" style="font-size: 1rem;">
                                <i class="fas fa-history text-primary"></i> ETKİNLİK AKIŞI
                            </h6>
                            <div class="qv-timeline-v2">
                                @forelse($recentActivities as $activity)
                                    <div class="qv-activity-item mb-3 p-3 shadow-none" style="background:#f8fafc; border-radius: 14px; border: 1px solid #f1f5f9; position: relative;">
                                        <div class="d-flex justify-content-between mb-2">
                                            <span class="badge bg-light text-dark" style="font-size: 0.7rem; font-weight: 700">
                                                <i class="fas {{ $activity->activity_type_icon }} me-1"></i> {{ strtoupper($activity->activity_type_label) }}
                                            </span>
                                            <span class="text-muted" style="font-size: 0.72rem"><i class="fas fa-clock me-1"></i>{{ $activity->activity_date->diffForHumans() }}</span>
                                        </div>
                                        <h6 class="fw-700 text-dark mb-1" style="font-size: 0.85rem">{{ $activity->subject }}</h6>
                                        <div class="rte-content text-muted mb-2" style="font-size: 0.8rem;">{!! $activity->description !!}</div>
                                        <div class="d-flex align-items-center justify-content-between pt-2 border-top" style="font-size: 0.72rem">
                                            <span class="text-muted"><i class="fas fa-user-circle me-1"></i> {{ $activity->performedBy?->full_name ?: 'Sistem' }}</span>
                                            <button class="btn btn-link text-danger p-0" onclick="deleteSupplierActivity({{ $activity->id }})" title="Aktiviteyi Sil"><i class="fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                @empty
                                    <div class="text-center py-4 bg-light border" style="border-radius:14px; border-style:dashed !important">
                                        <i class="fas fa-ghost text-muted mb-2" style="font-size: 2rem"></i>
                                        <p class="text-muted smaller mb-0">Henüz etkinlik kaydedilmemiş.</p>
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>

                    <div class="col-md-5">
                        <!-- Contact Card -->
                        <div class="card border-0 bg-light p-4 mb-4" style="border-radius: 20px;">
                            <h6 class="fw-800 text-dark mb-3"><i class="fas fa-id-card text-primary me-2"></i>İletişim & Konum</h6>
                            
                            <div class="mb-3">
                                <label class="text-muted small fw-600">BİRİNCİL TELEFON</label>
                                <div class="fw-700 inline-editable" data-id="{{ $supplier->id }}" data-url="/agency/suppliers/{{ $supplier->id }}/update-field" data-field="phone">{{ $supplier->phone ?: '—' }}</div>
                            </div>

                            @if($supplier->emails && count($supplier->emails) > 0)
                                <div class="mb-3">
                                    <label class="text-muted small fw-600">E-POSTA ADRESLERİ</label>
                                    @foreach($supplier->emails as $email)
                                        <div class="fw-700"><i class="fas fa-envelope text-muted me-2"></i>{{ $email }}</div>
                                    @endforeach
                                </div>
                            @endif

                            @if($supplier->phones && count($supplier->phones) > 0)
                                <div class="mb-3">
                                    <label class="text-muted small fw-600">DİĞER TELEFONLAR</label>
                                    @foreach($supplier->phones as $ph)
                                        <div class="fw-700"><i class="fas fa-phone text-muted me-2"></i>{{ $ph }}</div>
                                    @endforeach
                                </div>
                            @endif

                            <div class="mb-3">
                                <label class="text-muted small fw-600">LOKASYON BİLGİSİ</label>
                                <div class="fw-700"><i class="fas fa-map-marker-alt text-danger me-2"></i>{{ $supplier->city ?: '—' }}@if($supplier->district), {{ $supplier->district }}@endif ({{ $supplier->country }})</div>
                                @if($supplier->address)
                                    <div class="text-muted small mt-1 ps-4">{{ $supplier->address }}</div>
                                @endif
                            </div>
                        </div>

                        <!-- Notes Card -->
                        <div class="card border-0 bg-light p-4" style="border-radius: 20px;">
                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <h6 class="fw-800 text-dark mb-0"><i class="fas fa-sticky-note text-warning me-2"></i>Dahili Notlar</h6>
                                <a href="#" class="small fw-700 text-primary text-decoration-none" onclick="event.preventDefault(); switchQuickViewTab('general');"><i class="fas fa-pen me-1"></i>Düzenle</a>
                            </div>
                            <div class="rte-content">
                                @if(trim(strip_tags($supplier->notes)) !== '')
                                    {!! $supplier->notes !!}
                                @else
                                    <span class="text-muted">Not eklenmemiş. Düzenlemek için "Genel Bilgiler" sekmesini kullanın.</span>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </x-quick-view.main>
        </div>

        <!-- ============================================ -->
        <!-- TAB 2: PRICING SEASONS & ITEMS -->
        <!-- ============================================ -->
        <div id="qv-tab-prices" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                <div class="row g-4">
                    <!-- Sol Kolon: Sezon Listesi ve Ekleme Formu -->
                    <div class="col-md-4">
                        <!-- Mevcut Sezonlar Listesi -->
                        <div class="card border p-4 mb-4" style="border-radius: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.02);">
                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <h6 class="fw-800 text-dark mb-0"><i class="fas fa-list me-2 text-primary"></i>Mevcut Sezonlar</h6>
                                <span class="badge bg-light text-dark fw-700 border">{{ $supplier->priceLists->count() }} Sezon</span>
                            </div>
                            
                            @if($supplier->priceLists->count() > 0)
                                <div class="list-group qv-seasons-list" style="max-height: 350px; overflow-y: auto;">
                                    @foreach($supplier->priceLists as $index => $list)
                                        <button type="button" class="list-group-item list-group-item-action border-0 mb-2 p-3 rounded-12 qv-season-tab d-flex flex-column gap-1 {{ $index === 0 ? 'active' : '' }}" data-season-id="{{ $list->id }}" style="transition: all 0.2s;">
                                            <div class="d-flex justify-content-between align-items-start w-100">
                                                <span class="fw-700 text-truncate season-title" style="max-width: 140px; font-size: 0.85rem;">{{ $list->name }}</span>
                                                <span class="badge bg-primary-soft text-primary border-0 px-2 py-1" style="font-size: 0.65rem; font-weight: 700;">{{ $list->marketplace?->name ?: 'Pazar Yeri Yok' }}</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-1 text-muted" style="font-size: 0.72rem;">
                                                <i class="far fa-calendar-alt text-primary"></i>
                                                <span>{{ $list->season_start->format('d.m.Y') }} - {{ $list->season_end->format('d.m.Y') }}</span>
                                            </div>
                                        </button>
                                    @endforeach
                                </div>
                            @else
                                <div class="text-center py-4 bg-light rounded-12 mb-0">
                                    <i class="fas fa-calendar-xmark text-muted mb-2" style="font-size: 1.5rem;"></i>
                                    <p class="text-muted smaller mb-0">Henüz tanımlı sezon yok.</p>
                                </div>
                            @endif
                        </div>

                        <!-- Yeni Sezon Ekleme -->
                        <div class="card border p-4" style="border-radius: 20px; background:#fafbff; box-shadow: 0 4px 12px rgba(0,0,0,0.02);">
                            <h6 class="fw-800 text-dark mb-3"><i class="fas fa-plus me-2 text-primary"></i>Yeni Sezon Tanımla</h6>
                            <form id="qv-add-price-list-form" method="POST" action="{{ route('agency.suppliers.price-lists.store', $supplier) }}">
                                @csrf
                                <div class="field-group">
                                    <label class="field-label">Sezon/Liste Adı</label>
                                    <input type="text" name="name" class="field-input" placeholder="Yaz Sezonu 2026" required>
                                </div>
                                <div class="fg-2">
                                    <div class="field-group">
                                        <label class="field-label">Başlangıç</label>
                                        <input type="date" name="season_start" class="field-input" required>
                                    </div>
                                    <div class="field-group">
                                        <label class="field-label">Bitiş</label>
                                        <input type="date" name="season_end" class="field-input" required>
                                    </div>
                                </div>
                                <div class="field-group">
                                    <label class="field-label">Pazar Yeri</label>
                                    <select name="marketplace_id" class="field-input" required>
                                        @foreach($marketplaces as $mp)
                                            <option value="{{ $mp->id }}">{{ $mp->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-primary w-100 py-2 mt-2" style="border-radius: 10px;"><i class="fas fa-check me-2"></i>Sezonu Kaydet</button>
                            </form>
                        </div>
                    </div>

                    <!-- Sağ Kolon: Aktif Sezon Detayları ve Fiyat Tablosu -->
                    <div class="col-md-8">
                        @forelse($supplier->priceLists as $index => $list)
                            <div id="season-detail-{{ $list->id }}" class="qv-season-detail-pane {{ $index === 0 ? '' : 'd-none' }}">
                                <div class="card border p-4 mb-4" style="border-radius: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.02);">
                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                        <div>
                                            <h5 class="fw-800 text-dark mb-1">{{ $list->name }}</h5>
                                            <span class="badge bg-light text-primary border px-2 py-1" style="font-size:0.75rem; font-weight:700">{{ $list->marketplace?->name ?: 'Pazar Yeri Yok' }}</span>
                                            <span class="text-muted small fw-600 ms-2"><i class="fas fa-calendar-alt me-1"></i>{{ $list->season_start->format('d.m.Y') }} - {{ $list->season_end->format('d.m.Y') }}</span>
                                        </div>
                                        <button type="button" class="btn btn-sm btn-outline-danger" onclick="deletePriceList({{ $list->id }})" title="Sezonu Sil"><i class="fas fa-trash-can me-1"></i>Sezonu Sil</button>
                                    </div>

                                    <!-- Fiyat Satırları Tablosu -->
                                    <div class="table-responsive mb-4 border rounded-12 overflow-hidden">
                                        <table class="table table-sm table-striped align-middle mb-0" style="font-size:0.82rem">
                                            <thead class="table-light fw-700">
                                                <tr>
                                                    <th>Fiyat Satırı / Detay</th>
                                                    <th>Net Maliyet</th>
                                                    <th>Satış Fiyatı</th>
                                                    <th style="width:60px">Vergi</th>
                                                    <th style="width:50px">Sil</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($list->items as $item)
                                                    <tr>
                                                        <td>
                                                            <div class="fw-700 text-dark">{{ $item->title }}</div>
                                                            @if($supplier->supplier_type === 'hotel' && !empty($item->metadata))
                                                                <div class="text-muted smaller">
                                                                    <span class="me-2">Pansiyon: {{ $item->metadata['board_type'] }}</span>
                                                                    <span class="me-2">Pazar: {{ ucfirst($item->metadata['market'] ?? 'hepsi') }}</span>
                                                                    @if(!empty($item->metadata['hb_diff']))
                                                                        <span>HB Farkı: {{ number_format($item->metadata['hb_diff'], 2) }} {{ $item->currency }}</span>
                                                                    @endif
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td class="fw-700 text-dark">{{ number_format($item->net_price, 2) }} {{ $item->currency }}</td>
                                                        <td class="fw-700 text-primary">{{ number_format($item->sale_price, 2) }} {{ $item->currency }}</td>
                                                        <td>%{{ $item->tax_rate }}</td>
                                                        <td>
                                                            <button type="button" class="btn btn-link text-danger p-0" onclick="deletePriceItem({{ $item->id }})"><i class="fas fa-times-circle"></i></button>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="5" class="text-center py-3 text-muted">Bu sezon için henüz fiyat eklenmemiş.</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>

                                    <!-- Fiyat Ekleme Alt Formu -->
                                    <div class="p-3 border rounded-12 bg-light">
                                        <h6 class="fw-800 text-dark mb-3"><i class="fas fa-coins me-2 text-primary"></i>Fiyat Ekle</h6>
                                        <form class="qv-add-price-item-form" method="POST" action="{{ route('agency.suppliers.price-lists.items.store', $list) }}">
                                            @csrf
                                            
                                            <!-- Tedarikçi Tipine Göre Alanlar -->
                                            @if($supplier->supplier_type === 'hotel')
                                                <div class="row g-2 mb-2">
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">ODA TİPİ</label>
                                                        <select name="room_type" class="form-select form-select-sm">
                                                            <option value="single">Single Room</option>
                                                            <option value="double">Double Room</option>
                                                            <option value="triple">Triple Room</option>
                                                            <option value="child_0_6">0-6 Yaş Çocuk</option>
                                                            <option value="child_0_12">0-12 Yaş Çocuk</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">PANSİYON</label>
                                                        <select name="board_type" class="form-select form-select-sm">
                                                            <option value="BB">BB (Oda Kahvaltı)</option>
                                                            <option value="HB">HB (Yarım Pansiyon)</option>
                                                            <option value="FB">FB (Tam Pansiyon)</option>
                                                            <option value="UHD">UHD (Ultra Her Şey Dahil)</option>
                                                            <option value="RO">RO (Sadece Oda)</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">PAZAR</label>
                                                        <select name="market" class="form-select form-select-sm">
                                                            <option value="hepsi">Yerli & Yabancı</option>
                                                            <option value="yerli">Yerli</option>
                                                            <option value="yabanci">Yabancı</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">ÜCRET TİPİ</label>
                                                        <select name="price_type" class="form-select form-select-sm">
                                                            <option value="fit">FIT Net</option>
                                                            <option value="grup">GRUP Net</option>
                                                            <option value="fit_grup">Grup ve FIT Net</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="row g-2 mb-3">
                                                    <div class="col-md-4">
                                                        <label class="small text-muted fw-600">HB FARKI</label>
                                                        <input type="number" step="0.01" name="hb_diff" value="0.00" class="form-control form-control-sm">
                                                    </div>
                                                </div>
                                            @elseif($supplier->supplier_type === 'transportation')
                                                <div class="row g-2 mb-2">
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">NEREDEN</label>
                                                        <input type="text" name="from_location" class="form-control form-control-sm" required placeholder="Havalimanı">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">NEREYE</label>
                                                        <input type="text" name="to_location" class="form-control form-control-sm" required placeholder="Otel">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">ARAÇ TİPİ</label>
                                                        <input type="text" name="vehicle_type" class="form-control form-control-sm" required placeholder="Mercedes Vito">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="small text-muted fw-600">YÖN</label>
                                                        <select name="one_way" class="form-select form-select-sm">
                                                            <option value="1">Tek Yön</option>
                                                            <option value="0">Gidiş-Dönüş</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            @elseif($supplier->supplier_type === 'restaurant')
                                                <div class="row g-2 mb-2">
                                                    <div class="col-md-6">
                                                        <label class="small text-muted fw-600">MENÜ ADI / DETAYI</label>
                                                        <input type="text" name="menu_name" class="form-control form-control-sm" required placeholder="Fix Kebap Menüsü">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="small text-muted fw-600">İÇECEK DURUMU</label>
                                                        <select name="beverage_included" class="form-select form-select-sm">
                                                            <option value="1">İçecek Dahil</option>
                                                            <option value="0">İçecek Hariç</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            @elseif($supplier->supplier_type === 'insurance')
                                                <div class="row g-2 mb-2">
                                                    <div class="col-md-4">
                                                        <label class="small text-muted fw-600">POLİÇE KAPSAMI</label>
                                                        <input type="text" name="policy_name" class="form-control form-control-sm" required placeholder="Euro Schengen">
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label class="small text-muted fw-600">GÜN SÜRESİ</label>
                                                        <input type="number" name="duration_days" class="form-control form-control-sm" required min="1" placeholder="15">
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label class="small text-muted fw-600">MAX YAŞ LİMİTİ</label>
                                                        <input type="number" name="age_limit" class="form-control form-control-sm" placeholder="65">
                                                    </div>
                                                </div>
                                            @elseif($supplier->supplier_type === 'visa')
                                                <div class="row g-2 mb-2">
                                                    <div class="col-md-6">
                                                        <label class="small text-muted fw-600">VİZE TÜRÜ</label>
                                                        <input type="text" name="visa_type" class="form-control form-control-sm" required placeholder="Turistik Vize">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="small text-muted fw-600">ÜLKE KODU (ISO)</label>
                                                        <input type="text" name="country" class="form-control form-control-sm" required maxlength="2" placeholder="FR">
                                                    </div>
                                                </div>
                                            @elseif($supplier->supplier_type === 'airline')
                                                <div class="row g-2 mb-2">
                                                    <div class="col-md-6">
                                                        <label class="small text-muted fw-600">UÇUŞ PARKURU</label>
                                                        <input type="text" name="route" class="form-control form-control-sm" required placeholder="IST-CDG">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="small text-muted fw-600">BİLET SINIFI</label>
                                                        <input type="text" name="flight_class" class="form-control form-control-sm" required placeholder="Economy (Y)">
                                                    </div>
                                                </div>
                                            @endif

                                            <!-- Fiyat ve Vergi Alanları -->
                                            <div class="row g-2">
                                                <div class="col-md-3">
                                                    <label class="small text-muted fw-600">PARA BİRİMİ</label>
                                                    <select name="currency" class="form-select form-select-sm" required>
                                                        @if($list->marketplace && $list->marketplace->defaultCurrency)
                                                            <option value="{{ $list->marketplace->defaultCurrency->code }}">{{ $list->marketplace->defaultCurrency->code }} ({{ $list->marketplace->defaultCurrency->symbol }})</option>
                                                        @else
                                                            <option value="TRY">TRY (₺)</option>
                                                        @endif
                                                    </select>
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="small text-muted fw-600">NET MALİYET</label>
                                                    <input type="number" step="0.01" name="net_price" class="form-control form-control-sm" required placeholder="0.00">
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="small text-muted fw-600">SATIŞ FİYATI</label>
                                                    <input type="number" step="0.01" name="sale_price" class="form-control form-control-sm" required placeholder="0.00">
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="small text-muted fw-600">KDV %</label>
                                                    @php $defaultTaxRate = $supplier->supplier_type === 'hotel' ? '11.0' : '20.0'; @endphp
                                                    <input type="number" step="0.1" name="tax_rate" class="form-control form-control-sm" required value="{{ $defaultTaxRate }}">
                                                    @if($supplier->supplier_type === 'hotel')
                                                        <small class="text-muted" style="font-size:0.62rem;">KDV %10 + Konaklama Vergisi %1</small>
                                                    @endif
                                                </div>
                                                <div class="col-md-1 d-flex align-items-end">
                                                    <button type="submit" class="btn btn-dark btn-sm w-100 py-2"><i class="fas fa-plus"></i></button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @empty
                            <div class="text-center py-5 bg-light" style="border-radius:24px; border:2px dashed #cbd5e1">
                                <i class="fas fa-money-bill-wave text-muted mb-3" style="font-size: 3rem"></i>
                                <h6 class="fw-800">Henüz Fiyat Sezonu Eklenmemiş</h6>
                                <p class="text-muted small">Sol taraftaki panelden yeni bir fiyat sezonu tanımlayarak fiyatları girmeye başlayın.</p>
                            </div>
                        @endforelse
                    </div>
                </div>
            </x-quick-view.main>
        </div>

        <!-- ============================================ -->
        <!-- TAB 3: COMPANY & BILLING DETAILS FORM -->
        <!-- ============================================ -->
        <div id="qv-tab-details" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                <form id="qv-supplier-full-edit-form" method="POST" action="{{ route('agency.suppliers.update', $supplier) }}">
                    @csrf
                    @method('PUT')
                    
                    <div class="row g-4">
                        <div class="col-md-6">
                            <!-- Genel Bilgiler Kartı -->
                            <div class="card border p-4 shadow-none" style="border-radius:20px; background:#fff">
                                <h5 class="fw-800 text-dark mb-4 border-bottom pb-2"><i class="fas fa-id-card text-primary me-2"></i>Profil Bilgileri</h5>
                                
                                <input type="hidden" name="type" id="qv-edit-type" value="{{ $supplier->type }}">
                                <input type="hidden" name="supplier_type" value="{{ $supplier->supplier_type }}">
                                <input type="hidden" name="status" value="{{ $supplier->status }}">

                                @if($supplier->type === 'individual')
                                    <div class="fg-2">
                                        <div class="field-group">
                                            <label class="field-label">AD<span class="req">*</span></label>
                                            <input type="text" name="first_name" value="{{ $supplier->first_name }}" class="field-input" required>
                                        </div>
                                        <div class="field-group">
                                            <label class="field-label">SOYAD<span class="req">*</span></label>
                                            <input type="text" name="last_name" value="{{ $supplier->last_name }}" class="field-input" required>
                                        </div>
                                    </div>
                                @else
                                    <div class="field-group">
                                        <label class="field-label">FİRMA ADI<span class="req">*</span></label>
                                        <input type="text" name="company_name" value="{{ $supplier->company_name }}" class="field-input" required>
                                    </div>
                                    <div class="fg-2">
                                        <div class="field-group">
                                            <label class="field-label">VERGİ NO</label>
                                            <input type="text" name="company_tax_number" value="{{ $supplier->company_tax_number }}" class="field-input">
                                        </div>
                                        <div class="field-group">
                                            <label class="field-label">VERGİ DAİRESİ</label>
                                            <input type="text" name="company_tax_office" value="{{ $supplier->company_tax_office }}" class="field-input">
                                        </div>
                                    </div>
                                @endif

                                <div class="field-group">
                                    <label class="field-label">BİRİNCİL SABİT TELEFON</label>
                                    <input type="text" name="phone" value="{{ $supplier->phone }}" class="field-input">
                                </div>
                                <div class="field-group">
                                    <label class="field-label">WEB SİTESİ</label>
                                    <input type="text" name="website" value="{{ $supplier->website }}" class="field-input">
                                </div>
                                
                                <div class="field-group mb-0">
                                    <label class="field-label">DAHİLİ NOTLAR</label>
                                    <div class="rte-wrap">
                                        <div id="qv-edit-notes-editor">{!! $supplier->notes !!}</div>
                                    </div>
                                    <textarea name="notes" id="qv-edit-notes-input" class="d-none">{{ $supplier->notes }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <!-- Sorumlu Yetkili Kartı (Şirketler için) -->
                            @if($supplier->type === 'corporate')
                                <div class="card border p-4 shadow-none mb-4" style="border-radius:20px; background:#fff">
                                    <h5 class="fw-800 text-dark mb-4 border-bottom pb-2"><i class="fas fa-user-tie text-purple me-2"></i>Sorumlu Yetkili</h5>
                                    <div class="fg-2">
                                        <div class="field-group">
                                            <label class="field-label">YETKİLİ ADI</label>
                                            <input type="text" name="responsible_person_first_name" value="{{ $supplier->responsible_person_first_name }}" class="field-input">
                                        </div>
                                        <div class="field-group">
                                            <label class="field-label">YETKİLİ SOYADI</label>
                                            <input type="text" name="responsible_person_last_name" value="{{ $supplier->responsible_person_last_name }}" class="field-input">
                                        </div>
                                    </div>
                                    <div class="field-group">
                                        <label class="field-label">YETKİLİ CİNSİYET</label>
                                        <select name="responsible_person_gender" class="field-input">
                                            <option value="">Belirtilmedi</option>
                                            <option value="male" {{ $supplier->responsible_person_gender === 'male' ? 'selected' : '' }}>Erkek</option>
                                            <option value="female" {{ $supplier->responsible_person_gender === 'female' ? 'selected' : '' }}>Kadın</option>
                                            <option value="other" {{ $supplier->responsible_person_gender === 'other' ? 'selected' : '' }}>Diğer</option>
                                        </select>
                                    </div>
                                    <div class="fg-2">
                                        <div class="field-group mb-0">
                                            <label class="field-label">YETKİLİ TELEFON</label>
                                            <input type="text" name="responsible_person_phone" value="{{ $supplier->responsible_person_phone }}" class="field-input">
                                        </div>
                                        <div class="field-group mb-0">
                                            <label class="field-label">YETKİLİ E-POSTA</label>
                                            <input type="email" name="responsible_person_email" value="{{ $supplier->responsible_person_email }}" class="field-input">
                                        </div>
                                    </div>
                                </div>
                            @endif

                            <!-- Fatura Kartı -->
                            <div class="card border p-4 shadow-none" style="border-radius:20px; background:#fff">
                                <h5 class="fw-800 text-dark mb-4 border-bottom pb-2"><i class="fas fa-file-invoice-dollar text-danger me-2"></i>Fatura Bilgileri</h5>
                                <div class="field-group">
                                    <label class="field-label">FATURA ADRESİ</label>
                                    <textarea name="billing_address" class="field-input" rows="2">{{ $supplier->billing_address }}</textarea>
                                </div>
                                <div class="fg-3">
                                    <div class="field-group">
                                        <label class="field-label">FATURA ŞEHİR</label>
                                        <input type="text" name="billing_city" value="{{ $supplier->billing_city }}" class="field-input">
                                    </div>
                                    <div class="field-group">
                                        <label class="field-label">FATURA İLÇE</label>
                                        <input type="text" name="billing_district" value="{{ $supplier->billing_district }}" class="field-input">
                                    </div>
                                    <div class="field-group">
                                        <label class="field-label">FATURA E-POSTA</label>
                                        <input type="email" name="billing_email" value="{{ $supplier->billing_email }}" class="field-input">
                                    </div>
                                </div>
                                <div class="fg-2 mt-2 mb-0">
                                    <div class="field-group mb-0">
                                        <label class="field-label">FATURA VERGİ NO</label>
                                        <input type="text" name="billing_tax_number" value="{{ $supplier->billing_tax_number }}" class="field-input">
                                    </div>
                                    <div class="field-group mb-0">
                                        <label class="field-label">FATURA VERGİ DAİRESİ</label>
                                        <input type="text" name="billing_tax_office" value="{{ $supplier->billing_tax_office }}" class="field-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Form Footer Buttons -->
                    <div class="d-flex justify-content-end mt-4 pt-3 border-top gap-3">
                        <button type="button" class="btn btn-outline-secondary" onclick="closeQuickView()"><i class="fas fa-times me-2"></i>Vazgeç</button>
                        <button type="submit" class="btn btn-success px-5"><i class="fas fa-save me-2"></i>Tüm Değişiklikleri Kaydet</button>
                    </div>
                </form>
            </x-quick-view.main>
        </div>

        <!-- ============================================ -->
        <!-- TAB 4: HOTEL FACT SHEET (Otel Bilgi Formu) -->
        <!-- ============================================ -->
        @if($supplier->supplier_type === 'hotel')
        @php $fs = $supplier->factSheet; @endphp
        <div id="qv-tab-factsheet" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                <form id="qv-factsheet-form" method="POST" action="{{ route('agency.suppliers.fact-sheet.update', $supplier) }}">
                    @csrf

                    <!-- Genel Bilgiler -->
                    <div class="card border p-4 mb-4" style="border-radius:20px; background:#fff">
                        <h5 class="fw-800 text-dark mb-4 border-bottom pb-2"><i class="fas fa-hotel text-primary me-2"></i>Genel Otel Bilgileri</h5>
                        <div class="fg-3">
                            <div class="field-group">
                                <label class="field-label">YILDIZ</label>
                                <select name="star_rating" class="field-input">
                                    <option value="">—</option>
                                    @for($i = 1; $i <= 5; $i++)
                                        <option value="{{ $i }}" {{ ($fs->star_rating ?? null) == $i ? 'selected' : '' }}>{{ $i }} Yıldız</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="field-group">
                                <label class="field-label">TOPLAM ODA SAYISI</label>
                                <input type="number" name="total_rooms" value="{{ $fs->total_rooms ?? '' }}" class="field-input" placeholder="Örn: 350">
                            </div>
                            <div class="field-group">
                                <label class="field-label">TOPLAM TESİS ALANI</label>
                                <input type="text" name="total_area" value="{{ $fs->total_area ?? '' }}" class="field-input" placeholder="Örn: 45.000 m²">
                            </div>
                        </div>
                        <div class="fg-3">
                            <div class="field-group">
                                <label class="field-label">KONSEPT</label>
                                <input type="text" name="concept" value="{{ $fs->concept ?? '' }}" class="field-input" placeholder="Örn: Her Şey Dahil">
                            </div>
                            <div class="field-group">
                                <label class="field-label">GİRİŞ SAATİ (CHECK-IN)</label>
                                <input type="text" name="check_in_time" value="{{ $fs->check_in_time ?? '' }}" class="field-input" placeholder="14:00">
                            </div>
                            <div class="field-group">
                                <label class="field-label">ÇIKIŞ SAATİ (CHECK-OUT)</label>
                                <input type="text" name="check_out_time" value="{{ $fs->check_out_time ?? '' }}" class="field-input" placeholder="12:00">
                            </div>
                        </div>
                        <div class="fg-3 mb-0">
                            <div class="field-group mb-0">
                                <label class="field-label">HAVALİMANINA UZAKLIK</label>
                                <input type="text" name="distance_to_airport" value="{{ $fs->distance_to_airport ?? '' }}" class="field-input" placeholder="Örn: 45 km">
                            </div>
                            <div class="field-group mb-0">
                                <label class="field-label">MERKEZE UZAKLIK</label>
                                <input type="text" name="distance_to_center" value="{{ $fs->distance_to_center ?? '' }}" class="field-input" placeholder="Örn: 5 km">
                            </div>
                            <div class="field-group mb-0">
                                <label class="field-label">PLAJA / DENİZE UZAKLIK</label>
                                <input type="text" name="distance_to_beach" value="{{ $fs->distance_to_beach ?? '' }}" class="field-input" placeholder="Örn: 150 m">
                            </div>
                        </div>
                    </div>

                    <!-- Genel Açıklama (Zengin Metin) -->
                    <div class="card border p-4 mb-4" style="border-radius:20px; background:#fff">
                        <h5 class="fw-800 text-dark mb-3 border-bottom pb-2"><i class="fas fa-align-left text-info me-2"></i>Genel Açıklama</h5>
                        <div class="rte-wrap">
                            <div id="qv-factsheet-desc-editor">{!! $fs->description ?? '' !!}</div>
                        </div>
                        <textarea name="description" id="qv-factsheet-desc" class="d-none">{{ $fs->description ?? '' }}</textarea>
                    </div>

                    <!-- Genel Özellikler -->
                    <div class="card border p-4 mb-4" style="border-radius:20px; background:#fff">
                        <div class="d-flex justify-content-between align-items-center mb-3 border-bottom pb-2">
                            <h5 class="fw-800 text-dark mb-0"><i class="fas fa-star text-warning me-2"></i>Otel Özellikleri</h5>
                            <button type="button" class="btn btn-sm btn-outline-primary" onclick="fsAddFeature()"><i class="fas fa-plus me-1"></i>Özellik Ekle</button>
                        </div>
                        <div id="fs-features-list" class="d-flex flex-wrap gap-2">
                            @php $features = $fs->general_features ?? []; @endphp
                            @forelse($features as $feat)
                                <div class="fs-feature-item d-flex align-items-center gap-1 bg-light border rounded-pill ps-3 pe-1 py-1">
                                    <input type="text" name="general_features[]" value="{{ $feat }}" class="border-0 bg-transparent" style="outline:none; font-size:0.82rem; width:auto;">
                                    <button type="button" class="btn btn-sm btn-link text-danger p-0 px-1" onclick="this.closest('.fs-feature-item').remove()"><i class="fas fa-times"></i></button>
                                </div>
                            @empty
                            @endforelse
                        </div>
                        <div class="field-help text-muted mt-2" style="font-size:0.72rem;">Örn: Ücretsiz Wi-Fi, Açık/Kapalı Havuz, SPA & Wellness, Otopark, Fitness, Aquapark...</div>
                    </div>

                    <!-- Oda Tipleri & Boyutları -->
                    <div class="card border p-4 mb-4" style="border-radius:20px; background:#fff">
                        <div class="d-flex justify-content-between align-items-center mb-3 border-bottom pb-2">
                            <h5 class="fw-800 text-dark mb-0"><i class="fas fa-bed text-success me-2"></i>Oda Tipleri & Boyutları</h5>
                            <button type="button" class="btn btn-sm btn-outline-primary" onclick="fsAddRoom()"><i class="fas fa-plus me-1"></i>Oda Ekle</button>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-sm align-middle mb-0" style="font-size:0.8rem">
                                <thead class="table-light fw-700">
                                    <tr>
                                        <th style="min-width:140px">Oda Adı</th>
                                        <th style="width:90px">Boyut (m²)</th>
                                        <th style="width:90px">Kapasite</th>
                                        <th style="width:80px">Adet</th>
                                        <th style="min-width:160px">Özellikler</th>
                                        <th style="width:40px"></th>
                                    </tr>
                                </thead>
                                <tbody id="fs-rooms-body">
                                    @forelse(($fs->room_types ?? []) as $i => $room)
                                        <tr class="fs-room-row">
                                            <td><input type="text" name="room_types[{{ $i }}][name]" value="{{ $room['name'] ?? '' }}" class="form-control form-control-sm" placeholder="Standart Oda"></td>
                                            <td><input type="text" name="room_types[{{ $i }}][size]" value="{{ $room['size'] ?? '' }}" class="form-control form-control-sm" placeholder="28"></td>
                                            <td><input type="text" name="room_types[{{ $i }}][capacity]" value="{{ $room['capacity'] ?? '' }}" class="form-control form-control-sm" placeholder="2+1"></td>
                                            <td><input type="text" name="room_types[{{ $i }}][count]" value="{{ $room['count'] ?? '' }}" class="form-control form-control-sm" placeholder="200"></td>
                                            <td><input type="text" name="room_types[{{ $i }}][features]" value="{{ $room['features'] ?? '' }}" class="form-control form-control-sm" placeholder="Balkon, Minibar, LCD TV"></td>
                                            <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Havuzlar & Boyutları -->
                    <div class="card border p-4 mb-4" style="border-radius:20px; background:#fff">
                        <div class="d-flex justify-content-between align-items-center mb-3 border-bottom pb-2">
                            <h5 class="fw-800 text-dark mb-0"><i class="fas fa-water text-primary me-2"></i>Havuzlar & Boyutları</h5>
                            <button type="button" class="btn btn-sm btn-outline-primary" onclick="fsAddPool()"><i class="fas fa-plus me-1"></i>Havuz Ekle</button>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-sm align-middle mb-0" style="font-size:0.8rem">
                                <thead class="table-light fw-700">
                                    <tr>
                                        <th style="min-width:140px">Havuz Adı</th>
                                        <th style="width:120px">Tipi</th>
                                        <th style="width:80px">Uzunluk</th>
                                        <th style="width:80px">Genişlik</th>
                                        <th style="width:80px">Derinlik</th>
                                        <th style="width:90px">Isıtmalı</th>
                                        <th style="width:40px"></th>
                                    </tr>
                                </thead>
                                <tbody id="fs-pools-body">
                                    @forelse(($fs->pools ?? []) as $i => $pool)
                                        <tr class="fs-pool-row">
                                            <td><input type="text" name="pools[{{ $i }}][name]" value="{{ $pool['name'] ?? '' }}" class="form-control form-control-sm" placeholder="Ana Havuz"></td>
                                            <td><input type="text" name="pools[{{ $i }}][type]" value="{{ $pool['type'] ?? '' }}" class="form-control form-control-sm" placeholder="Açık / Kapalı"></td>
                                            <td><input type="text" name="pools[{{ $i }}][length]" value="{{ $pool['length'] ?? '' }}" class="form-control form-control-sm" placeholder="25 m"></td>
                                            <td><input type="text" name="pools[{{ $i }}][width]" value="{{ $pool['width'] ?? '' }}" class="form-control form-control-sm" placeholder="12 m"></td>
                                            <td><input type="text" name="pools[{{ $i }}][depth]" value="{{ $pool['depth'] ?? '' }}" class="form-control form-control-sm" placeholder="1.4 m"></td>
                                            <td>
                                                <select name="pools[{{ $i }}][heated]" class="form-select form-select-sm">
                                                    <option value="" {{ empty($pool['heated']) ? 'selected' : '' }}>—</option>
                                                    <option value="Evet" {{ ($pool['heated'] ?? '') === 'Evet' ? 'selected' : '' }}>Evet</option>
                                                    <option value="Hayır" {{ ($pool['heated'] ?? '') === 'Hayır' ? 'selected' : '' }}>Hayır</option>
                                                </select>
                                            </td>
                                            <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Toplantı Salonları -->
                    <div class="card border p-4 mb-4" style="border-radius:20px; background:#fff">
                        <div class="d-flex justify-content-between align-items-center mb-3 border-bottom pb-2">
                            <h5 class="fw-800 text-dark mb-0"><i class="fas fa-chalkboard-user text-danger me-2"></i>Toplantı Salonları</h5>
                            <button type="button" class="btn btn-sm btn-outline-primary" onclick="fsAddMeeting()"><i class="fas fa-plus me-1"></i>Salon Ekle</button>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-sm align-middle mb-0" style="font-size:0.8rem">
                                <thead class="table-light fw-700">
                                    <tr>
                                        <th style="min-width:140px">Salon Adı</th>
                                        <th style="width:80px">Alan (m²)</th>
                                        <th style="width:80px">Tavan (m)</th>
                                        <th style="width:80px">Tiyatro</th>
                                        <th style="width:80px">Sınıf</th>
                                        <th style="width:80px">U Düzeni</th>
                                        <th style="width:80px">Banket</th>
                                        <th style="width:40px"></th>
                                    </tr>
                                </thead>
                                <tbody id="fs-meetings-body">
                                    @forelse(($fs->meeting_rooms ?? []) as $i => $room)
                                        <tr class="fs-meeting-row">
                                            <td><input type="text" name="meeting_rooms[{{ $i }}][name]" value="{{ $room['name'] ?? '' }}" class="form-control form-control-sm" placeholder="Balo Salonu"></td>
                                            <td><input type="text" name="meeting_rooms[{{ $i }}][area]" value="{{ $room['area'] ?? '' }}" class="form-control form-control-sm" placeholder="450"></td>
                                            <td><input type="text" name="meeting_rooms[{{ $i }}][height]" value="{{ $room['height'] ?? '' }}" class="form-control form-control-sm" placeholder="5"></td>
                                            <td><input type="text" name="meeting_rooms[{{ $i }}][theatre]" value="{{ $room['theatre'] ?? '' }}" class="form-control form-control-sm" placeholder="500"></td>
                                            <td><input type="text" name="meeting_rooms[{{ $i }}][classroom]" value="{{ $room['classroom'] ?? '' }}" class="form-control form-control-sm" placeholder="300"></td>
                                            <td><input type="text" name="meeting_rooms[{{ $i }}][ushape]" value="{{ $room['ushape'] ?? '' }}" class="form-control form-control-sm" placeholder="80"></td>
                                            <td><input type="text" name="meeting_rooms[{{ $i }}][banquet]" value="{{ $room['banquet'] ?? '' }}" class="form-control form-control-sm" placeholder="350"></td>
                                            <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Yeme & İçme Üniteleri -->
                    <div class="card border p-4 mb-4" style="border-radius:20px; background:#fff">
                        <div class="d-flex justify-content-between align-items-center mb-3 border-bottom pb-2">
                            <h5 class="fw-800 text-dark mb-0"><i class="fas fa-utensils text-warning me-2"></i>Restoran & Barlar</h5>
                            <button type="button" class="btn btn-sm btn-outline-primary" onclick="fsAddFb()"><i class="fas fa-plus me-1"></i>Ünite Ekle</button>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-sm align-middle mb-0" style="font-size:0.8rem">
                                <thead class="table-light fw-700">
                                    <tr>
                                        <th style="min-width:150px">Ünite Adı</th>
                                        <th style="width:140px">Tipi</th>
                                        <th style="min-width:150px">Mutfak / Konsept</th>
                                        <th style="width:40px"></th>
                                    </tr>
                                </thead>
                                <tbody id="fs-fb-body">
                                    @forelse(($fs->food_beverages ?? []) as $i => $fb)
                                        <tr class="fs-fb-row">
                                            <td><input type="text" name="food_beverages[{{ $i }}][name]" value="{{ $fb['name'] ?? '' }}" class="form-control form-control-sm" placeholder="Ana Restoran"></td>
                                            <td><input type="text" name="food_beverages[{{ $i }}][type]" value="{{ $fb['type'] ?? '' }}" class="form-control form-control-sm" placeholder="Açık Büfe / A la Carte"></td>
                                            <td><input type="text" name="food_beverages[{{ $i }}][cuisine]" value="{{ $fb['cuisine'] ?? '' }}" class="form-control form-control-sm" placeholder="Türk / İtalyan"></td>
                                            <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Form Footer -->
                    <div class="d-flex justify-content-end mt-2 pt-3 border-top gap-3">
                        <button type="button" class="btn btn-outline-secondary" onclick="closeQuickView()"><i class="fas fa-times me-2"></i>Vazgeç</button>
                        <button type="submit" class="btn btn-success px-5"><i class="fas fa-save me-2"></i>Bilgi Formunu Kaydet</button>
                    </div>
                </form>
            </x-quick-view.main>
        </div>
        @endif

    </x-quick-view.content>
</x-quick-view.layout>

<!-- Hidden Delete Forms -->
<form id="qvDeletePriceListForm" method="POST" style="display:none">
    @csrf @method('DELETE')
</form>
<form id="qvDeletePriceItemForm" method="POST" style="display:none">
    @csrf @method('DELETE')
</form>
<form id="qvDeleteActivityForm" method="POST" style="display:none">
    @csrf @method('DELETE')
</form>

<script>
// ─── ZENGİN METİN (QUILL) KURULUMU ───
// Sekme arası geçiş yardımcı fonksiyonu (özet kartından "Düzenle" için)
function switchQuickViewTab(tabId) {
    const tabBtn = document.querySelector(`.qv-tab[onclick*="'${tabId}'"]`);
    if (tabBtn) { switchQvTab(tabId, tabBtn); }
}

// Quill örneği oluşturucu
function qvCreateQuill(el, placeholder) {
    if (!el || typeof Quill === 'undefined') return null;
    return new Quill(el, {
        theme: 'snow',
        placeholder: placeholder || 'Buraya yazın...',
        modules: {
            toolbar: [
                ['bold', 'italic', 'underline'],
                [{ 'list': 'ordered' }, { 'list': 'bullet' }],
                [{ 'header': [3, 4, false] }],
                ['link', 'clean']
            ]
        }
    });
}

(function initSupplierQuillEditors() {
    if (typeof Quill === 'undefined') return;

    // 1) Aktivite açıklaması editörü
    const actEl = document.getElementById('qv-activity-editor');
    if (actEl) {
        window.qvActivityQuill = qvCreateQuill(actEl, actEl.dataset.placeholder);
    }

    // 2) Genel Bilgiler sekmesindeki dahili notlar editörü
    const notesEl = document.getElementById('qv-notes-editor');
    if (notesEl) {
        window.qvNotesQuill = qvCreateQuill(notesEl, 'Tedarikçi hakkında dahili notlar...');
    }

    // 3) Detaylar sekmesindeki tam düzenleme formu notları
    const editNotesEl = document.getElementById('qv-edit-notes-editor');
    if (editNotesEl) {
        window.qvEditNotesQuill = qvCreateQuill(editNotesEl, 'Dahili notlar...');
    }

    // 4) Otel bilgi formu genel açıklaması
    const fsDescEl = document.getElementById('qv-factsheet-desc-editor');
    if (fsDescEl) {
        window.qvFactSheetQuill = qvCreateQuill(fsDescEl, 'Otel hakkında genel açıklama, konum, konsept detayları...');
    }
})();

// ─── OTEL BİLGİ FORMU (FACT SHEET) ───
let fsRowIndex = 0; // JS ile eklenen satırlar için benzersiz alan adı sayacı
function fsNextIndex() { return 'n' + (fsRowIndex++); }

function fsAddFeature() {
    const wrap = document.getElementById('fs-features-list');
    if (!wrap) return;
    const div = document.createElement('div');
    div.className = 'fs-feature-item d-flex align-items-center gap-1 bg-light border rounded-pill ps-3 pe-1 py-1';
    div.innerHTML = `<input type="text" name="general_features[]" class="border-0 bg-transparent" style="outline:none; font-size:0.82rem; width:auto;" placeholder="Yeni özellik">
        <button type="button" class="btn btn-sm btn-link text-danger p-0 px-1" onclick="this.closest('.fs-feature-item').remove()"><i class="fas fa-times"></i></button>`;
    wrap.appendChild(div);
    div.querySelector('input').focus();
}

function fsAddRoom() {
    const i = fsNextIndex();
    const tr = document.createElement('tr');
    tr.className = 'fs-room-row';
    tr.innerHTML = `
        <td><input type="text" name="room_types[${i}][name]" class="form-control form-control-sm" placeholder="Standart Oda"></td>
        <td><input type="text" name="room_types[${i}][size]" class="form-control form-control-sm" placeholder="28"></td>
        <td><input type="text" name="room_types[${i}][capacity]" class="form-control form-control-sm" placeholder="2+1"></td>
        <td><input type="text" name="room_types[${i}][count]" class="form-control form-control-sm" placeholder="200"></td>
        <td><input type="text" name="room_types[${i}][features]" class="form-control form-control-sm" placeholder="Balkon, Minibar, LCD TV"></td>
        <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>`;
    document.getElementById('fs-rooms-body').appendChild(tr);
}

function fsAddPool() {
    const i = fsNextIndex();
    const tr = document.createElement('tr');
    tr.className = 'fs-pool-row';
    tr.innerHTML = `
        <td><input type="text" name="pools[${i}][name]" class="form-control form-control-sm" placeholder="Ana Havuz"></td>
        <td><input type="text" name="pools[${i}][type]" class="form-control form-control-sm" placeholder="Açık / Kapalı"></td>
        <td><input type="text" name="pools[${i}][length]" class="form-control form-control-sm" placeholder="25 m"></td>
        <td><input type="text" name="pools[${i}][width]" class="form-control form-control-sm" placeholder="12 m"></td>
        <td><input type="text" name="pools[${i}][depth]" class="form-control form-control-sm" placeholder="1.4 m"></td>
        <td><select name="pools[${i}][heated]" class="form-select form-select-sm"><option value="">—</option><option value="Evet">Evet</option><option value="Hayır">Hayır</option></select></td>
        <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>`;
    document.getElementById('fs-pools-body').appendChild(tr);
}

function fsAddMeeting() {
    const i = fsNextIndex();
    const tr = document.createElement('tr');
    tr.className = 'fs-meeting-row';
    tr.innerHTML = `
        <td><input type="text" name="meeting_rooms[${i}][name]" class="form-control form-control-sm" placeholder="Balo Salonu"></td>
        <td><input type="text" name="meeting_rooms[${i}][area]" class="form-control form-control-sm" placeholder="450"></td>
        <td><input type="text" name="meeting_rooms[${i}][height]" class="form-control form-control-sm" placeholder="5"></td>
        <td><input type="text" name="meeting_rooms[${i}][theatre]" class="form-control form-control-sm" placeholder="500"></td>
        <td><input type="text" name="meeting_rooms[${i}][classroom]" class="form-control form-control-sm" placeholder="300"></td>
        <td><input type="text" name="meeting_rooms[${i}][ushape]" class="form-control form-control-sm" placeholder="80"></td>
        <td><input type="text" name="meeting_rooms[${i}][banquet]" class="form-control form-control-sm" placeholder="350"></td>
        <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>`;
    document.getElementById('fs-meetings-body').appendChild(tr);
}

function fsAddFb() {
    const i = fsNextIndex();
    const tr = document.createElement('tr');
    tr.className = 'fs-fb-row';
    tr.innerHTML = `
        <td><input type="text" name="food_beverages[${i}][name]" class="form-control form-control-sm" placeholder="Ana Restoran"></td>
        <td><input type="text" name="food_beverages[${i}][type]" class="form-control form-control-sm" placeholder="Açık Büfe / A la Carte"></td>
        <td><input type="text" name="food_beverages[${i}][cuisine]" class="form-control form-control-sm" placeholder="Türk / İtalyan"></td>
        <td><button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove()"><i class="fas fa-trash-can"></i></button></td>`;
    document.getElementById('fs-fb-body').appendChild(tr);
}

// Otel Bilgi Formu — AJAX gönderimi
$(document).off('submit', '#qv-factsheet-form').on('submit', '#qv-factsheet-form', function(e) {
    e.preventDefault();
    const form = $(this);
    const btn = form.find('button[type="submit"]');
    const originalText = btn.html();

    if (window.qvFactSheetQuill) {
        const html = window.qvFactSheetQuill.getText().trim().length ? window.qvFactSheetQuill.root.innerHTML : '';
        $('#qv-factsheet-desc').val(html);
    }

    btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Kaydediliyor...');

    $.ajax({
        url: form.attr('action'),
        type: 'POST',
        data: form.serialize(),
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'factsheet');
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 2000 })
                        .fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function(xhr) {
            btn.prop('disabled', false).html(originalText);
            let msg = 'Bilgi formu kaydedilirken bir hata oluştu.';
            if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;
            if (typeof Swal !== 'undefined') Swal.fire({ icon: 'error', title: 'Hata', text: msg });
            else alert(msg);
        }
    });
});

// Dahili Notlar — "Notu Kaydet" (update-field üzerinden)
$(document).off('click', '#qv-notes-save-btn').on('click', '#qv-notes-save-btn', function() {
    if (!window.qvNotesQuill) return;
    const btn = $(this);
    const original = btn.html();
    const html = window.qvNotesQuill.getText().trim().length ? window.qvNotesQuill.root.innerHTML : '';

    btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i>');

    fetch(`/agency/suppliers/{{ $supplier->id }}/update-field`, {
        method: 'PATCH',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        body: JSON.stringify({ field: 'notes', value: html })
    })
    .then(r => r.json())
    .then(data => {
        btn.prop('disabled', false).html(original);
        if (data.success && typeof Swal !== 'undefined') {
            Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 2000 })
                .fire({ icon: 'success', title: data.message || 'Notlar kaydedildi.' });
        }
    })
    .catch(() => {
        btn.prop('disabled', false).html(original);
        alert('Notlar kaydedilirken bir hata oluştu.');
    });
});

// Detaylar sekmesi tam düzenleme formu — gönderimden önce Quill'i senkronla
$(document).off('submit', '#qv-supplier-full-edit-form').on('submit', '#qv-supplier-full-edit-form', function() {
    if (window.qvEditNotesQuill) {
        const html = window.qvEditNotesQuill.getText().trim().length ? window.qvEditNotesQuill.root.innerHTML : '';
        $('#qv-edit-notes-input').val(html);
    }
});

// Tab Activity Type switcher
function setSupplierActivityType(type, el) {
    document.getElementById('qv-activity-type').value = type;
    el.closest('.qv-editor-header').querySelectorAll('.qv-editor-tab').forEach(t => t.classList.remove('active'));
    el.classList.add('active');
}

// Handle Quick View Activity Form Submission
$(document).off('submit', '#qv-supplier-activity-form').on('submit', '#qv-supplier-activity-form', function(e) {
    e.preventDefault();
    const form = $(this);
    const btn = form.find('button[type="submit"]');
    const originalText = btn.html();

    // Quill içeriğini gizli textarea'ya aktar ve doğrula
    if (window.qvActivityQuill) {
        const html = window.qvActivityQuill.getText().trim().length ? window.qvActivityQuill.root.innerHTML : '';
        $('#qv-activity-description').val(html);
        if (!html) {
            if (typeof Swal !== 'undefined') {
                Swal.fire({ icon: 'warning', title: 'Eksik bilgi', text: 'Lütfen aktivite açıklamasını girin.' });
            }
            return;
        }
    }

    btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i>');
    const formData = new FormData(this);
    
    $.ajax({
        url: form.attr('action'),
        type: 'POST',
        data: formData,
        processData: false,
        contentType: false,
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl);
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function(xhr) {
            alert('Etkinlik kaydedilirken bir hata oluştu.');
            btn.prop('disabled', false).html(originalText);
        }
    });
});

// Delete Activity
function deleteSupplierActivity(id) {
    if (!confirm('Bu notu/aktiviteyi silmek istediğinizden emin misiniz?')) return;
    
    $.ajax({
        url: `/agency/suppliers/activities/${id}`,
        type: 'DELETE',
        data: { _token: $('meta[name="csrf-token"]').attr('content') },
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl);
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function() {
            alert('Aktivite silinirken bir hata oluştu.');
        }
    });
}

// Add Price Season Form
$(document).off('submit', '#qv-add-price-list-form').on('submit', '#qv-add-price-list-form', function(e) {
    e.preventDefault();
    const form = $(this);
    const btn = form.find('button[type="submit"]');
    const originalText = btn.html();
    
    btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i>');
    
    $.ajax({
        url: form.attr('action'),
        type: 'POST',
        data: form.serialize(),
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'prices');
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function() {
            alert('Fiyat sezonu eklenirken bir hata oluştu.');
            btn.prop('disabled', false).html(originalText);
        }
    });
});

// Add Price Item
$(document).off('submit', '.qv-add-price-item-form').on('submit', '.qv-add-price-item-form', function(e) {
    e.preventDefault();
    const form = $(this);
    const btn = form.find('button[type="submit"]');
    const originalText = btn.html();
    
    btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i>');
    
    $.ajax({
        url: form.attr('action'),
        type: 'POST',
        data: form.serialize(),
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'prices');
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function() {
            alert('Fiyat eklenirken bir hata oluştu.');
            btn.prop('disabled', false).html(originalText);
        }
    });
});

// Delete Price Season
function deletePriceList(id) {
    if (!confirm('Bu fiyat sezonunu ve sezon altındaki tüm fiyat satırlarını silmek istediğinizden emin misiniz?')) return;
    
    $.ajax({
        url: `/agency/suppliers/price-lists/${id}`,
        type: 'DELETE',
        data: { _token: $('meta[name="csrf-token"]').attr('content') },
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'prices');
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function() {
            alert('Sezon silinirken bir hata oluştu.');
        }
    });
}

// Delete Price Item
function deletePriceItem(id) {
    if (!confirm('Bu fiyat satırını silmek istediğinizden emin misiniz?')) return;
    
    $.ajax({
        url: `/agency/suppliers/price-items/${id}`,
        type: 'DELETE',
        data: { _token: $('meta[name="csrf-token"]').attr('content') },
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'prices');
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function() {
            alert('Fiyat satırı silinirken bir hata oluştu.');
        }
    });
}

// Auto-refresh drawer when supplier type or supplier_type is edited inline
$(document).off('change', '.inline-editable[data-field="type"] select, .inline-editable[data-field="supplier_type"] select').on('change', '.inline-editable[data-field="type"] select, .inline-editable[data-field="supplier_type"] select', function() {
    setTimeout(() => {
        if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'general');
    }, 800);
});

// Season tab switching
$(document).off('click', '.qv-season-tab').on('click', '.qv-season-tab', function() {
    const btn = $(this);
    const seasonId = btn.data('season-id');
    const supplierId = "{{ $supplier->id }}";
    
    $('.qv-season-tab').removeClass('active');
    btn.addClass('active');
    
    $('.qv-season-detail-pane').addClass('d-none');
    $('#season-detail-' + seasonId).removeClass('d-none');
    
    localStorage.setItem('qv_active_season_id_' + supplierId, seasonId);
});

// Restore saved season on load
(function() {
    const supplierId = "{{ $supplier->id }}";
    const savedSeasonId = localStorage.getItem('qv_active_season_id_' + supplierId);
    if (savedSeasonId && $('#season-detail-' + savedSeasonId).length) {
        $('.qv-season-tab').removeClass('active');
        $('.qv-season-tab[data-season-id="' + savedSeasonId + '"]').addClass('active');
        
        $('.qv-season-detail-pane').addClass('d-none');
        $('#season-detail-' + savedSeasonId).removeClass('d-none');
    }
})();

// Add Supplier Responsible Person Form Handler
$(document).off('submit', '#qv-add-responsible-form').on('submit', '#qv-add-responsible-form', function(e) {
    e.preventDefault();
    const form = $(this);
    const btn = form.find('button[type="submit"]');
    const originalText = btn.html();
    
    btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i>');
    
    $.ajax({
        url: form.attr('action'),
        type: 'POST',
        data: form.serialize(),
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'general');
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function() {
            alert('Sorumlu kişi eklenirken bir hata oluştu.');
            btn.prop('disabled', false).html(originalText);
        }
    });
});

// Delete Supplier Responsible Person Handler
function deleteSupplierResponsible(id) {
    if (!confirm('Bu sorumlu kişiyi silmek istediğinizden emin misiniz?')) return;
    
    $.ajax({
        url: `/agency/suppliers/responsibles/${id}`,
        type: 'DELETE',
        data: { _token: $('meta[name="csrf-token"]').attr('content') },
        success: function(data) {
            if (data.success) {
                if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'general');
                if (typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 2000
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        },
        error: function() {
            alert('Sorumlu kişi silinirken bir hata oluştu.');
        }
    });
}
</script>

<style>
    /* Seasons Tab Styling */
    .qv-seasons-list .list-group-item-action {
        background: #f8fafc;
        border: 1px solid #f1f5f9 !important;
        cursor: pointer;
        color: #334155;
    }
    .qv-seasons-list .list-group-item-action:hover {
        background: #f1f5f9;
        color: #0f172a;
    }
    .qv-seasons-list .list-group-item-action.active {
        background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
        color: #fff !important;
        border-color: #2563eb !important;
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
    }
    .qv-seasons-list .list-group-item-action.active .text-muted,
    .qv-seasons-list .list-group-item-action.active .season-title,
    .qv-seasons-list .list-group-item-action.active i {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    /* Status Badge & General UI */
    .sb { padding: 6px 14px; border-radius: 10px; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.02em; border: 1px solid transparent; }
    .sb.active { background: #d1fae5; color: #065f46; border-color: #a7f3d0; }
    .sb.inactive { background: #f1f5f9; color: #475569; border-color: #e2e8f0; }
    .sb.blocked { background: #fee2e2; color: #991b1b; border-color: #fecaca; }
    .sb.potential { background: #fef3c7; color: #92400e; border-color: #fde68a; }

    /* Timeline & Composer Styling */
    .qv-activity-editor-card { background: #fff; border-radius: 20px; border: 1px solid #f1f5f9; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.04); }
    .qv-editor-header { display: flex; background: #fafbfc; border-bottom: 1px solid #f1f5f9; padding: 0.5rem; gap: 0.5rem; }
    .qv-editor-tab { 
        padding: 0.6rem 1.25rem; font-size: 0.8rem; font-weight: 700; color: #64748b; 
        border-radius: 12px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 0.5rem;
    }
    .qv-editor-tab:hover { background: #f1f5f9; color: #1e293b; }
    .qv-editor-tab.active { background: #fff; color: #2563eb; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }

    .qv-editor-subject { width: 100%; border: none; font-size: 1rem; font-weight: 700; outline: none; border-bottom: 1px solid #f1f5f9; padding: 0.5rem 0; margin-bottom: 0.5rem; }
    .qv-editor-textarea { width: 100%; min-height: 80px; border: none; outline: none; font-size: 0.85rem; resize: none; color: #334155; line-height: 1.6; }

    .qv-editor-header::-webkit-scrollbar { display: none; }
    .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

    .inline-editable { cursor: pointer; border-bottom: 1px dashed #cbd5e1; transition: all 0.2s; display: inline-flex; align-items: center; min-width: 10px; }
    .inline-editable:hover { border-bottom-color: #2563eb; color: #2563eb; background: rgba(37, 99, 235, 0.05); }

    /* Contacts & Note Cards */
    .card.bg-light { background-color: #f8fafc !important; border: 1px solid #f1f5f9 !important; }
    label.text-muted.small.fw-600 {
        font-size: 0.7rem !important;
        font-weight: 700 !important;
        color: #64748b !important;
        letter-spacing: 0.4px;
        margin-bottom: 0.2rem;
    }

    /* Core Form Elements Style System */
    .field-group { margin-bottom: 1.25rem; }
    .field-label {
        display: block; font-size: .78rem; font-weight: 700;
        color: #64748b; text-transform: uppercase; letter-spacing: .4px;
        margin-bottom: .4rem;
    }
    .field-label .req { color: #ef4444; margin-left: 2px; }
    .field-input {
        width: 100%; border: 1.5px solid #e2e8f0; border-radius: 10px;
        padding: .65rem .9rem; font-size: .875rem; color: #0f172a;
        background: #f8fafc; transition: all .2s;
        height: 44px;
    }
    .field-input:focus {
        outline: none; border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37,99,235,.1);
        background: #fff;
    }
    textarea.field-input { height: auto; resize: vertical; }
    select.field-input { cursor: pointer; }

    /* Grid Layouts */
    .fg-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .fg-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
    @media(max-width:640px) { .fg-2,.fg-3 { grid-template-columns: 1fr; } }

    /* Pricing Forms & Tables Styling */
    #qv-tab-prices .form-control, 
    #qv-tab-prices .form-select {
        border: 1.5px solid #e2e8f0;
        border-radius: 10px;
        padding: 0.45rem 0.75rem;
        font-size: 0.82rem;
        color: #0f172a;
        background-color: #f8fafc;
        transition: all 0.2s;
        height: 38px;
    }
    #qv-tab-prices .form-control:focus, 
    #qv-tab-prices .form-select:focus {
        outline: none;
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37,99,235,.1);
        background-color: #fff;
    }
    #qv-tab-prices label.small {
        display: block;
        font-size: 0.7rem;
        font-weight: 700;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        margin-bottom: 0.3rem;
    }
    #qv-tab-prices .card {
        border: 1px solid #f1f5f9 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
        border-radius: 20px !important;
        background: #fff !important;
    }
    .rounded-12 { border-radius: 12px !important; }
    .rounded-16 { border-radius: 16px !important; }
    .rounded-20 { border-radius: 20px !important; }

    /* Buttons Styling */
    .btn-primary {
        background: linear-gradient(135deg, #2563eb, #1d4ed8);
        border: none;
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
        font-weight: 600;
        color: #fff !important;
        transition: all 0.2s;
        border-radius: 10px;
    }
    .btn-primary:hover {
        background: linear-gradient(135deg, #1d4ed8, #1e40af);
        box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
        transform: translateY(-1px);
    }
    .btn-dark {
        background: #0f172a;
        border: none;
        border-radius: 10px;
        font-weight: 600;
        transition: all 0.2s;
        color: #fff !important;
    }
    .btn-dark:hover {
        background: #1e293b;
        transform: translateY(-1px);
    }
    .btn-outline-danger {
        border: 1px solid #fee2e2;
        color: #ef4444;
        background: #fff;
        border-radius: 10px;
        transition: all 0.2s;
    }
    .btn-outline-danger:hover {
        background: #ef4444;
        color: #fff;
        border-color: #ef4444;
    }

    /* Tab transitions */
    .qv-tab-panel { animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
    @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
</style>