@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>
            @foreach($supplier->type_labels as $tlabel)
                <span class="badge bg-primary-soft text-primary border-0 px-2">{{ $tlabel }}</span>
            @endforeach
        </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="resources" label="Kaynaklar" icon="fas fa-cubes" :count="$supplier->resources->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 d-block mb-2">HİZMET KATEGORİLERİ <small class="text-muted">(birden fazla seçilebilir)</small></label>
                                <div data-qv-types-save="{{ route('agency.suppliers.update-types', $supplier) }}">
                                    @include('agency.suppliers._type-chips', ['selected' => $supplier->type_codes])
                                </div>
                            </div>
                            <script>
                            (function(){
                                if (window.__qvSupTypesBound) return; window.__qvSupTypesBound = true;
                                var t;
                                document.addEventListener('change', function(e){
                                    if (!e.target.closest('[data-supplier-type-chips] input[type="checkbox"]')) return;
                                    var wrap = e.target.closest('[data-qv-types-save]');
                                    if (!wrap) return;
                                    clearTimeout(t);
                                    t = setTimeout(function(){
                                        var types = [].slice.call(wrap.querySelectorAll('input[type="checkbox"]:checked')).map(function(c){ return c.value; });
                                        if (!types.length) return; // en az bir tip
                                        fetch(wrap.dataset.qvTypesSave, {
                                            method: 'PATCH',
                                            headers: { 'Content-Type':'application/json', 'X-CSRF-TOKEN': (document.querySelector('meta[name="csrf-token"]')||{}).content, 'X-Requested-With':'XMLHttpRequest' },
                                            body: JSON.stringify({ supplier_types: types })
                                        }).then(function(r){ return r.json(); }).then(function(d){
                                            if (typeof Swal !== 'undefined') Swal.mixin({toast:true,position:'top-end',showConfirmButton:false,timer:1600,timerProgressBar:true}).fire({icon:d.success?'success':'error',title:d.message||'Güncellendi'});
                                        }).catch(function(){});
                                    }, 500);
                                });
                            })();
                            </script>

                            <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>

                        <!-- Yorum Card -->
                        <div class="card border-0 p-4 qv-comment-card" style="border-radius:22px;background:linear-gradient(160deg,#fffbeb,#fef3f2);border:1.5px solid #fde68a !important;box-shadow:0 10px 30px -14px rgba(217,119,6,.35);">
                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <h6 class="fw-800 mb-0 d-flex align-items-center" style="font-size:1.05rem;color:#b45309;">
                                    <span style="width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;box-shadow:0 6px 14px -6px rgba(217,119,6,.7)"><i class="fas fa-comment-dots"></i></span>
                                    Yorum
                                </h6>
                                <button type="button" id="qv-notes-save-btn" class="btn btn-sm px-3 text-white" style="border-radius:9px;font-size:0.74rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;"><i class="fas fa-save me-1"></i>Yorumu Kaydet</button>
                            </div>
                            <div class="rte-wrap" style="background:#fff;border-radius:14px;">
                                <div id="qv-notes-editor" style="min-height:180px;">{!! $supplier->notes !!}</div>
                            </div>
                            <div class="field-help text-muted mt-2" style="font-size:0.72rem;">Tedarikçi hakkında yorum & dahili notlar. Kalın, liste, başlık gibi zengin biçimlendirme kullanabilirsiniz. Yalnızca acentenize görünür.</div>
                        </div>
                    </div>
                </div>
            </x-quick-view.main>
        </div>

        <!-- ============================================ -->
        <!-- TAB: RESOURCES (Bağlı Kaynaklar) -->
        <!-- ============================================ -->
        @php
            // Kaynak tipi görsel eşlemesi. Resource modelinde accessor yok; renkler
            // quick-view-drawer'daki .theme-resources avatar renkleriyle aynı tutuldu.
            $resourceTypeMap = [
                'guide' => ['label' => 'Rehber', 'icon' => 'fas fa-user-tie', 'gradient' => 'linear-gradient(135deg,#3b82f6,#1d4ed8)'],
                'vehicle' => ['label' => 'Araç', 'icon' => 'fas fa-bus', 'gradient' => 'linear-gradient(135deg,#10b981,#047857)'],
                'captain' => ['label' => 'Kaptan', 'icon' => 'fas fa-id-card', 'gradient' => 'linear-gradient(135deg,#8b5cf6,#6d28d9)'],
            ];
            $resourcesByType = $supplier->resources->groupBy('type');
        @endphp
        <div id="qv-tab-resources" 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-cubes text-primary"></i> BAĞLI KAYNAKLAR <span class="badge bg-light text-dark border ms-1">{{ $supplier->resources->count() }}</span></h6>
                    <button type="button" class="btn btn-sm btn-primary text-white" style="border-radius:10px;font-weight:700;font-size:.78rem" onclick="openResourceCreateModal({{ $supplier->id }})"><i class="fas fa-plus me-1"></i>Yeni Kaynak Ekle</button>
                </div>

                @if($supplier->resources->isNotEmpty())
                    <div class="d-flex flex-wrap gap-2 mb-3">
                        @foreach($resourceTypeMap as $type => $meta)
                            @if($resourcesByType->has($type))
                                <span class="badge bg-light text-dark border" style="font-size:.72rem;font-weight:700">
                                    <i class="{{ $meta['icon'] }} me-1 text-primary"></i>{{ $resourcesByType[$type]->count() }} {{ $meta['label'] }}
                                </span>
                            @endif
                        @endforeach
                    </div>
                @endif

                <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 kaynak eklerken tedarik şeklini <b>Dış Kaynak</b> seçip bu tedarikçiyi işaretlediğinizde kaynak otomatik olarak burada listelenir.
                    Karta tıklayarak kaynağın detayını açabilirsiniz.
                </div>

                <div class="row g-3">
                    @forelse($supplier->resources as $resource)
                        @php $meta = $resourceTypeMap[$resource->type] ?? ['label' => $resource->type, 'icon' => 'fas fa-cube', 'gradient' => 'linear-gradient(135deg,#64748b,#475569)']; @endphp
                        <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', $resource) }}"
                                 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:{{ $meta['gradient'] }};font-size:1rem"><i class="{{ $meta['icon'] }}"></i></div>
                                            <div>
                                                <div class="fw-800 text-dark" style="font-size:.9rem">{{ $resource->name }}</div>
                                                <div class="text-muted" style="font-size:.72rem">
                                                    @if($resource->type === 'vehicle')
                                                        {{ trim(($resource->vehicle_brand ?? '') . ' ' . ($resource->vehicle_model ?? '')) ?: '—' }}@if($resource->vehicle_year) · {{ $resource->vehicle_year }}@endif
                                                    @else
                                                        {{ $meta['label'] }}@if($resource->phone) · {{ $resource->phone }}@endif
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="d-flex flex-column align-items-end gap-1">
                                            <span class="badge border-0" style="font-size:.65rem;font-weight:700;{{ $resource->is_active ? 'background:#dcfce7;color:#166534' : 'background:#f1f5f9;color:#64748b' }}">{{ $resource->is_active ? 'Aktif' : 'Pasif' }}</span>
                                            <span class="badge bg-light text-dark border" style="font-size:.6rem;font-weight:700">{{ $meta['label'] }}</span>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-wrap gap-2 mt-2" style="font-size:.72rem">
                                        @if($resource->type === 'vehicle')
                                            @if($resource->vehicle_plate)
                                                <span class="badge bg-dark text-white" style="font-family:monospace;letter-spacing:1px;font-weight:700">{{ $resource->vehicle_plate }}</span>
                                            @endif
                                            @if($resource->vehicle_capacity)
                                                <span class="badge bg-light text-dark border"><i class="fas fa-users me-1 text-primary"></i>{{ $resource->vehicle_capacity }} Kişi</span>
                                            @endif
                                            @if($resource->vehicle_fuel_consumption)
                                                <span class="badge bg-light text-dark border"><i class="fas fa-gas-pump me-1 text-success"></i>{{ number_format($resource->vehicle_fuel_consumption, 1) }} km/lt</span>
                                            @endif
                                        @else
                                            @if(is_array($resource->languages) && count($resource->languages))
                                                <span class="badge bg-light text-dark border"><i class="fas fa-language me-1 text-primary"></i>{{ implode(', ', $resource->languages) }}</span>
                                            @endif
                                            @if($resource->license_number)
                                                <span class="badge bg-light text-dark border"><i class="fas fa-id-badge me-1 text-success"></i>{{ $resource->license_number }}</span>
                                            @endif
                                            @if($resource->guide_chamber)
                                                <span class="badge bg-light text-dark border"><i class="fas fa-building-columns me-1 text-muted"></i>{{ $resource->guide_chamber }}</span>
                                            @endif
                                        @endif
                                        @foreach($resource->costItems as $costItem)
                                            <span class="badge bg-light text-dark border"><i class="fas fa-coins me-1 text-warning"></i>{{ $costItem->title }}: ₺{{ number_format($costItem->amount, 2) }}</span>
                                        @endforeach
                                    </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-cubes 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ı kaynak yok</div>
                                <div class="small text-muted mt-1">Kaynak yönetiminden kaynak ekleyip bu tedarikçiyi seçerek bağlayabilirsiniz.</div>
                            </div>
                        </div>
                    @endforelse
                </div>
            </x-quick-view.main>
        </div>

        {{-- Kaynak ekleme modalı — açılışta body'ye taşınır (drawer kendi stacking context'ini
             oluşturduğu için kart içinde kalırsa panelin altında görünürdü). --}}
        <div id="qv-resource-modal" class="qv-res-modal">
            <div class="qv-res-dialog">
                <div class="qv-res-head">
                    <h5 class="mb-0 fw-800 text-dark" style="font-size:1rem"><i class="fas fa-cubes text-primary me-2"></i>Yeni Kaynak Ekle</h5>
                    <button type="button" class="btn-close" onclick="closeResourceCreateModal()"></button>
                </div>

                <form id="qv-resource-form" enctype="multipart/form-data" action="{{ route('agency.resources.store') }}">
                    <input type="hidden" name="source_type" value="external">
                    <input type="hidden" name="supplier_id" value="{{ $supplier->id }}">

                    <div class="qv-res-body">
                        <div class="alert alert-light border small text-muted" style="border-radius:10px">
                            <i class="fas fa-link text-primary me-1"></i>
                            Kaynak <b>dış kaynak</b> olarak <b>{{ $supplier->company_name }}</b> tedarikçisine bağlanacak.
                        </div>

                        <div id="qv-res-errors" class="alert alert-danger small" style="display:none;border-radius:10px"></div>

                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="qv-res-lbl">Kaynak Tipi *</label>
                                <select name="type" id="qv-res-type" class="form-select form-select-sm" onchange="qvResToggleType()">
                                    <option value="guide">Rehber</option>
                                    <option value="vehicle">Araç</option>
                                    <option value="captain">Kaptan</option>
                                </select>
                            </div>
                            {{-- Araç: tek ad/tanım --}}
                            <div class="col-md-8" id="qv-res-name-vehicle" style="display:none">
                                <label class="qv-res-lbl">Araç Kodu / Tanımlayıcı Ad *</label>
                                <input type="text" name="name" class="form-control form-control-sm" maxlength="255" placeholder="Örn: 34 ABC 123 Otobüs" disabled>
                            </div>
                            {{-- Rehber/Kaptan: ad + soyad --}}
                            <div class="col-md-4 qv-res-name-person">
                                <label class="qv-res-lbl">Ad *</label>
                                <input type="text" name="first_name" class="form-control form-control-sm" required maxlength="255" placeholder="Ad">
                            </div>
                            <div class="col-md-4 qv-res-name-person">
                                <label class="qv-res-lbl">Soyad *</label>
                                <input type="text" name="last_name" class="form-control form-control-sm" required maxlength="255" placeholder="Soyad">
                            </div>

                            <div class="col-md-4">
                                <label class="qv-res-lbl">Telefon</label>
                                <input type="text" name="phone" class="form-control form-control-sm" maxlength="30">
                            </div>
                            <div class="col-md-4">
                                <label class="qv-res-lbl">E-posta</label>
                                <input type="email" name="email" class="form-control form-control-sm" maxlength="255">
                            </div>
                            <div class="col-md-4">
                                <label class="qv-res-lbl">Kimlik No</label>
                                <input type="text" name="identity_number" class="form-control form-control-sm" maxlength="50">
                            </div>
                        </div>

                        {{-- Rehber / Kaptan alanları --}}
                        <div id="qv-res-person" class="mt-3">
                            <div class="qv-res-sec">Rehber / Kaptan Bilgileri</div>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="qv-res-lbl">Lisans / Ehliyet No</label>
                                    <input type="text" name="license_number" class="form-control form-control-sm" maxlength="100">
                                </div>
                                <div class="col-md-6 qv-res-guide">
                                    <label class="qv-res-lbl">Diller</label>
                                    <input type="text" name="languages" class="form-control form-control-sm" placeholder="İngilizce, Almanca">
                                    <div class="form-text" style="font-size:.68rem">Virgülle ayırın.</div>
                                </div>
                                <div class="col-md-6 qv-res-guide">
                                    <label class="qv-res-lbl">Rehber Sicil No</label>
                                    <input type="text" name="guide_registration_no" class="form-control form-control-sm" maxlength="100">
                                </div>
                                <div class="col-md-6 qv-res-guide">
                                    <label class="qv-res-lbl">Bağlı Oda</label>
                                    <select name="guide_chamber_select" class="form-select form-select-sm" onchange="qvResToggleChamber(this)">
                                        <option value="">— Seçin —</option>
                                        @foreach(\App\Models\Definition\GuideChamber::options() as $code => $label)
                                            <option value="{{ $code }}">{{ $label }}</option>
                                        @endforeach
                                        <option value="{{ \App\Models\Definition\GuideChamber::OTHER }}">Diğer (elle yaz)</option>
                                    </select>
                                    <input type="text" name="guide_chamber_other" class="form-control form-control-sm mt-2"
                                           placeholder="Oda adını yazın" maxlength="150" style="display:none" disabled>
                                </div>
                                <div class="col-12 qv-res-guide">
                                    <label class="qv-res-lbl">Hizmet Bilgisi</label>
                                    <textarea name="guide_service_info" class="form-control form-control-sm" rows="2" maxlength="5000"></textarea>
                                </div>
                            </div>
                        </div>

                        {{-- Araç alanları --}}
                        <div id="qv-res-vehicle" class="mt-3" style="display:none">
                            <div class="qv-res-sec">Araç Bilgileri</div>
                            <div class="row g-3">
                                <div class="col-md-12">
                                    <label class="qv-res-lbl">Araç Tipi</label>
                                    <select name="vehicle_class" class="form-select form-select-sm" disabled>
                                        <option value="">— Seçiniz —</option>
                                        @foreach(\App\Models\Resource::VEHICLE_CLASSES as $vcVal => $vcLabel)
                                            <option value="{{ $vcVal }}">{{ $vcLabel }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="qv-res-lbl">Marka *</label>
                                    <input type="text" name="vehicle_brand" class="form-control form-control-sm" maxlength="50" disabled>
                                </div>
                                <div class="col-md-4">
                                    <label class="qv-res-lbl">Model *</label>
                                    <input type="text" name="vehicle_model" class="form-control form-control-sm" maxlength="50" disabled>
                                </div>
                                <div class="col-md-4">
                                    <label class="qv-res-lbl">Plaka *</label>
                                    <input type="text" name="vehicle_plate" class="form-control form-control-sm" maxlength="30" style="text-transform:uppercase" disabled>
                                </div>
                                <div class="col-md-3">
                                    <label class="qv-res-lbl">Yıl</label>
                                    <input type="number" name="vehicle_year" class="form-control form-control-sm" min="1900" max="{{ date('Y') + 1 }}" disabled>
                                </div>
                                <div class="col-md-3">
                                    <label class="qv-res-lbl">Kilometre</label>
                                    <input type="number" name="vehicle_km" class="form-control form-control-sm" min="0" disabled>
                                </div>
                                <div class="col-md-3">
                                    <label class="qv-res-lbl">Yolcu Kapasitesi</label>
                                    <input type="number" name="vehicle_capacity" class="form-control form-control-sm" min="1" disabled>
                                </div>
                                <div class="col-md-3">
                                    <label class="qv-res-lbl">Yakıt (km/lt)</label>
                                    <input type="number" step="0.1" name="vehicle_fuel_consumption" class="form-control form-control-sm" min="0" disabled>
                                </div>
                                <div class="col-md-6">
                                    <label class="qv-res-lbl">Ruhsat (JPG/PNG/WEBP/PDF, maks 5MB)</label>
                                    <input type="file" name="vehicle_registration_document" class="form-control form-control-sm" accept="image/jpeg,image/png,image/webp,application/pdf" disabled>
                                </div>
                            </div>
                        </div>

                        <div class="qv-res-sec mt-3">Maliyet & Durum</div>
                        <div class="row g-3 align-items-end">
                            <div class="col-12">
                                <label class="qv-res-lbl">Maliyet Başlıkları</label>
                                <div id="qvResCosts">
                                    <div class="row g-2 mb-2 qv-res-cost-row">
                                        <div class="col-7">
                                            <input type="text" name="cost_items[0][title]" class="form-control form-control-sm qv-res-ct"
                                                   placeholder="ör. Sigorta Maliyeti" maxlength="150">
                                        </div>
                                        <div class="col-5">
                                            <input type="number" step="0.01" min="0" name="cost_items[0][amount]"
                                                   class="form-control form-control-sm qv-res-ca" placeholder="Tutar (₺)">
                                        </div>
                                    </div>
                                </div>
                                <button type="button" class="btn btn-sm btn-light border fw-600" onclick="qvResAddCost()">
                                    <i class="fas fa-plus me-1"></i> Maliyet Ekle
                                </button>
                            </div>
                            <div class="col-md-6">
                                <input type="hidden" name="is_active" value="0">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="is_active" id="qv-res-active" value="1" checked>
                                    <label class="form-check-label small fw-bold text-muted" for="qv-res-active">Aktif</label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="qv-res-foot">
                        <button type="button" class="btn btn-sm btn-light fw-bold px-3" onclick="closeResourceCreateModal()">Vazgeç</button>
                        <button type="submit" class="btn btn-sm btn-primary fw-bold px-4" id="qv-res-submit"><i class="fas fa-check me-1"></i>Kaydet</button>
                    </div>
                </form>
            </div>
        </div>

        <style>
            .qv-res-modal { display:none; position:fixed; inset:0; z-index:1080; background:rgba(15,23,42,.5); backdrop-filter:blur(3px); align-items:center; justify-content:center; padding:1.5rem; }
            .qv-res-modal.open { display:flex; }
            .qv-res-dialog { background:#fff; border-radius:20px; width:100%; max-width:760px; max-height:90vh; display:flex; flex-direction:column; box-shadow:0 20px 50px rgba(0,0,0,.25); }
            .qv-res-head { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.25rem; border-bottom:1px solid #e2e8f0; }
            .qv-res-body { padding:1.25rem; overflow-y:auto; }
            .qv-res-foot { display:flex; justify-content:flex-end; gap:.5rem; padding:1rem 1.25rem; border-top:1px solid #e2e8f0; background:#f8fafc; border-radius:0 0 20px 20px; }
            .qv-res-lbl { font-size:.68rem; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.02em; margin-bottom:.2rem; display:block; }
            .qv-res-sec { font-size:.72rem; font-weight:800; color:#334155; text-transform:uppercase; letter-spacing:.03em; margin-bottom:.6rem; padding-bottom:.4rem; border-bottom:1px solid #f1f5f9; }
        </style>

        <script>
            // Tipe göre alanları göster/gizle. Gizli alanlar disabled → forma dahil edilmez,
            // böylece araç dışı tiplerde araç alanları hiç gönderilmez.
            function qvResToggleType() {
                var type = document.getElementById('qv-res-type').value;
                var isVehicle = type === 'vehicle';

                // Ad alanları: araçta tek "name", kişide ad+soyad (disabled → forma gönderilmez)
                var nameVehicle = document.getElementById('qv-res-name-vehicle');
                nameVehicle.style.display = isVehicle ? '' : 'none';
                var nameInput = nameVehicle.querySelector('[name="name"]');
                if (nameInput) { nameInput.disabled = !isVehicle; nameInput.required = isVehicle; }
                document.querySelectorAll('.qv-res-name-person').forEach(function (col) {
                    col.style.display = isVehicle ? 'none' : '';
                    col.querySelectorAll('input').forEach(function (el) { el.disabled = isVehicle; el.required = !isVehicle; });
                });

                var vehicleWrap = document.getElementById('qv-res-vehicle');
                vehicleWrap.style.display = isVehicle ? '' : 'none';
                vehicleWrap.querySelectorAll('input, select').forEach(function (el) { el.disabled = !isVehicle; });
                // Marka/model/plaka yalnızca araçta zorunlu
                ['vehicle_brand', 'vehicle_model', 'vehicle_plate'].forEach(function (n) {
                    var el = vehicleWrap.querySelector('[name="' + n + '"]');
                    if (el) el.required = isVehicle;
                });

                var personWrap = document.getElementById('qv-res-person');
                personWrap.style.display = isVehicle ? 'none' : '';
                personWrap.querySelectorAll('input, textarea').forEach(function (el) { el.disabled = isVehicle; });

                // Rehbere özel alanlar kaptanda gizli
                personWrap.querySelectorAll('.qv-res-guide').forEach(function (col) {
                    var show = type === 'guide';
                    col.style.display = show ? '' : 'none';
                    col.querySelectorAll('input, textarea, select').forEach(function (el) { el.disabled = !show; });
                });

                // Oda alanları yukarıda topluca enable edilmiş olabilir; "Diğer"
                // seçili değilse serbest metin yine kapalı kalmalı.
                var chamberSel = personWrap.querySelector('[name="guide_chamber_select"]');
                if (chamberSel && !chamberSel.disabled) qvResToggleChamber(chamberSel);
            }

            // "Diğer" oda seçilince serbest metin alanını açar; gizliyken disabled
            // olduğu için forma gönderilmez.
            function qvResToggleChamber(sel) {
                var input = sel.parentElement.querySelector('[name="guide_chamber_other"]');
                var isOther = sel.value === '{{ \App\Models\Definition\GuideChamber::OTHER }}';
                input.style.display = isOther ? '' : 'none';
                input.disabled = !isOther;
                if (isOther) input.focus();
            }

            // Maliyet başlığı satırı ekler (kaynak birden fazla başlık taşıyabilir).
            function qvResAddCost() {
                var wrap = document.getElementById('qvResCosts');
                var i = wrap.querySelectorAll('.qv-res-cost-row').length;
                var row = document.createElement('div');
                row.className = 'row g-2 mb-2 qv-res-cost-row';
                row.innerHTML =
                    '<div class="col-7"><input type="text" name="cost_items[' + i + '][title]" class="form-control form-control-sm qv-res-ct" placeholder="ör. Sigorta Maliyeti" maxlength="150"></div>' +
                    '<div class="col-5"><input type="number" step="0.01" min="0" name="cost_items[' + i + '][amount]" class="form-control form-control-sm qv-res-ca" placeholder="Tutar (₺)"></div>';
                wrap.appendChild(row);
                row.querySelector('.qv-res-ct').focus();
            }

            function openResourceCreateModal(supplierId) {
                var modal = document.getElementById('qv-resource-modal');
                if (!modal) return;
                // Drawer'ın stacking context'inden çıkar; eski kopya kaldıysa temizle.
                if (modal.parentElement !== document.body) {
                    var stale = document.querySelector('body > #qv-resource-modal');
                    if (stale) stale.remove();
                    document.body.appendChild(modal);
                }
                document.getElementById('qv-res-errors').style.display = 'none';
                qvResToggleType();
                modal.classList.add('open');
            }

            function closeResourceCreateModal() {
                var modal = document.querySelector('body > #qv-resource-modal') || document.getElementById('qv-resource-modal');
                if (modal) modal.classList.remove('open');
            }

            (function () {
                var form = document.getElementById('qv-resource-form');
                if (!form || form.__qvResBound) return;
                form.__qvResBound = true;

                form.addEventListener('submit', function (e) {
                    e.preventDefault();
                    var btn = document.getElementById('qv-res-submit');
                    var errBox = document.getElementById('qv-res-errors');
                    var orig = btn.innerHTML;
                    btn.disabled = true;
                    btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
                    errBox.style.display = 'none';

                    fetch(form.getAttribute('action'), {
                        method: 'POST',
                        body: new FormData(form),
                        headers: {
                            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
                            'Accept': 'application/json'
                        }
                    })
                    .then(function (r) { return r.json().then(function (d) { return { ok: r.ok, data: d }; }); })
                    .then(function (res) {
                        if (res.ok && res.data.success) {
                            closeResourceCreateModal();
                            if (typeof Swal !== 'undefined') {
                                Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 2200 })
                                    .fire({ icon: 'success', title: res.data.message || 'Kaynak eklendi' });
                            }
                            // Tedarikçi quick-view'ını Kaynaklar sekmesinde tazele
                            if (typeof openSupplierDrawer === 'function') {
                                openSupplierDrawer({{ $supplier->id }}, 'resources');
                            }
                            return;
                        }
                        var msgs = [];
                        if (res.data.errors) {
                            Object.values(res.data.errors).forEach(function (m) { msgs.push(m[0]); });
                        }
                        errBox.innerHTML = msgs.length ? msgs.join('<br>') : (res.data.message || 'Kayıt başarısız.');
                        errBox.style.display = '';
                    })
                    .catch(function () {
                        errBox.textContent = 'Beklenmeyen bir hata oluştu.';
                        errBox.style.display = '';
                    })
                    .finally(function () {
                        btn.disabled = false;
                        btn.innerHTML = orig;
                    });
                });
            })();
        </script>

        <!-- ============================================ -->
        <!-- 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 mb-0" style="color:#b45309;"><i class="fas fa-comment-dots me-2"></i>Yorum</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">Yorum eklenmemiş. Düzenlemek için "Genel Bilgiler" sekmesini kullanın.</span>
                                @endif
                            </div>
                        </div>

                        {{-- Kopyalanabilir fatura bilgileri --}}
                        @include('agency.partials._billing-card', ['rows' => [
                            ['label' => 'Fatura Ünvanı', 'value' => $supplier->company_name],
                            ['label' => 'VKN / TCKN', 'value' => $supplier->company_tax_number],
                            ['label' => 'Vergi Dairesi', 'value' => $supplier->company_tax_office],
                            ['label' => 'Fatura Vergi No', 'value' => $supplier->billing_tax_number],
                            ['label' => 'Fatura Vergi Dairesi', 'value' => $supplier->billing_tax_office],
                            ['label' => 'Fatura E-posta', 'value' => $supplier->billing_email],
                            ['label' => 'Fatura Adresi', 'value' => trim(($supplier->billing_address ?? '') . ' ' . ($supplier->billing_district ?? '') . ' ' . ($supplier->billing_city ?? ''))],
                        ]])
                    </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
                                                        // Oranlar Ayarlar > Vergi Oranları > KDV tipinden gelir.
                                                        // Otellerde konaklama vergisi dahil oran (%11) varsa o önseçili gelir.
                                                        $taxRates = auth()->user()->agency->getActiveTaxRates(\App\Models\Agency\TaxType::CODE_KDV);
                                                        $defaultTax = $supplier->supplier_type === 'hotel'
                                                            ? $taxRates->firstWhere('rate', 11.00)
                                                            : null;
                                                        $defaultTax = $defaultTax ?: ($taxRates->firstWhere('is_default', true) ?? $taxRates->first());
                                                    @endphp
                                                    <select name="tax_rate" class="form-control form-control-sm" required>
                                                        @foreach($taxRates as $tax)
                                                            <option value="{{ (float) $tax->rate }}" @selected($defaultTax && $tax->id === $defaultTax->id)>{{ $tax->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </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">YORUM</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 yorum...');
    }

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

    // 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>