@php
    /**
     * TEDARİKÇİ KARTI — sabit quick-view "defter" (ledger) tasarımı.
     *
     * Alanlar iki eksende değişir:
     *   type           bireysel → Ad/Soyad · kurumsal → Firma unvanı + vergi bilgileri
     *   supplier_type  otel ise "Otel Bilgi Formu" sekmesi açılır
     *
     * Tip değişince başlık, sekme kümesi ve alan kümesi birden değiştiği için
     * satır kaydedildikten sonra çekmece yeniden yüklenir (dosya sonundaki
     * pfx:saved dinleyicisi). Bu yüzden tipe bağlı satırlar sunucuda süzülür.
     *
     * Kaydetme: PATCH agency.suppliers.update-field {field, value}
     */
    $uf = route('agency.suppliers.update-field', $supplier);
    $isCorp = $supplier->type === 'corporate';

    $statusOptions = [
        ['value' => 'active', 'label' => 'Aktif'],
        ['value' => 'inactive', 'label' => 'Pasif'],
        ['value' => 'blocked', 'label' => 'Engelli'],
        ['value' => 'potential', 'label' => 'Potansiyel'],
    ];
    $typeOptions = [
        ['value' => 'individual', 'label' => 'Bireysel'],
        ['value' => 'corporate', 'label' => 'Kurumsal'],
    ];

    /** Tek satır tanımı — müşteri künyesiyle aynı sözleşme. */
    $row = function (string $label, ?string $field, $value, ?string $text = null, array $o = []) {
        return [
            'label' => $label,
            'field' => $field,
            'type' => $o['type'] ?? 'text',
            'value' => $value === null ? '' : (string) $value,
            'text' => $text === null ? ($value === null ? '' : (string) $value) : $text,
            'options' => $o['options'] ?? null,
            'lookup' => $o['lookup'] ?? null,
            'mono' => $o['mono'] ?? false,
            'ph' => $o['ph'] ?? null,
            'url' => $o['url'] ?? null,
        ];
    };

    // Çoklu değerler tek satırda virgülle düzenlenir (uç, string'i diziye çevirir)
    $emailsText = is_array($supplier->emails) ? implode(', ', $supplier->emails) : (string) ($supplier->emails ?? '');
    $phonesText = is_array($supplier->phones) ? implode(', ', $supplier->phones) : (string) ($supplier->phones ?? '');

    // ── Kimlik / Firma: tipe göre TEK bölüm ──
    $identitySection = $isCorp
        ? [
            'title' => 'Firma', 'icon' => 'fa-building',
            'rows' => [
                $row('Unvan', 'company_name', $supplier->company_name, null, ['ph' => 'Firma unvanı']),
                $row('Vergi No', 'company_tax_number', $supplier->company_tax_number, null, ['mono' => true, 'ph' => '10 hane']),
                $row('Vergi Dairesi', 'company_tax_office', $supplier->company_tax_office),
            ],
          ]
        : [
            'title' => 'Kimlik', 'icon' => 'fa-id-badge',
            'rows' => [
                $row('Ad', 'first_name', $supplier->first_name),
                $row('Soyad', 'last_name', $supplier->last_name),
                $row('Ad Soyad', null, $supplier->full_name),
            ],
          ];

    $contactSection = [
        'title' => 'İletişim', 'icon' => 'fa-address-book',
        'rows' => [
            $row('Telefon', 'phone', $supplier->phone, null, ['mono' => true]),
            $row('Diğer Telefonlar', 'phones', $phonesText, $phonesText, ['mono' => true, 'ph' => 'Virgülle ayırın']),
            $row('E-postalar', 'emails', $emailsText, $emailsText, ['type' => 'email', 'ph' => 'Virgülle ayırın']),
        ],
    ];

    $addressSection = [
        'title' => 'Adres', 'icon' => 'fa-location-dot',
        'rows' => [
            // Sütun iki karakterlik ISO kodu tutar; kullanıcı ülke adıyla arar
            $row('Ülke', 'country', $supplier->country, \App\Models\Definition\Country::nameByCode($supplier->country), ['type' => 'lookup', 'lookup' => 'countries', 'ph' => 'Ülke arayın']),
            $row('İl', 'city', $supplier->city),
            $row('İlçe', 'district', $supplier->district),
            $row('Posta Kodu', 'postal_code', $supplier->postal_code, null, ['mono' => true]),
            $row('Açık Adres', 'address', $supplier->address, null, ['type' => 'textarea']),
        ],
    ];

    $profileSection = [
        'title' => 'Profil', 'icon' => 'fa-user-gear',
        'rows' => [
            $row('Tedarikçi Tipi', 'type', $supplier->type, $isCorp ? 'Kurumsal' : 'Bireysel', ['type' => 'select', 'options' => $typeOptions]),
            $row('Durum', 'status', $supplier->status, $supplier->status_label, ['type' => 'select', 'options' => $statusOptions]),
            $row('Birincil Hizmet', null, $supplier->supplier_type_label),
        ],
    ];

    // ── Fatura & resmî bilgiler (Firma & Fatura sekmesi) ──
    $billingSection = [
        'title' => 'Fatura Bilgileri', 'icon' => 'fa-file-invoice-dollar',
        'rows' => [
            $row('Fatura Vergi No', 'billing_tax_number', $supplier->billing_tax_number, null, ['mono' => true]),
            $row('Fatura Vergi Dairesi', 'billing_tax_office', $supplier->billing_tax_office),
            $row('Fatura E-posta', 'billing_email', $supplier->billing_email, null, ['type' => 'email']),
            $row('Fatura İl', 'billing_city', $supplier->billing_city),
            $row('Fatura İlçe', 'billing_district', $supplier->billing_district),
            $row('Fatura Adresi', 'billing_address', $supplier->billing_address, null, ['type' => 'textarea']),
        ],
    ];

    $officialSection = $isCorp
        ? [
            'title' => 'Resmî Bilgiler', 'icon' => 'fa-stamp',
            'rows' => [
                $row('Ticari Unvan', 'company_name', $supplier->company_name),
                $row('VKN', 'company_tax_number', $supplier->company_tax_number, null, ['mono' => true, 'ph' => '10 hane']),
                $row('Vergi Dairesi', 'company_tax_office', $supplier->company_tax_office),
            ],
          ]
        : [
            'title' => 'Resmî Bilgiler', 'icon' => 'fa-stamp',
            'rows' => [
                $row('Ad Soyad', null, $supplier->full_name),
                $row('TCKN / Vergi No', 'billing_tax_number', $supplier->billing_tax_number, null, ['mono' => true, 'ph' => '11 hane']),
            ],
          ];

    $systemSection = [
        'title' => 'Sistem', 'icon' => 'fa-clock-rotate-left', 'muted' => true,
        'rows' => [
            $row('Kayıt No', null, '#' . $supplier->code, '#' . $supplier->code, ['mono' => true]),
            $row('Hizmet Tipleri', null, implode(', ', $supplier->type_labels)),
            $row('Oluşturulma', null, $supplier->created_at?->format('d.m.Y H:i')),
            $row('Son Güncelleme', null, $supplier->updated_at?->format('d.m.Y H:i')),
        ],
    ];

    // Faturaya kopyalanacak blok (tek tuşla panoya)
    $billingBlock = trim(implode(PHP_EOL, array_filter([
        filled($supplier->company_name) ? 'Unvan: ' . $supplier->company_name : (filled($supplier->full_name) ? 'Unvan: ' . $supplier->full_name : null),
        filled($supplier->company_tax_number) ? 'VKN: ' . $supplier->company_tax_number : null,
        filled($supplier->company_tax_office) ? 'Vergi Dairesi: ' . $supplier->company_tax_office : null,
        filled($supplier->billing_tax_number) ? 'Fatura Vergi No: ' . $supplier->billing_tax_number : null,
        filled($supplier->billing_tax_office) ? 'Fatura Vergi Dairesi: ' . $supplier->billing_tax_office : null,
        filled($supplier->billing_email) ? 'Fatura E-posta: ' . $supplier->billing_email : null,
        filled($supplier->billing_address) ? 'Fatura Adresi: ' . trim($supplier->billing_address . ' ' . $supplier->billing_district . ' ' . $supplier->billing_city) : null,
    ])));
@endphp

<x-quick-view.layout>
    <!-- ─── HEADER ─── -->
    {{-- slim: avatar yok, başlık + rozetler tek şeritte (sabit QV tasarımı) --}}
    <x-quick-view.header :slim="true">
        <x-slot:title>
            @if($isCorp)
                {{-- Kurumsalda başlık = company_name kolonunun ta kendisi → düzenlenebilir --}}
                <x-quick-view.editable-title field="company_name" :url="$uf"
                    :value="$supplier->company_name" :required="true" placeholder="Firma unvanı" />
            @else
                {{-- Bireyselde başlık ad+soyaddan TÜRETİLİR; tek alana yazmak veriyi bozardı.
                     Ad ve soyad künyedeki "Kimlik" satırlarından ayrı ayrı düzenlenir. --}}
                <span class="inline-editable" data-id="{{ $supplier->id }}" data-url="{{ $uf }}" data-field="first_name">{{ $supplier->first_name }}</span>
                <span class="inline-editable" data-id="{{ $supplier->id }}" data-url="{{ $uf }}" data-field="last_name">{{ $supplier->last_name }}</span>
            @endif
        </x-slot:title>

        <x-slot:subtitle>
            {{-- Header'da avatar yok (slim); yığın tutamağı baş harfleri buradan okur --}}
            <span data-qv-avatar="{{ $supplier->initials }}" hidden></span>
            {{-- Durum rozeti: ortak pil menüsü --}}
            <span class="sb {{ $supplier->status }}" role="button" tabindex="0"
                  data-qv-pillsel data-field="status" data-url="{{ $uf }}"
                  data-value="{{ $supplier->status }}"
                  data-options="{{ json_encode($statusOptions) }}"
                  title="Durumu değiştir">{{ $supplier->status_label }}</span>
            <span class="text-muted small fw-500">#{{ $supplier->code }}</span>
            <span class="badge bg-light text-muted border px-2" style="font-size:.68rem;font-weight:700;">
                <i class="fas {{ $isCorp ? 'fa-building' : 'fa-user' }} me-1"></i>{{ $isCorp ? 'Kurumsal' : 'Bireysel' }}
            </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">KAYNAKLAR</span>
                <span class="qv-metric-val">{{ $supplier->resources->count() }}</span>
            </div>
            <div class="qv-metric">
                <span class="qv-metric-label">YETKİLİLER</span>
                <span class="qv-metric-val text-primary">{{ $supplier->responsibles->count() }}</span>
            </div>
        </x-slot:metrics>

        <x-slot:tabs>
            <x-quick-view.tab id="overview" label="Özet" icon="fas fa-bolt-lightning" active="true" />
            <x-quick-view.tab id="prices" label="Fiyat Listeleri" icon="fas fa-money-bill-trend-up" :count="$supplier->priceLists->count()" />
            <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" icon="fas fa-file-invoice" />
            <x-quick-view.tab id="payments" label="Ödemeler" icon="fas fa-money-bill-transfer" :count="$supplierPayments->count()" />
        </x-slot:tabs>
    </x-quick-view.header>

    <!-- ─── CONTENT ─── -->
    <x-quick-view.content>
        <!-- ============================================ -->
        <!-- SEKME: ÖZET — etkinlik + künyenin tamamı tek yerde -->
        <!-- ============================================ -->
        <div id="qv-tab-overview" class="qv-tab-panel active">
            <x-quick-view.main class="border-0">
                <div class="row g-4">
                    {{-- Etkinlik solda, künye sağda; dar ekranda künye öne gelir --}}
                    <div class="col-xl-6 order-2">
                        {{-- Etkinlik yazma alanı: künye paneliyle aynı dil.
                             Tür seçimi tek satır çip şeridi, gövde tek odak kutusu. --}}
                        <div class="pfx acx">
                            <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="acx-types hide-scrollbar">
                                    <button type="button" class="acx-type on" style="--ac:#f59e0b" onclick="setSupplierActivityType('note', this)"><i class="fas fa-sticky-note"></i>Not</button>
                                    <button type="button" class="acx-type" style="--ac:#3b82f6" onclick="setSupplierActivityType('call', this)"><i class="fas fa-phone"></i>Arama</button>
                                    <button type="button" class="acx-type" style="--ac:#22c55e" onclick="setSupplierActivityType('whatsapp', this)"><i class="fab fa-whatsapp"></i>WhatsApp</button>
                                    <button type="button" class="acx-type" style="--ac:#ec4899" onclick="setSupplierActivityType('email', this)"><i class="fas fa-envelope"></i>E-posta</button>
                                    <button type="button" class="acx-type" style="--ac:#10b981" onclick="setSupplierActivityType('meeting', this)"><i class="fas fa-handshake"></i>Toplantı</button>
                                    <button type="button" class="acx-type" style="--ac:#8b5cf6" onclick="setSupplierActivityType('sms', this)"><i class="fas fa-comment-sms"></i>SMS</button>
                                </div>

                                <div class="acx-body">
                                    <div class="acx-box">
                                        <input type="text" name="subject" class="acx-subject" placeholder="Aktivite konusu (örn. Fiyat anlaşması)" required>
                                        {{-- Açıklama zengin metin: eski kayıtlar HTML tuttuğu için Quill korunuyor --}}
                                        <div class="acx-rte 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="acx-foot">
                                        <label class="acx-f narrow"><i class="fas fa-flag"></i>
                                            <select name="priority">
                                                <option value="normal">Normal</option>
                                                <option value="low">Düşük</option>
                                                <option value="high">Yüksek</option>
                                                <option value="urgent">Acil</option>
                                            </select>
                                        </label>
                                        <span class="acx-spacer"></span>
                                        <button type="submit" class="acx-save">
                                            <i class="fas fa-paper-plane"></i> Kaydet
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>

                        {{-- Etkinlik akışı: ince ray, tür rengiyle işaretli nokta.

                             Postaların ayrı sekmesi yoktur: Mail modülünden bu
                             tedarikçiyle ilişkilendirilmiş gelen/giden iletiler
                             notlarla aynı akışta görünür ve satırın altında okunur. --}}
                        @php
                            $mailLinks = app(\App\Services\Mail\MailLinkService::class);

                            // Gönderici tanıma senkron anında çalışır; özellik açılmadan önce
                            // inmiş ya da kart yazışmadan sonra açılmışsa geçmiş postalar
                            // bağsız kalır. Kart her açıldığında bir kez taranıp tamamlanır.
                            // Yetkililerin adresleri de kuruma sayılır — otelin rezervasyon
                            // sorumlusundan gelen posta o otelin akışına aittir.
                            $mailLinks->backfillForRecord(
                                $supplier,
                                array_merge(
                                    $mailLinks->addressesOf($supplier),
                                    $supplier->responsibles->pluck('email')->filter()->all()
                                )
                            );

                            $supplierMails = $mailLinks->messagesFor(
                                $supplier,
                                $mailLinks->accountIds((int) $supplier->agency_id, (int) auth()->id()),
                                50
                            );

                            $supplierFeed = $recentActivities
                                ->map(fn ($a) => ['kind' => 'activity', 'at' => $a->activity_date, 'item' => $a])
                                ->concat($supplierMails->map(fn ($m) => ['kind' => 'mail', 'at' => $m->date_at, 'item' => $m]))
                                ->filter(fn ($e) => $e['at'] !== null)
                                ->sortByDesc(fn ($e) => $e['at']->getTimestamp())
                                ->values();
                        @endphp
                        <div class="pfx qv-flow"
                             data-mail-preview-url="{{ route('agency.mail.messages.preview', 0) }}"
                             data-mail-unlink-url="{{ route('agency.mail.messages.links.destroy', [0, 0]) }}">
                            <div class="pfx-top">
                                <span class="pfx-top-t"><i class="fas fa-clock-rotate-left"></i> Etkinlik Akışı</span>
                                {{-- Sayaçlar rozet (flw-stat) — müşteri/operasyon akışıyla aynı dil --}}
                                <span class="flw-stat">{{ $supplierFeed->count() }} kayıt</span>
                                @if($supplierMails->isNotEmpty())
                                    <span class="flw-stat"><i class="fas fa-envelope" style="margin-right:4px;opacity:.6"></i>{{ $supplierMails->count() }} yazışma</span>
                                @endif
                            </div>

                            <div class="flw">
                                @forelse($supplierFeed as $entry)
                                    @if($entry['kind'] === 'mail')
                                        @include('components.quick-view.mail-flow-row', [
                                            'mail' => $entry['item'],
                                            'linkId' => $entry['item']->mail_link_id,
                                            'linkAuto' => (bool) $entry['item']->mail_link_auto,
                                            'linkLabel' => $entry['item']->mail_link_auto ? 'Zincirden' : 'İlişkilendirildi',
                                            'detachable' => false,
                                        ])
                                        @continue
                                    @endif

                                    @php
                                        $activity = $entry['item'];
                                    @endphp
                                    @php
                                        $icon = match($activity->activity_type) {
                                            'call' => 'phone', 'email' => 'envelope', 'meeting' => 'handshake',
                                            'note' => 'sticky-note', 'whatsapp' => 'whatsapp', 'sms' => 'comment-sms',
                                            default => 'circle-dot'
                                        };
                                        $color = match($activity->activity_type) {
                                            'call' => '#3b82f6', 'email' => '#ec4899', 'meeting' => '#10b981',
                                            'note' => '#f59e0b', 'whatsapp' => '#22c55e', 'sms' => '#8b5cf6',
                                            default => '#64748b'
                                        };
                                        $isBrandIcon = $activity->activity_type === 'whatsapp';
                                    @endphp
                                    <article class="flw-i {{ $activity->priority === 'urgent' ? 'urgent' : '' }}" style="--fc: {{ $color }};">
                                        <span class="flw-dot"><i class="{{ $isBrandIcon ? 'fab' : 'fas' }} fa-{{ $icon }}"></i></span>

                                        <div class="flw-b">
                                            <div class="flw-h">
                                                <span class="flw-t">{{ $activity->activity_type_label }}</span>
                                                @if($activity->priority === 'urgent')
                                                    <span class="flw-urgent">Acil</span>
                                                @endif
                                                <time class="flw-time" title="{{ $activity->activity_date->translatedFormat('d F Y, H:i') }}">
                                                    {{ $activity->activity_date->diffForHumans() }}
                                                </time>
                                            </div>

                                            @if($activity->subject)
                                                <div class="flw-s">{{ $activity->subject }}</div>
                                            @endif
                                            @if($activity->description)
                                                {{-- Zengin metin: akış satırında kırpılmış gösterilir --}}
                                                <div class="flw-d rte-content">{!! $activity->description !!}</div>
                                            @endif

                                            <div class="flw-f">
                                                <span class="flw-who">{{ $activity->performedBy?->first_name ?: 'Sistem' }}</span>
                                                <button type="button" class="flw-del" onclick="deleteSupplierActivity({{ $activity->id }})" title="Etkinliği sil">
                                                    <i class="fas fa-trash-can"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </article>
                                @empty
                                    <x-quick-view.flow-empty title="Henüz etkinlik yok">
                                        Yukarıdaki kutudan not, arama veya görüşme kaydı ekleyin; Mail modülünden
                                        bir yazışmayı bu tedarikçiyle ilişkilendirirseniz o da burada görünür.
                                    </x-quick-view.flow-empty>
                                @endforelse
                            </div>
                        </div>

                        {{-- Akıştaki posta satırlarının stili ve satır içi okuyucusu --}}
                        @include('components.quick-view.mail-ui')
                        @include('components.quick-view.mail-reader')
                    </div>

                    {{-- Künye: profilin tamamı tek defterde. Ayrı "Künye" sekmesi yoktur;
                         tipe bağlı bölüm (Kimlik ↔ Firma) sunucuda seçilir. --}}
                    <div class="col-xl-6 order-1">
                        <div class="qv-left-stack">
                            @include('components.quick-view.ledger-card', ['card' => [
                                'title' => 'Künye',
                                'icon' => 'fa-address-card',
                                'url' => $uf,
                                'foldable' => true,
                                'sections' => [$profileSection, $identitySection, $contactSection, $addressSection, $systemSection],
                            ]])

                            {{-- Hizmet kategorileri: çoklu seçim, kendi ucuna (update-types) yazar --}}
                            <div class="pfx">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-tags"></i> Hizmet Kategorileri</span>
                                    <span class="pfx-hint">Birden fazla seçilebilir</span>
                                </div>
                                <div class="pfx-body" data-qv-types-save="{{ route('agency.suppliers.update-types', $supplier) }}">
                                    @include('agency.suppliers._type-chips', ['selected' => $supplier->type_codes])
                                </div>
                                <div class="pfx-note">
                                    <i class="fas fa-circle-info"></i>
                                    İlk seçilen kategori birincil tiptir; otel seçilirse "Otel Bilgi Formu" sekmesi açılır.
                                </div>
                            </div>

                            {{-- Sorumlu yetkililer: ayrı tabloda tutulur, kart içinden yönetilir --}}
                            <div class="pfx">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-user-tie"></i> Sorumlu Yetkililer</span>
                                    <span class="pfx-hint">{{ $supplier->responsibles->count() }} kişi</span>
                                    <button type="button" class="pfx-chip" onclick="$('#qv-add-responsible-form-wrap').slideToggle()">
                                        <i class="fas fa-plus"></i> Ekle
                                    </button>
                                </div>

                                <div id="qv-add-responsible-form-wrap" style="display:none" class="pfx-body pfx-form">
                                    <form id="qv-add-responsible-form" method="POST" action="{{ route('agency.suppliers.responsibles.store', $supplier) }}">
                                        @csrf
                                        <div class="pfx-fgrid">
                                            <label class="pfx-f"><span>Adı</span>
                                                <input type="text" name="first_name" required placeholder="Ad">
                                            </label>
                                            <label class="pfx-f"><span>Soyadı</span>
                                                <input type="text" name="last_name" placeholder="Soyad">
                                            </label>
                                            <label class="pfx-f"><span>Cinsiyet</span>
                                                <select name="gender">
                                                    <option value="">Belirtilmedi</option>
                                                    <option value="male">Erkek</option>
                                                    <option value="female">Kadın</option>
                                                    <option value="other">Diğer</option>
                                                </select>
                                            </label>
                                            <label class="pfx-f"><span>Unvan / Pozisyon</span>
                                                <input type="text" name="position" placeholder="Örn. Satış Müdürü">
                                            </label>
                                            <label class="pfx-f"><span>Telefon</span>
                                                <input type="text" name="phone" placeholder="Telefon">
                                            </label>
                                            <label class="pfx-f"><span>E-posta</span>
                                                <input type="email" name="email" placeholder="E-posta">
                                            </label>
                                        </div>
                                        <div class="pfx-fact">
                                            <button type="button" class="pfx-chip" onclick="$('#qv-add-responsible-form-wrap').slideUp()">Vazgeç</button>
                                            <button type="submit" class="acx-save"><i class="fas fa-check"></i> Kaydet</button>
                                        </div>
                                    </form>
                                </div>

                                <div class="pfx-body qv-responsibles-list">
                                    @forelse($supplier->responsibles as $resp)
                                        <div class="rsp">
                                            <span class="rsp-av">{{ mb_strtoupper(mb_substr($resp->first_name ?: '?', 0, 1, 'UTF-8'), 'UTF-8') }}</span>
                                            <div class="rsp-b">
                                                <div class="rsp-h">
                                                    <b>{{ $resp->full_name }}</b>
                                                    @if($resp->position)<span class="rsp-tag">{{ $resp->position }}</span>@endif
                                                    @if($resp->gender_label)
                                                        <span class="rsp-tag muted"><i class="fas {{ $resp->gender === 'female' ? 'fa-venus' : ($resp->gender === 'male' ? 'fa-mars' : 'fa-genderless') }}"></i>{{ $resp->gender_label }}</span>
                                                    @endif
                                                </div>
                                                <div class="rsp-m">
                                                    @if($resp->phone)<span><i class="fas fa-phone"></i>{{ $resp->phone }}</span>@endif
                                                    @if($resp->email)<span><i class="fas fa-envelope"></i>{{ $resp->email }}</span>@endif
                                                    @if(! $resp->phone && ! $resp->email)<span class="empty">İletişim bilgisi girilmemiş</span>@endif
                                                </div>
                                            </div>
                                            <button type="button" class="pfx-b danger" onclick="deleteSupplierResponsible({{ $resp->id }})" title="Yetkiliyi sil">
                                                <i class="fas fa-trash-can"></i>
                                            </button>
                                        </div>
                                    @empty
                                        <x-quick-view.flow-empty icon="fa-user-slash" title="Yetkili eklenmemiş">
                                            Yukarıdaki "Ekle" ile sorumlu kişi tanımlayın.
                                        </x-quick-view.flow-empty>
                                    @endforelse
                                </div>
                            </div>

                            {{-- Yorum & dahili notlar --}}
                            <div class="pfx">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-comment-dots"></i> Yorum Alanı</span>
                                    <button type="button" id="qv-notes-save-btn" class="pfx-chip">
                                        <i class="fas fa-save"></i> Kaydet
                                    </button>
                                </div>
                                <div class="pfx-notes">
                                    <div class="rte-wrap">
                                        <div id="qv-notes-editor" style="min-height:150px;">{!! $supplier->notes !!}</div>
                                    </div>
                                    <p class="pfx-notes-hint">
                                        Tedarikçi hakkında dahili notlar — yalnızca acentenize görünür.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-quick-view.main>
        </div>
        </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: alış (tedarikçiden) + satış (müşteriye) yerinde düzenlenir -->
                                    <div class="table-responsive mb-4 border rounded-12 overflow-hidden">
                                        <table class="table table-sm align-middle mb-0 spx-table" style="font-size:0.82rem">
                                            <thead class="table-light fw-700">
                                                <tr>
                                                    <th>Fiyat Satırı / Detay</th>
                                                    <th style="width:130px">Alış Fiyatı <span class="spx-th-sub">tedarikçiden</span></th>
                                                    <th style="width:130px">Satış Fiyatı <span class="spx-th-sub">müşteriye</span></th>
                                                    <th style="width:86px" class="text-center">Marj</th>
                                                    <th style="width:70px">KDV %</th>
                                                    <th style="width:66px" class="text-center"></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($list->items as $item)
                                                    <tr class="spx-row" data-spx-item="{{ $item->id }}"
                                                        data-spx-url="{{ route('agency.suppliers.price-items.update-prices', $item) }}">
                                                        <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>
                                                            <div class="spx-cell">
                                                                <input type="number" step="0.01" min="0" class="spx-inp spx-net" value="{{ number_format((float) $item->net_price, 2, '.', '') }}">
                                                                <span class="spx-cur">{{ $item->currency }}</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="spx-cell">
                                                                <input type="number" step="0.01" min="0" class="spx-inp spx-sale" value="{{ number_format((float) $item->sale_price, 2, '.', '') }}">
                                                                <span class="spx-cur">{{ $item->currency }}</span>
                                                            </div>
                                                        </td>
                                                        <td class="text-center"><span class="spx-margin" data-spx-margin>—</span></td>
                                                        <td>
                                                            <input type="number" step="0.01" min="0" max="100" class="spx-inp spx-tax" value="{{ (float) $item->tax_rate }}">
                                                        </td>
                                                        <td class="text-center">
                                                            <span class="spx-state" data-spx-state title="Değişiklikler otomatik kaydedilir"></span>
                                                            <button type="button" class="btn btn-link text-danger p-0 ms-1" onclick="deletePriceItem({{ $item->id }})" title="Satırı sil"><i class="fas fa-times-circle"></i></button>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="6" 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ı: alış ↔ satış, marj köprüsüyle otomatik hesap -->
                                            <div class="spx-pricebar" data-spx-form>
                                                <div class="spx-pb-fld">
                                                    <label>Para Birimi</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="spx-pb-fld">
                                                    <label>Alış Fiyatı <small>tedarikçiden</small></label>
                                                    <input type="number" step="0.01" min="0" name="net_price" class="form-control form-control-sm spx-f-net" required placeholder="0.00">
                                                </div>

                                                {{-- Marj köprüsü: yön + %/tutar + değer; kaynak yazıldıkça hedef otomatik dolar --}}
                                                <div class="spx-bridge" title="Marj: girilen fiyattan diğerini otomatik hesaplar">
                                                    <button type="button" class="spx-dir" data-spx-dir="net2sale" onclick="spxToggleDir(this)" title="Hesap yönü: Alış → Satış (tıkla: tersine çevir)">
                                                        <i class="fas fa-arrow-right-long"></i>
                                                    </button>
                                                    <div class="spx-mode">
                                                        <button type="button" class="active" data-spx-mode="percent" onclick="spxSetMode(this,'percent')">%</button>
                                                        <button type="button" data-spx-mode="amount" onclick="spxSetMode(this,'amount')"><i class="fas fa-coins" style="font-size:.6rem"></i></button>
                                                    </div>
                                                    <input type="number" step="0.01" class="spx-mval" placeholder="Marj" title="Marj değeri (negatif girilirse düşülür)">
                                                    <div class="spx-chips">
                                                        <button type="button" onclick="spxChip(this, 10)">+10%</button>
                                                        <button type="button" onclick="spxChip(this, 15)">+15%</button>
                                                        <button type="button" onclick="spxChip(this, 20)">+20%</button>
                                                    </div>
                                                </div>

                                                <div class="spx-pb-fld">
                                                    <label>Satış Fiyatı <small>müşteriye</small></label>
                                                    <input type="number" step="0.01" min="0" name="sale_price" class="form-control form-control-sm spx-f-sale" required placeholder="0.00">
                                                </div>

                                                <div class="spx-pb-fld" style="max-width:120px">
                                                    <label>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-select-sm" required>
                                                        @foreach($taxRates as $tax)
                                                            <option value="{{ (float) $tax->rate }}" @selected($defaultTax && $tax->id === $defaultTax->id)>{{ $tax->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <button type="submit" class="spx-add-btn" title="Fiyat satırını ekle"><i class="fas fa-plus"></i></button>
                                            </div>
                                            <div class="spx-live-hint" data-spx-hint></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: 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>

        <!-- ============================================ -->
        <!-- SEKME: OTEL BİLGİ FORMU (yalnızca otel tipinde) -->
        <!-- ============================================ -->
        @if($supplier->supplier_type === 'hotel')
        @php
            $fs = $supplier->factSheet;
            $fsUrl = route('agency.suppliers.fact-sheet.update-field', $supplier);
            $starOptions = [['value' => '', 'label' => '—']];
            for ($i = 1; $i <= 5; $i++) {
                $starOptions[] = ['value' => (string) $i, 'label' => $i . ' Yıldız'];
            }

            /** Bilgi formu satırı — kendi ucuna yazar (tedarikçi kaydına değil). */
            $fsRow = function (string $label, string $field, $value, ?string $text = null, array $o = []) use ($fsUrl) {
                return [
                    'label' => $label,
                    'field' => $field,
                    'type' => $o['type'] ?? 'text',
                    'value' => $value === null ? '' : (string) $value,
                    'text' => $text === null ? ($value === null ? '' : (string) $value) : $text,
                    'options' => $o['options'] ?? null,
                    'mono' => $o['mono'] ?? false,
                    'ph' => $o['ph'] ?? null,
                    'url' => $fsUrl,
                ];
            };
        @endphp
        <div id="qv-tab-factsheet" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                <div class="row g-4">
                    <div class="col-xl-5">
                        <div class="qv-left-stack">
                            {{-- Skaler alanlar satır satır kaydedilir; listeler aşağıda kendi
                                 bölüm formlarıyla gider (bkz. fact-sheet.update-field). --}}
                            @include('components.quick-view.ledger-card', ['card' => [
                                'title' => 'Otel Künyesi',
                                'icon' => 'fa-hotel',
                                'url' => $fsUrl,
                                'class' => 'pfx-lw',
                                'foldable' => true,
                                'sections' => [
                                    [
                                        'title' => 'Genel', 'icon' => 'fa-circle-info',
                                        'rows' => [
                                            $fsRow('Yıldız', 'star_rating', $fs->star_rating ?? '', ($fs->star_rating ?? null) ? $fs->star_rating . ' Yıldız' : '', ['type' => 'select', 'options' => $starOptions]),
                                            $fsRow('Toplam Oda Sayısı', 'total_rooms', $fs->total_rooms ?? '', null, ['type' => 'number', 'mono' => true, 'ph' => 'Örn. 350']),
                                            $fsRow('Toplam Tesis Alanı', 'total_area', $fs->total_area ?? '', null, ['ph' => 'Örn. 45.000 m²']),
                                            $fsRow('Konsept', 'concept', $fs->concept ?? '', null, ['ph' => 'Örn. Her Şey Dahil']),
                                        ],
                                    ],
                                    [
                                        'title' => 'Giriş / Çıkış', 'icon' => 'fa-clock',
                                        'rows' => [
                                            $fsRow('Giriş Saati', 'check_in_time', $fs->check_in_time ?? '', null, ['mono' => true, 'ph' => '14:00']),
                                            $fsRow('Çıkış Saati', 'check_out_time', $fs->check_out_time ?? '', null, ['mono' => true, 'ph' => '12:00']),
                                        ],
                                    ],
                                    [
                                        'title' => 'Uzaklıklar', 'icon' => 'fa-route',
                                        'rows' => [
                                            $fsRow('Havalimanına', 'distance_to_airport', $fs->distance_to_airport ?? '', null, ['ph' => 'Örn. 45 km']),
                                            $fsRow('Merkeze', 'distance_to_center', $fs->distance_to_center ?? '', null, ['ph' => 'Örn. 5 km']),
                                            $fsRow('Plaja / Denize', 'distance_to_beach', $fs->distance_to_beach ?? '', null, ['ph' => 'Örn. 150 m']),
                                        ],
                                    ],
                                ],
                            ]])

                            {{-- Genel açıklama: zengin metin, kendi kaydet düğmesiyle --}}
                            <div class="pfx">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-align-left"></i> Genel Açıklama</span>
                                    <button type="button" id="qv-fs-desc-save" class="pfx-chip" data-url="{{ $fsUrl }}">
                                        <i class="fas fa-save"></i> Kaydet
                                    </button>
                                </div>
                                <div class="pfx-notes">
                                    <div class="rte-wrap">
                                        <div id="qv-factsheet-desc-editor" style="min-height:150px;">{!! $fs->description ?? '' !!}</div>
                                    </div>
                                    <p class="pfx-notes-hint">Otelin konumu, konsepti ve öne çıkan detayları.</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-7">
                        {{-- Liste bölümleri: her biri kendi formunda, kendi başına kaydedilir.
                             sections[] işareti, son satır silindiğinde de bölümün yazılmasını sağlar. --}}
                        <div class="qv-left-stack">
                            <form class="pfx fs-sec" method="POST" action="{{ route('agency.suppliers.fact-sheet.update', $supplier) }}" data-fs-form>
                                @csrf
                                <input type="hidden" name="sections[]" value="general_features">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-star"></i> Otel Özellikleri</span>
                                    <button type="button" class="pfx-chip" onclick="fsAddFeature()"><i class="fas fa-plus"></i> Ekle</button>
                                    <button type="submit" class="pfx-chip primary"><i class="fas fa-save"></i> Kaydet</button>
                                </div>
                                <div class="pfx-body">
                                    <div id="fs-features-list" class="fs-feats">
                                        @foreach(($fs->general_features ?? []) as $feat)
                                            <div class="fs-feat">
                                                <input type="text" name="general_features[]" value="{{ $feat }}">
                                                <button type="button" onclick="this.closest('.fs-feat').remove()" title="Kaldır"><i class="fas fa-times"></i></button>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="pfx-note">
                                    <i class="fas fa-circle-info"></i>
                                    Örn. Ücretsiz Wi-Fi, Açık/Kapalı Havuz, SPA &amp; Wellness, Otopark, Fitness, Aquapark…
                                </div>
                            </form>

                            <form class="pfx fs-sec" method="POST" action="{{ route('agency.suppliers.fact-sheet.update', $supplier) }}" data-fs-form>
                                @csrf
                                <input type="hidden" name="sections[]" value="room_types">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-bed"></i> Oda Tipleri &amp; Boyutları</span>
                                    <button type="button" class="pfx-chip" onclick="fsAddRoom()"><i class="fas fa-plus"></i> Oda</button>
                                    <button type="submit" class="pfx-chip primary"><i class="fas fa-save"></i> Kaydet</button>
                                </div>
                                <div class="pfx-body pfx-tablewrap">
                                    <table class="pfx-table">
                                        <thead>
                                            <tr>
                                                <th style="min-width:140px">Oda Adı</th>
                                                <th style="width:86px">Boyut (m²)</th>
                                                <th style="width:86px">Kapasite</th>
                                                <th style="width:74px">Adet</th>
                                                <th style="min-width:150px">Özellikler</th>
                                                <th style="width:34px"></th>
                                            </tr>
                                        </thead>
                                        <tbody id="fs-rooms-body">
                                            @foreach(($fs->room_types ?? []) as $i => $room)
                                                <tr class="fs-room-row">
                                                    <td><input type="text" name="room_types[{{ $i }}][name]" value="{{ $room['name'] ?? '' }}" placeholder="Standart Oda"></td>
                                                    <td><input type="text" name="room_types[{{ $i }}][size]" value="{{ $room['size'] ?? '' }}" placeholder="28"></td>
                                                    <td><input type="text" name="room_types[{{ $i }}][capacity]" value="{{ $room['capacity'] ?? '' }}" placeholder="2+1"></td>
                                                    <td><input type="text" name="room_types[{{ $i }}][count]" value="{{ $room['count'] ?? '' }}" placeholder="200"></td>
                                                    <td><input type="text" name="room_types[{{ $i }}][features]" value="{{ $room['features'] ?? '' }}" placeholder="Balkon, Minibar, LCD TV"></td>
                                                    <td><button type="button" class="pfx-b danger" onclick="this.closest('tr').remove()" title="Sil"><i class="fas fa-trash-can"></i></button></td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </form>

                            <form class="pfx fs-sec" method="POST" action="{{ route('agency.suppliers.fact-sheet.update', $supplier) }}" data-fs-form>
                                @csrf
                                <input type="hidden" name="sections[]" value="pools">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-water"></i> Havuzlar &amp; Boyutları</span>
                                    <button type="button" class="pfx-chip" onclick="fsAddPool()"><i class="fas fa-plus"></i> Havuz</button>
                                    <button type="submit" class="pfx-chip primary"><i class="fas fa-save"></i> Kaydet</button>
                                </div>
                                <div class="pfx-body pfx-tablewrap">
                                    <table class="pfx-table">
                                        <thead>
                                            <tr>
                                                <th style="min-width:130px">Havuz Adı</th>
                                                <th style="width:110px">Tipi</th>
                                                <th style="width:74px">Uzunluk</th>
                                                <th style="width:74px">Genişlik</th>
                                                <th style="width:74px">Derinlik</th>
                                                <th style="width:88px">Isıtmalı</th>
                                                <th style="width:34px"></th>
                                            </tr>
                                        </thead>
                                        <tbody id="fs-pools-body">
                                            @foreach(($fs->pools ?? []) as $i => $pool)
                                                <tr class="fs-pool-row">
                                                    <td><input type="text" name="pools[{{ $i }}][name]" value="{{ $pool['name'] ?? '' }}" placeholder="Ana Havuz"></td>
                                                    <td><input type="text" name="pools[{{ $i }}][type]" value="{{ $pool['type'] ?? '' }}" placeholder="Açık / Kapalı"></td>
                                                    <td><input type="text" name="pools[{{ $i }}][length]" value="{{ $pool['length'] ?? '' }}" placeholder="25 m"></td>
                                                    <td><input type="text" name="pools[{{ $i }}][width]" value="{{ $pool['width'] ?? '' }}" placeholder="12 m"></td>
                                                    <td><input type="text" name="pools[{{ $i }}][depth]" value="{{ $pool['depth'] ?? '' }}" placeholder="1.4 m"></td>
                                                    <td>
                                                        <select name="pools[{{ $i }}][heated]">
                                                            <option value="" @selected(empty($pool['heated']))>—</option>
                                                            <option value="Evet" @selected(($pool['heated'] ?? '') === 'Evet')>Evet</option>
                                                            <option value="Hayır" @selected(($pool['heated'] ?? '') === 'Hayır')>Hayır</option>
                                                        </select>
                                                    </td>
                                                    <td><button type="button" class="pfx-b danger" onclick="this.closest('tr').remove()" title="Sil"><i class="fas fa-trash-can"></i></button></td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </form>

                            <form class="pfx fs-sec" method="POST" action="{{ route('agency.suppliers.fact-sheet.update', $supplier) }}" data-fs-form>
                                @csrf
                                <input type="hidden" name="sections[]" value="meeting_rooms">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-chalkboard-user"></i> Toplantı Salonları</span>
                                    <button type="button" class="pfx-chip" onclick="fsAddMeeting()"><i class="fas fa-plus"></i> Salon</button>
                                    <button type="submit" class="pfx-chip primary"><i class="fas fa-save"></i> Kaydet</button>
                                </div>
                                <div class="pfx-body pfx-tablewrap">
                                    <table class="pfx-table">
                                        <thead>
                                            <tr>
                                                <th style="min-width:130px">Salon Adı</th>
                                                <th style="width:78px">Alan (m²)</th>
                                                <th style="width:78px">Tavan (m)</th>
                                                <th style="width:76px">Tiyatro</th>
                                                <th style="width:76px">Sınıf</th>
                                                <th style="width:76px">U Düzeni</th>
                                                <th style="width:76px">Banket</th>
                                                <th style="width:34px"></th>
                                            </tr>
                                        </thead>
                                        <tbody id="fs-meetings-body">
                                            @foreach(($fs->meeting_rooms ?? []) as $i => $room)
                                                <tr class="fs-meeting-row">
                                                    <td><input type="text" name="meeting_rooms[{{ $i }}][name]" value="{{ $room['name'] ?? '' }}" placeholder="Balo Salonu"></td>
                                                    <td><input type="text" name="meeting_rooms[{{ $i }}][area]" value="{{ $room['area'] ?? '' }}" placeholder="450"></td>
                                                    <td><input type="text" name="meeting_rooms[{{ $i }}][height]" value="{{ $room['height'] ?? '' }}" placeholder="5"></td>
                                                    <td><input type="text" name="meeting_rooms[{{ $i }}][theatre]" value="{{ $room['theatre'] ?? '' }}" placeholder="500"></td>
                                                    <td><input type="text" name="meeting_rooms[{{ $i }}][classroom]" value="{{ $room['classroom'] ?? '' }}" placeholder="300"></td>
                                                    <td><input type="text" name="meeting_rooms[{{ $i }}][ushape]" value="{{ $room['ushape'] ?? '' }}" placeholder="80"></td>
                                                    <td><input type="text" name="meeting_rooms[{{ $i }}][banquet]" value="{{ $room['banquet'] ?? '' }}" placeholder="350"></td>
                                                    <td><button type="button" class="pfx-b danger" onclick="this.closest('tr').remove()" title="Sil"><i class="fas fa-trash-can"></i></button></td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </form>

                            <form class="pfx fs-sec" method="POST" action="{{ route('agency.suppliers.fact-sheet.update', $supplier) }}" data-fs-form>
                                @csrf
                                <input type="hidden" name="sections[]" value="food_beverages">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-utensils"></i> Restoran &amp; Barlar</span>
                                    <button type="button" class="pfx-chip" onclick="fsAddFb()"><i class="fas fa-plus"></i> Ünite</button>
                                    <button type="submit" class="pfx-chip primary"><i class="fas fa-save"></i> Kaydet</button>
                                </div>
                                <div class="pfx-body pfx-tablewrap">
                                    <table class="pfx-table">
                                        <thead>
                                            <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:34px"></th>
                                            </tr>
                                        </thead>
                                        <tbody id="fs-fb-body">
                                            @foreach(($fs->food_beverages ?? []) as $i => $fb)
                                                <tr class="fs-fb-row">
                                                    <td><input type="text" name="food_beverages[{{ $i }}][name]" value="{{ $fb['name'] ?? '' }}" placeholder="Ana Restoran"></td>
                                                    <td><input type="text" name="food_beverages[{{ $i }}][type]" value="{{ $fb['type'] ?? '' }}" placeholder="Açık Büfe / A la Carte"></td>
                                                    <td><input type="text" name="food_beverages[{{ $i }}][cuisine]" value="{{ $fb['cuisine'] ?? '' }}" placeholder="Türk / İtalyan"></td>
                                                    <td><button type="button" class="pfx-b danger" onclick="this.closest('tr').remove()" title="Sil"><i class="fas fa-trash-can"></i></button></td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </x-quick-view.main>
        </div>
        @endif
        <!-- ============================================ -->
        <!-- SEKME: FİRMA & FATURA (resmî bilgiler, yerinde düzenlenir) -->
        <!-- ============================================ -->
        <div id="qv-tab-details" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                <div class="row g-4">
                    <div class="col-xl-6">
                        <div class="qv-left-stack">
                            {{-- Tüm alanlar satır satır kaydedilir; toplu "Kaydet" düğmesi yok. --}}
                            @include('components.quick-view.ledger-card', ['card' => [
                                'title' => 'Firma & Fatura',
                                'icon' => 'fa-file-invoice',
                                'url' => $uf,
                                'class' => 'pfx-lw',
                                'foldable' => true,
                                'note' => 'Her satır yazıldığı anda kaydedilir. Fatura vergi numarası kurumsalda 10, bireyselde 11 hanedir.',
                                'sections' => [$officialSection, $billingSection],
                            ]])
                        </div>
                    </div>

                    <div class="col-xl-6">
                        <div class="qv-left-stack">
                            {{-- Tek tuşla panoya: muhasebeye/faturaya yapıştırmak için --}}
                            <div class="pfx">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-clone"></i> Fatura Bloğu</span>
                                    <button type="button" class="pfx-chip" data-a="copy-block" data-copy-block="{{ $billingBlock }}">
                                        <i class="fas fa-copy"></i> Kopyala
                                    </button>
                                </div>
                                @if($billingBlock === '')
                                    <div class="pfx-note"><i class="fas fa-circle-info"></i> Kopyalanacak fatura bilgisi yok — soldaki alanları doldurun.</div>
                                @else
                                    <div class="pfx-body pfx-block">{{ $billingBlock }}</div>
                                @endif
                            </div>

                            @include('components.quick-view.ledger-card', ['card' => [
                                'title' => 'Kayıt Bilgileri',
                                'icon' => 'fa-clock-rotate-left',
                                'url' => $uf,
                                'sections' => [$systemSection],
                            ]])
                        </div>
                    </div>
                </div>
            </x-quick-view.main>
        </div>
        <!-- TAB: ÖDEMELER (acentenin bu tedarikçiye ödemeleri) -->
        <!-- ============================================ -->
        <div id="qv-tab-payments" class="qv-tab-panel" style="display:none">
            <x-quick-view.main class="border-0">
                @php
                    $paidOut = $supplierPayments->where('direction', 'out')->where('status', 'completed')->sum('amount');
                    $pendingOut = $supplierPayments->where('direction', 'out')->where('status', 'pending')->sum('amount');
                @endphp
                @include('agency.payments.partials.payment-list', [
                    'payments' => $supplierPayments,
                    'createUrl' => route('agency.payments.quick-create', ['supplier' => $supplier->id, 'direction' => 'out']),
                    'summary' => [
                        ['label' => 'Toplam Ödenen', 'value' => number_format((float) $paidOut, 2, ',', '.') . '₺', 'tone' => 'ok'],
                        ['label' => 'Bekleyen', 'value' => number_format((float) $pendingOut, 2, ',', '.') . '₺', 'tone' => $pendingOut > 0 ? 'warn' : 'neutral'],
                        ['label' => 'Hareket', 'value' => $supplierPayments->count(), 'tone' => 'neutral'],
                    ],
                    'emptyText' => 'Bu tedarikçiye henüz ödeme kaydedilmedi.',
                ])
            </x-quick-view.main>
        </div>

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

// 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) 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-feat';
    div.innerHTML = `<input type="text" name="general_features[]" placeholder="Yeni özellik">
        <button type="button" onclick="this.closest('.fs-feat').remove()" title="Kaldır"><i class="fas fa-times"></i></button>`;
    wrap.appendChild(div);
    div.querySelector('input').focus();
}

/** Tablo satırı üreticisi — hücre işaretlemesi Blade'dekiyle aynı kalsın diye tek yerde. */
function fsAddRow(bodyId, rowClass, cells) {
    const body = document.getElementById(bodyId);
    if (!body) return;
    const tr = document.createElement('tr');
    tr.className = rowClass;
    tr.innerHTML = cells.map(c => '<td>' + c + '</td>').join('')
        + '<td><button type="button" class="pfx-b danger" onclick="this.closest(\'tr\').remove()" title="Sil"><i class="fas fa-trash-can"></i></button></td>';
    body.appendChild(tr);
    const first = tr.querySelector('input');
    if (first) first.focus();
}

function fsInput(name, ph) { return `<input type="text" name="${name}" placeholder="${ph}">`; }

function fsAddRoom() {
    const i = fsNextIndex();
    fsAddRow('fs-rooms-body', 'fs-room-row', [
        fsInput(`room_types[${i}][name]`, 'Standart Oda'),
        fsInput(`room_types[${i}][size]`, '28'),
        fsInput(`room_types[${i}][capacity]`, '2+1'),
        fsInput(`room_types[${i}][count]`, '200'),
        fsInput(`room_types[${i}][features]`, 'Balkon, Minibar, LCD TV'),
    ]);
}

function fsAddPool() {
    const i = fsNextIndex();
    fsAddRow('fs-pools-body', 'fs-pool-row', [
        fsInput(`pools[${i}][name]`, 'Ana Havuz'),
        fsInput(`pools[${i}][type]`, 'Açık / Kapalı'),
        fsInput(`pools[${i}][length]`, '25 m'),
        fsInput(`pools[${i}][width]`, '12 m'),
        fsInput(`pools[${i}][depth]`, '1.4 m'),
        `<select name="pools[${i}][heated]"><option value="">—</option><option value="Evet">Evet</option><option value="Hayır">Hayır</option></select>`,
    ]);
}

function fsAddMeeting() {
    const i = fsNextIndex();
    fsAddRow('fs-meetings-body', 'fs-meeting-row', [
        fsInput(`meeting_rooms[${i}][name]`, 'Balo Salonu'),
        fsInput(`meeting_rooms[${i}][area]`, '450'),
        fsInput(`meeting_rooms[${i}][height]`, '5'),
        fsInput(`meeting_rooms[${i}][theatre]`, '500'),
        fsInput(`meeting_rooms[${i}][classroom]`, '300'),
        fsInput(`meeting_rooms[${i}][ushape]`, '80'),
        fsInput(`meeting_rooms[${i}][banquet]`, '350'),
    ]);
}

function fsAddFb() {
    const i = fsNextIndex();
    fsAddRow('fs-fb-body', 'fs-fb-row', [
        fsInput(`food_beverages[${i}][name]`, 'Ana Restoran'),
        fsInput(`food_beverages[${i}][type]`, 'Açık Büfe / A la Carte'),
        fsInput(`food_beverages[${i}][cuisine]`, 'Türk / İtalyan'),
    ]);
}

// ─── OTEL BİLGİ FORMU — bölüm bölüm kaydetme ───────────────────────────────
// Skaler alanlar ledger satırından tek tek gider (fact-sheet.update-field).
// Liste bölümleri (özellikler, odalar, havuzlar, salonlar, F&B) kendi
// formunda kaydedilir; her form hangi bölümü yazdığını sections[] ile bildirir,
// böylece son satır silindiğinde de bölüm boş olarak kaydedilir.
$(document).off('submit', '[data-fs-form]').on('submit', '[data-fs-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(),
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        success: function (data) {
            btn.prop('disabled', false).html(originalText);
            if (data.success && typeof appToast === 'function') {
                appToast({ icon: 'success', title: data.message || 'Kaydedildi', timer: 1600 });
            }
        },
        error: function (xhr) {
            btn.prop('disabled', false).html(originalText);
            const msg = (xhr.responseJSON && xhr.responseJSON.message) || 'Bilgi formu kaydedilirken bir hata oluştu.';
            if (typeof appToast === 'function') appToast({ icon: 'error', title: msg, timer: 2200 });
            else alert(msg);
        }
    });
});

// Genel açıklama (zengin metin) — tek alan olarak update-field'a gider
$(document).off('click', '#qv-fs-desc-save').on('click', '#qv-fs-desc-save', function () {
    if (!window.qvFactSheetQuill) return;
    const btn = $(this);
    const original = btn.html();
    const html = window.qvFactSheetQuill.getText().trim().length ? window.qvFactSheetQuill.root.innerHTML : '';

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

    fetch(btn.data('url'), {
        method: 'PATCH',
        headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json',
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
            'X-Requested-With': 'XMLHttpRequest'
        },
        body: JSON.stringify({ field: 'description', value: html })
    })
    .then(r => r.json())
    .then(d => {
        btn.prop('disabled', false).html(original);
        if (typeof appToast === 'function') {
            appToast({ icon: d.success ? 'success' : 'error', title: d.message || 'Kaydedildi', timer: 1600 });
        }
    })
    .catch(() => {
        btn.prop('disabled', false).html(original);
        if (typeof appToast === 'function') appToast({ icon: 'error', title: 'Açıklama kaydedilemedi', timer: 2000 });
    });
});

// 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.');
    });
});

// Etkinlik türü çipleri (ledger dili: .acx-type)
function setSupplierActivityType(type, el) {
    const strip = el.closest('.acx-types') || document;
    strip.querySelectorAll('.acx-type').forEach(t => t.classList.remove('on'));
    el.classList.add('on');
    const input = document.getElementById('qv-activity-type');
    if (input) input.value = type;
}

// 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.');
        }
    });
}

// ─── Alış/Satış fiyat düzenleme + marj köprüsü ──────────────────────────────
// Alış = tedarikçiden acenteye maliyet; Satış = acentenin müşteriye fiyatı.
// Form: marj (%/tutar, yönlü) girilince kaynak fiyattan hedef otomatik hesaplanır.
// Tablo: satırlar yerinde düzenlenir, değişiklik debounce ile otomatik kaydedilir.

function spxToggleDir(btn) {
    const cur = btn.getAttribute('data-spx-dir');
    const next = cur === 'net2sale' ? 'sale2net' : 'net2sale';
    btn.setAttribute('data-spx-dir', next);
    btn.querySelector('i').className = next === 'net2sale' ? 'fas fa-arrow-right-long' : 'fas fa-arrow-left-long';
    btn.title = next === 'net2sale' ? 'Hesap yönü: Alış → Satış (tıkla: tersine çevir)' : 'Hesap yönü: Satış → Alış (tıkla: tersine çevir)';
    spxRecalcForm(btn.closest('form'));
}

function spxSetMode(btn, mode) {
    btn.parentElement.querySelectorAll('button').forEach(b => b.classList.toggle('active', b === btn));
    spxRecalcForm(btn.closest('form'));
}

function spxChip(btn, val) {
    const form = btn.closest('form');
    const modeWrap = form.querySelector('.spx-mode');
    modeWrap.querySelectorAll('button').forEach(b => b.classList.toggle('active', b.dataset.spxMode === 'percent'));
    form.querySelector('.spx-mval').value = val;
    spxRecalcForm(form);
}

function spxRecalcForm(form) {
    if (!form) return;
    const dirBtn = form.querySelector('.spx-dir');
    const net = form.querySelector('.spx-f-net');
    const sale = form.querySelector('.spx-f-sale');
    const mval = parseFloat(form.querySelector('.spx-mval')?.value);
    const hint = form.parentElement.querySelector('[data-spx-hint]') || form.querySelector('[data-spx-hint]');
    const mode = form.querySelector('.spx-mode button.active')?.dataset.spxMode || 'percent';
    const dir = dirBtn?.getAttribute('data-spx-dir') || 'net2sale';

    if (isNaN(mval)) { if (hint) hint.textContent = ''; return; }

    const fmt = v => v.toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
    const mLbl = mode === 'percent' ? ('%' + mval) : (mval + ' birim');

    if (dir === 'net2sale') {
        const src = parseFloat(net.value);
        if (isNaN(src)) { if (hint) hint.textContent = ''; return; }
        const out = mode === 'percent' ? src * (1 + mval / 100) : src + mval;
        sale.value = Math.max(0, out).toFixed(2);
        if (hint) hint.innerHTML = '<i class="fas fa-wand-magic-sparkles"></i> Satış = Alış ' + (mval >= 0 ? '+ ' : '− ') + mLbl.replace('-', '') + ' → <b>' + fmt(Math.max(0, out)) + '</b>';
    } else {
        const src = parseFloat(sale.value);
        if (isNaN(src)) { if (hint) hint.textContent = ''; return; }
        const out = mode === 'percent' ? src / (1 + mval / 100) : src - mval;
        net.value = Math.max(0, out).toFixed(2);
        if (hint) hint.innerHTML = '<i class="fas fa-wand-magic-sparkles"></i> Alış = Satış ' + (mval >= 0 ? '− ' : '+ ') + mLbl.replace('-', '') + ' → <b>' + fmt(Math.max(0, out)) + '</b>';
    }
}

// Form içinde kaynak fiyat/marj yazıldıkça canlı hesap
$(document).off('input.spx', '[data-spx-form] .spx-f-net, [data-spx-form] .spx-f-sale, [data-spx-form] .spx-mval')
    .on('input.spx', '[data-spx-form] .spx-f-net, [data-spx-form] .spx-f-sale, [data-spx-form] .spx-mval', function () {
        const form = this.closest('form');
        const dir = form.querySelector('.spx-dir')?.getAttribute('data-spx-dir') || 'net2sale';
        // Hedef alanı elle düzenlerken üzerine yazma: yalnızca kaynak/marj tetikler
        if ($(this).hasClass('spx-f-sale') && dir === 'net2sale') return;
        if ($(this).hasClass('spx-f-net') && dir === 'sale2net') return;
        spxRecalcForm(form);
    });

// Satır marj rozetini hesapla
function spxRowMargin(row) {
    const net = parseFloat(row.querySelector('.spx-net')?.value);
    const sale = parseFloat(row.querySelector('.spx-sale')?.value);
    const badge = row.querySelector('[data-spx-margin]');
    if (!badge) return;
    if (isNaN(net) || isNaN(sale) || net <= 0) { badge.textContent = '—'; badge.className = 'spx-margin'; return; }
    const pct = ((sale - net) / net) * 100;
    badge.textContent = (pct >= 0 ? '+' : '') + pct.toLocaleString('tr-TR', { maximumFractionDigits: 1 }) + '%';
    badge.className = 'spx-margin ' + (pct > 0 ? 'pos' : (pct < 0 ? 'neg' : 'zero'));
}

// Satır düzenleme: yazarken marj güncellenir, değişiklik debounce ile kaydedilir
var _spxTimers = {};
function spxSaveRow(row) {
    const id = row.getAttribute('data-spx-item');
    const state = row.querySelector('[data-spx-state]');
    clearTimeout(_spxTimers[id]);
    if (state) state.innerHTML = '<i class="fas fa-circle-notch fa-spin" style="color:#94a3b8"></i>';
    _spxTimers[id] = setTimeout(function () {
        $.ajax({
            url: row.getAttribute('data-spx-url'),
            type: 'PATCH',
            data: {
                _token: $('meta[name="csrf-token"]').attr('content'),
                net_price: parseFloat(row.querySelector('.spx-net').value) || 0,
                sale_price: parseFloat(row.querySelector('.spx-sale').value) || 0,
                tax_rate: parseFloat(row.querySelector('.spx-tax').value) || 0
            },
            success: function (d) {
                if (state) state.innerHTML = d.success ? '<i class="fas fa-check-circle" style="color:#16a34a"></i>' : '<i class="fas fa-triangle-exclamation" style="color:#ef4444"></i>';
                if (state) setTimeout(() => { state.innerHTML = ''; }, 2200);
            },
            error: function () {
                if (state) state.innerHTML = '<i class="fas fa-triangle-exclamation" style="color:#ef4444"></i>';
            }
        });
    }, 600);
}

$(document).off('input.spxrow', '.spx-row .spx-inp').on('input.spxrow', '.spx-row .spx-inp', function () {
    const row = this.closest('.spx-row');
    spxRowMargin(row);
    spxSaveRow(row);
});

// İlk yüklemede marj rozetlerini çiz
$(function () { document.querySelectorAll('.spx-row').forEach(spxRowMargin); });
setTimeout(function () { document.querySelectorAll('.spx-row').forEach(spxRowMargin); }, 300);

// ─── HİZMET KATEGORİLERİ (çoklu çip) ───────────────────────────────────────
// Çipler pivota yazılır (update-types). Art arda tıklamalar tek istekte
// toplansın diye 500ms geciktirilir; en az bir tip seçili kalmalıdır.
(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) {
                if (typeof appToast === 'function') appToast({ icon: 'info', title: 'En az bir kategori seçili kalmalı', timer: 1800 });
                return;
            }

            fetch(wrap.dataset.qvTypesSave, {
                method: 'PATCH',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': '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 appToast === 'function') {
                    appToast({ icon: d.success ? 'success' : 'error', title: d.message || 'Güncellendi', timer: 1600 });
                }
                if (d.success) document.dispatchEvent(new CustomEvent('qv:supplier-types-saved'));
            })
            .catch(function () {});
        }, 500);
    });
})();

// Tedarikçi tipi değişince kart yeniden yüklenir: başlık, sekme kümesi ve
// tipe bağlı alanlar (Kimlik ↔ Firma) sunucuda üretildiği için yerinde
// güncellemek yetmez. Ledger satırı kaydını 'pfx:saved' ile duyurur.
document.addEventListener('pfx:saved', function (e) {
    if (!e.detail || e.detail.field !== 'type') return;
    setTimeout(function () {
        if (window.activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'overview');
    }, 500);
});

// Hizmet kategorisi çipleri kaydedilince de aynısı geçerli (otel → bilgi formu sekmesi)
document.addEventListener('qv:supplier-types-saved', function () {
    setTimeout(function () {
        if (window.activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'overview');
    }, 300);
});

// 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, 'overview');
                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, 'overview');
                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>
    /* ── Alış/Satış fiyat düzenleme + marj köprüsü ── */
    .spx-th-sub { display:block; font-size:0.6rem; font-weight:700; color:#94a3b8; text-transform:none; letter-spacing:0; }
    .spx-table tbody tr { border-bottom:1px solid #f1f5f9; }
    .spx-cell { display:flex; align-items:center; gap:4px; }
    .spx-inp { width:100%; max-width:96px; border:1.5px solid #e2e8f0; background:#fff; border-radius:8px; padding:0.3rem 0.45rem;
        font-size:0.8rem; font-weight:700; color:#0f172a; text-align:right; transition:.15s; }
    .spx-inp:focus { outline:none; border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,0.1); }
    .spx-inp:hover { border-color:#cbd5e1; }
    .spx-tax { max-width:64px; }
    .spx-cur { font-size:0.62rem; font-weight:800; color:#94a3b8; flex-shrink:0; }
    .spx-margin { display:inline-block; min-width:56px; font-size:0.7rem; font-weight:800; border-radius:20px; padding:2px 8px;
        background:#f1f5f9; color:#64748b; }
    .spx-margin.pos { background:#dcfce7; color:#15803d; }
    .spx-margin.neg { background:#fee2e2; color:#b91c1c; }
    .spx-margin.zero { background:#f1f5f9; color:#64748b; }
    .spx-state { display:inline-block; width:14px; font-size:0.78rem; }

    .spx-pricebar { display:flex; align-items:flex-end; gap:0.6rem; flex-wrap:wrap; }
    .spx-pb-fld { flex:1; min-width:110px; }
    .spx-pb-fld label { display:block; font-size:0.64rem; font-weight:800; text-transform:uppercase; letter-spacing:0.04em; color:#64748b; margin-bottom:0.25rem; white-space:nowrap; }
    .spx-pb-fld label small { text-transform:none; letter-spacing:0; color:#94a3b8; font-weight:600; }
    .spx-bridge { display:flex; align-items:center; gap:0.35rem; background:#fff; border:1.5px dashed #c7d2fe; border-radius:12px;
        padding:0.4rem 0.55rem; margin-bottom:1px; }
    .spx-dir { width:30px; height:30px; border-radius:9px; border:none; background:linear-gradient(135deg,#2563eb,#1e40af); color:#fff;
        cursor:pointer; font-size:0.72rem; flex-shrink:0; transition:.18s; }
    .spx-dir:hover { transform:scale(1.08); }
    .spx-mode { display:inline-flex; background:#eef2f7; border-radius:8px; padding:2px; }
    .spx-mode button { border:none; background:transparent; color:#64748b; font-size:0.68rem; font-weight:800; padding:0.24rem 0.5rem; border-radius:6px; cursor:pointer; transition:.15s; }
    .spx-mode button.active { background:#fff; color:#1e40af; box-shadow:0 1px 3px rgba(15,23,42,0.15); }
    .spx-mval { width:64px; border:1.5px solid #e2e8f0; border-radius:8px; padding:0.28rem 0.4rem; font-size:0.76rem; font-weight:700; text-align:center; }
    .spx-mval:focus { outline:none; border-color:#2563eb; }
    .spx-chips { display:flex; gap:3px; }
    .spx-chips button { border:1px solid #dbeafe; background:#eff6ff; color:#1d4ed8; font-size:0.62rem; font-weight:800; border-radius:20px; padding:2px 7px; cursor:pointer; transition:.15s; }
    .spx-chips button:hover { background:#1d4ed8; color:#fff; }
    .spx-add-btn { width:36px; height:33px; border:none; border-radius:10px; background:#0f172a; color:#fff; cursor:pointer; flex-shrink:0; transition:.15s; }
    .spx-add-btn:hover { background:#2563eb; }
    .spx-live-hint { font-size:0.72rem; font-weight:600; color:#1d4ed8; margin-top:0.45rem; min-height:1em; }
    .spx-live-hint i { margin-right:3px; }

    /* 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; }

    /* Etkinlik yazma alanı + akış artık ortak: components/quick-view/activity-ui */
    .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); }

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


{{-- Ortak katmanlar: pfx satır davranışı ledger-ui'de, etkinlik yazma alanı
     ve akış activity-ui'de. Aşağısı yalnızca tedarikçi kartına özgü stil. --}}
@include('components.quick-view.ledger-ui')
@include('components.quick-view.activity-ui')

@once
<style>
    /* ═══ Sorumlu yetkili satırı ═══ */
    .qv-responsibles-list { display: flex; flex-direction: column; gap: .35rem; }

    .rsp {
        display: grid; grid-template-columns: 28px minmax(0, 1fr) 22px;
        align-items: start; gap: .55rem;
        padding: .4rem .45rem; border-radius: 10px;
        transition: background .12s;
    }
    .rsp:hover { background: #f7faff; }
    .rsp-av {
        width: 28px; height: 28px; border-radius: 9px;
        display: grid; place-items: center;
        background: #eef2ff; color: #4338ca;
        font-size: .74rem; font-weight: 800;
    }
    .rsp-b { min-width: 0; }
    .rsp-h { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
    .rsp-h b { font-size: .82rem; font-weight: 750; color: #0f172a; letter-spacing: -.01em; }
    .rsp-tag {
        display: inline-flex; align-items: center; gap: 4px;
        padding: 1px 6px; border-radius: 6px;
        background: #eff6ff; color: #1d4ed8;
        font-size: .62rem; font-weight: 700;
    }
    .rsp-tag.muted { background: #f1f5f9; color: #94a3b8; }
    .rsp-tag i { font-size: .58rem; }
    .rsp-m { display: flex; flex-wrap: wrap; gap: .1rem .7rem; margin-top: 2px; }
    .rsp-m span { font-size: .7rem; font-weight: 600; color: #64748b; }
    .rsp-m i { color: #b6c2d2; margin-right: 4px; font-size: .64rem; }
    .rsp-m .empty { color: #c3cddc; font-style: italic; }
    .rsp .pfx-b { opacity: 0; }
    .rsp:hover .pfx-b, .rsp:focus-within .pfx-b { opacity: 1; }
    @media (hover: none) { .rsp .pfx-b { opacity: 1; } }

    /* ═══ Otel bilgi formu — özellik çipleri ═══ */
    .fs-feats { display: flex; flex-wrap: wrap; gap: .35rem; }
    .fs-feat {
        display: inline-flex; align-items: center; gap: 2px;
        border: 1.5px solid #e6ecf5; border-radius: 999px; background: #fff;
        padding: 2px 4px 2px 10px;
        transition: border-color .14s, box-shadow .14s;
    }
    .fs-feat:focus-within { border-color: #bfdbfe; box-shadow: 0 0 0 3px rgba(37, 99, 235, .1); }
    .fs-feat input {
        border: 0; background: transparent; outline: none;
        font: inherit; font-size: .76rem; font-weight: 650; color: #0f172a;
        width: 11ch; min-width: 5ch; field-sizing: content;
    }
    .fs-feat input::placeholder { color: #c3cddc; font-weight: 550; }
    .fs-feat button {
        width: 18px; height: 18px; border: 0; border-radius: 50%; background: transparent;
        color: #c3cddc; cursor: pointer; display: grid; place-items: center; font-size: .6rem;
        transition: color .13s, background .13s;
    }
    .fs-feat button:hover { color: #dc2626; background: #fef2f2; }

    /* Bilgi formu bölüm kartları form etiketi olduğu için pfx boşluğunu korur */
    .pfx.fs-sec { display: block; }
</style>
@endonce