@php
    $statusOptions = [
        ['value' => 'active', 'label' => 'Aktif'],
        ['value' => 'inactive', 'label' => 'Pasif'],
        ['value' => 'blocked', 'label' => 'Engelli'],
        ['value' => 'potential', 'label' => 'Potansiyel'],
    ];
    $priorityOptions = [['value' => '1', 'label' => 'Öncelikli'], ['value' => '0', 'label' => 'Normal']];
    $genderOptions = [['value' => 'male', 'label' => 'Erkek'], ['value' => 'female', 'label' => 'Kadın'], ['value' => 'other', 'label' => 'Diğer']];
    $contactMethods = [['value' => 'email', 'label' => 'E-posta'], ['value' => 'phone', 'label' => 'Telefon'], ['value' => 'sms', 'label' => 'SMS']];
@endphp

<x-quick-view.layout class="qv-theme-blue">
    <!-- ─── HEADER ─── -->
    {{-- slim: minimal header — avatar yok, başlık + rozetler tek şeritte (sabit QV tasarımı) --}}
    <x-quick-view.header :slim="true">
        <x-slot:title>
            @if($customer->customer_type === 'corporate')
                {{-- Şirket adı gerçek bir kolon ve kartın başlığı → ortak tıkla-düzenle kalıbı --}}
                <x-quick-view.editable-title field="company_name"
                    :url="route('agency.customers.update-field', $customer)"
                    :value="$customer->company_name" auto="İsimsiz Şirket" placeholder="Şirket adı" />
            @else
                <span class="inline-editable" data-id="{{ $customer->id }}" data-field="first_name">{{ $customer->first_name }}</span>
                <span class="inline-editable" data-id="{{ $customer->id }}" data-field="last_name">{{ $customer->last_name }}</span>
            @endif
            @if($customer->priority)
                <i class="fas fa-star text-warning animate__animated animate__pulse animate__infinite" style="font-size: 1rem;"></i>
            @endif
        </x-slot:title>

        <x-slot:subtitle>
            {{-- Header'da avatar yok (slim); yığın tutamağı ve görev çubuğu baş harfleri buradan okur --}}
            <span data-qv-avatar="{{ $customer->initials }}" hidden></span>
            {{-- Durum rozeti: eski native select yerine ortak pil menüsü (drawer: data-qv-pillsel) --}}
            <span class="sb {{ $customer->status }}" role="button" tabindex="0"
                  data-qv-pillsel data-field="status"
                  data-url="{{ route('agency.customers.update-field', $customer) }}"
                  data-value="{{ $customer->status }}"
                  data-options="{{ json_encode($statusOptions) }}"
                  title="Durumu değiştir">{{ $customer->status_label }}</span>
            <span class="text-muted small fw-500">#{{ $customer->code }}</span>
            @if($customer->blacklisted)
                <span class="badge bg-danger-soft text-danger border-0 px-2" style="font-size: 0.7rem; font-weight: 700;">KARA LİSTE</span>
            @endif
        </x-slot:subtitle>

        <x-slot:metrics>
            <div class="qv-metric">
                <span class="qv-metric-label">TOPLAM SATIŞ</span>
                <span class="qv-metric-val">{{ number_format($financial['total_spent'], 0, ',', '.') }} ₺</span>
            </div>
            <div class="qv-metric">
                <span class="qv-metric-label">ÖDENEN</span>
                <span class="qv-metric-val text-success">{{ number_format($financial['total_paid'], 0, ',', '.') }} ₺</span>
            </div>
            <div class="qv-metric">
                <span class="qv-metric-label">BAKİYE</span>
                <span class="qv-metric-val {{ $financial['balance'] > 0 ? 'text-danger' : 'text-muted' }}">{{ number_format($financial['balance'], 0, ',', '.') }} ₺</span>
            </div>
            {{-- Cari: ödeme alınmadan ne kadar satış yapılabileceği.
                 Borçlandırma kapalıyken tutar yerine durum yazılır — "0 ₺" limitin
                 dolu olduğu izlenimi verirdi. --}}
            <div class="qv-metric" title="{{ $credit['allowed'] ? 'Kredi limiti ' . $credit['symbol'] . number_format($credit['limit'], 2, ',', '.') . ' — kullanılan ' . $credit['symbol'] . number_format($credit['used'], 2, ',', '.') : 'Bu müşteriye ödeme alınmadan satış yapılamaz' }}">
                <span class="qv-metric-label">KULLANILABİLİR LİMİT</span>
                @if($credit['allowed'])
                    <span class="qv-metric-val {{ $credit['available'] > 0 ? 'text-success' : 'text-danger' }}">{{ $credit['symbol'] }}{{ number_format($credit['available'], 0, ',', '.') }}</span>
                @else
                    <span class="qv-metric-val text-muted" style="font-size:0.8rem">Kapalı</span>
                @endif
            </div>
        </x-slot:metrics>

        <x-slot:actions>
            {{-- Print button removed as requested --}}
        </x-slot:actions>

        <x-slot:tabs>
            <x-quick-view.tab id="overview" label="Özet" icon="fas fa-bolt-lightning" active="true" />
            <x-quick-view.tab id="sales" label="Satışlar" icon="fas fa-shopping-cart" :count="$financial['bookings_count']" />
            <x-quick-view.tab id="passengers" label="Yolcular" icon="fas fa-users" :count="$customer->passengers->count()" />
            {{-- Sayaç: yüklenen belgeler + operasyonda üretilen yolcu belgeleri --}}
            <x-quick-view.tab id="documents" label="Dökümanlar" icon="fas fa-folder-open" :count="$customer->customerDocuments->count() + $customer->passengerDocuments->count()" />
            <x-quick-view.tab id="invoices" label="Faturalar" icon="fas fa-file-invoice-dollar" :count="$invoices->count()" />
            <x-quick-view.tab id="payments" label="Ödemeler" icon="fas fa-money-bill-transfer" :count="$payments->count()" />
        </x-slot:tabs>
    </x-quick-view.header>

    <!-- ─── CONTENT ─── -->
    <x-quick-view.content>
        <!-- PANELS (Using Grid per-tab if needed) -->
        <div id="qv-tab-overview" class="qv-tab-panel active">
            <x-quick-view.main class="border-0">
                <div class="row g-4">
                    {{-- Künye solda, zaman tüneli sağda ve ikisi eşit genişlikte:
                         sıralama order-* ile verilir, böylece dar ekranda da
                         müşteri bilgileri önce 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 bir
                             odaklanabilir kutu, alt bar sade. --}}
                        <div class="pfx acx">
                            {{-- Gönderim ucu ve hesap varlığı formun üzerinde taşınır:
                                 drawer'da birden çok kart açık olabildiği için durum
                                 global bir değişkende tutulmaz. --}}
                            <form id="qv-activity-form" action="{{ route('agency.customers.activities.store', $customer) }}"
                                  data-mail-send-url="{{ route('agency.customers.mails.send', $customer) }}"
                                  data-mail-accounts="{{ $mailAccounts->isNotEmpty() ? '1' : '0' }}">
                                @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="setQvActivityType('note', this)"><i class="fas fa-sticky-note"></i>Not</button>
                                    <button type="button" class="acx-type" style="--ac:#3b82f6" onclick="setQvActivityType('call', this)"><i class="fas fa-phone"></i>Arama</button>
                                    <button type="button" class="acx-type" style="--ac:#22c55e" onclick="setQvActivityType('whatsapp', this)"><i class="fab fa-whatsapp"></i>WhatsApp</button>
                                    <button type="button" class="acx-type" style="--ac:#ec4899" onclick="setQvActivityType('email', this)"><i class="fas fa-envelope"></i>E-posta</button>
                                    <button type="button" class="acx-type" style="--ac:#10b981" onclick="setQvActivityType('meeting', this)"><i class="fas fa-handshake"></i>Toplantı</button>
                                    <button type="button" class="acx-type" style="--ac:#8b5cf6" onclick="setQvActivityType('sms', this)"><i class="fas fa-comment-sms"></i>SMS</button>
                                    <button type="button" class="acx-type" style="--ac:#d946ef" onclick="setQvActivityType('offer', this)"><i class="fas fa-tag"></i>Teklif</button>
                                    <button type="button" class="acx-type" style="--ac:#10b981" onclick="setQvActivityType('payment', this)"><i class="fas fa-credit-card"></i>Ödeme</button>
                                    <button type="button" class="acx-type" style="--ac:#ef4444" onclick="setQvActivityType('complaint', this)"><i class="fas fa-triangle-exclamation"></i>Şikayet</button>
                                    <button type="button" class="acx-type" style="--ac:#64748b" onclick="setQvActivityType('visit', this)"><i class="fas fa-map-location-dot"></i>Ziyaret</button>
                                </div>

                                <div class="acx-body">
                                    <div class="acx-box" id="qv-acx-box" style="--mac: {{ $mailAccounts->first()?->color ?: '#2563eb' }}">
                                        {{-- E-posta kipi: kutu gerçek bir gönderme penceresine dönüşür.
                                             Üst kenardaki renk şeridi hangi posta kutusundan
                                             konuşulduğunu gösterir. --}}
                                        <div class="acx-mh d-none" id="qv-mail-head">
                                            @php
                                                // Gönderici profilleri (mail_identities): adres sabit kalır,
                                                // yalnızca From: başlığındaki görünen ad değişir. Seçenek değeri
                                                // mail modülüyle AYNI sözleşme (bkz. mail.js parseFromValue):
                                                //   "12"    → 12 no'lu hesabın kendi adı
                                                //   "12:5"  → 12 no'lu hesabın 5 no'lu profili
                                                // İkinci bir biçim icat edilmiyor ki iki kutu aynı değeri konuşsun.
                                                $mailAccounts->loadMissing('identities');
                                                $mailFromGrouped = $mailAccounts->count() > 1;   // tek hesapta grup başlığı gürültü
                                                $mailFirstAcc = $mailAccounts->first();
                                                $mailFirstIdentity = $mailFirstAcc?->identities->firstWhere('is_default', true);
                                                $mailFromDefault = $mailFirstAcc
                                                    ? ($mailFirstIdentity ? $mailFirstAcc->id.':'.$mailFirstIdentity->id : (string) $mailFirstAcc->id)
                                                    : '';
                                            @endphp
                                            <div class="acx-mh-r">
                                                <span class="acx-mh-l">Kimden</span>
                                                <span class="acx-mh-dot"></span>
                                                <select id="qv-mail-from" onchange="qvMailFromChanged(this)">
                                                    @foreach($mailAccounts as $acc)
                                                        @php
                                                            // Hesabın kendi adı + profilleri tek listede. İmza, NULL ile
                                                            // boş dizeyi ayıran devralma kuralının tek sahibi olan
                                                            // MailAccount::signatureFor() ile çözülür — kural burada
                                                            // yeniden yazılırsa iki yerde ayrışır.
                                                            $mailFromRows = collect([[
                                                                'value' => (string) $acc->id,
                                                                'label' => $acc->displayFrom(),
                                                                'signature' => $acc->signature_html,
                                                            ]])->concat($acc->identities->map(fn ($idn) => [
                                                                'value' => $acc->id.':'.$idn->id,
                                                                'label' => trim($idn->name),
                                                                'signature' => $acc->signatureFor($idn->id),
                                                            ]));
                                                        @endphp
                                                        @if($mailFromGrouped)<optgroup label="{{ $acc->email }}">@endif
                                                        @foreach($mailFromRows as $row)
                                                            <option value="{{ $row['value'] }}"
                                                                    data-color="{{ $acc->color ?: '#2563eb' }}"
                                                                    data-signature="{{ $row['signature'] }}"
                                                                    @selected($row['value'] === $mailFromDefault)>{{ $row['label'] }} &lt;{{ $acc->email }}&gt;</option>
                                                        @endforeach
                                                        @if($mailFromGrouped)</optgroup>@endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="acx-mh-r">
                                                <span class="acx-mh-l">Kime</span>
                                                <input type="text" name="to" id="qv-mail-to" autocomplete="off" spellcheck="false"
                                                       placeholder="ad@ornek.com"
                                                       value="{{ collect(is_array($customer->emails) ? $customer->emails : [])->filter()->implode(', ') }}">
                                                <button type="button" class="acx-mh-x" onclick="qvMailToggleCc(this)">Bilgi</button>
                                            </div>

                                            <div class="acx-mh-r d-none" id="qv-mail-cc-row">
                                                <span class="acx-mh-l">Bilgi</span>
                                                <input type="text" name="cc" id="qv-mail-cc" autocomplete="off" spellcheck="false"
                                                       placeholder="Bilgi alıcıları (virgülle ayırın)">
                                            </div>
                                        </div>

                                        <input type="text" name="subject" class="acx-subject" placeholder="Konu başlığı (opsiyonel)">

                                        {{-- Toplantı / ziyaret alanları --}}
                                        <div id="qv-location-details" class="acx-extra d-none">
                                            <label class="acx-f"><i class="fas fa-location-dot"></i>
                                                <input type="text" name="location" placeholder="Konum / yer">
                                            </label>
                                            <label class="acx-f" id="qv-meeting-link-wrap"><i class="fas fa-link"></i>
                                                <input type="text" name="meeting_link" placeholder="Toplantı bağlantısı">
                                            </label>
                                            <label class="acx-f narrow"><i class="fas fa-hashtag"></i>
                                                <input type="text" name="reference_no" placeholder="Referans">
                                            </label>
                                        </div>

                                        {{-- Teklif / ödeme alanları --}}
                                        <div id="qv-financial-details" class="acx-extra d-none">
                                            <label class="acx-f"><i class="fas fa-turkish-lira-sign"></i>
                                                <input type="number" name="amount" step="0.01" placeholder="Tutar">
                                            </label>
                                            <label class="acx-f narrow"><i class="fas fa-coins"></i>
                                                <select name="currency">
                                                    <option value="TRY">₺ TRY</option>
                                                    <option value="USD">$ USD</option>
                                                    <option value="EUR">€ EUR</option>
                                                    <option value="GBP">£ GBP</option>
                                                </select>
                                            </label>
                                        </div>

                                        <textarea name="description" class="acx-text" placeholder="Neler yaşandı? Detayları buraya yazın…" required></textarea>

                                        {{-- E-posta gövdesi: zengin metin (yalnızca e-posta kipinde) --}}
                                        <div class="acx-rte d-none" id="qv-mail-rte-wrap">
                                            <div id="qv-mail-rte"></div>
                                        </div>

                                        <div class="acx-att" id="qv-mail-atts"></div>
                                    </div>

                                    <div class="acx-foot">
                                        <label class="acx-sw" id="qv-urgent-wrap">
                                            <input type="checkbox" name="priority" value="urgent" id="qv-urgent">
                                            <span class="acx-sw-t"></span>
                                            <span class="acx-sw-l">Acil</span>
                                        </label>
                                        <span class="acx-soon" id="qv-file-soon" title="Yakında"><i class="fas fa-paperclip"></i> Dosya</span>
                                        <button type="button" class="acx-clip d-none" id="qv-mail-clip" onclick="document.getElementById('qv-mail-files').click()">
                                            <i class="fas fa-paperclip"></i> Dosya ekle
                                        </button>
                                        {{-- İmza: mail modülündeki düğmenin aynısı — seçili gönderici
                                             profilinin imzası gövdenin sonuna eklenir. --}}
                                        <button type="button" class="acx-clip d-none" id="qv-mail-sign" onclick="qvMailInsertSignature()">
                                            <i class="fas fa-signature"></i> İmza
                                        </button>
                                        <input type="file" id="qv-mail-files" multiple hidden onchange="qvMailFilesPicked(this)">
                                        <button type="submit" id="qv-submit-btn" class="acx-save">
                                            <i class="fas fa-paper-plane"></i> <span id="qv-submit-label">Kaydet</span>
                                        </button>
                                    </div>

                                    {{-- Hesap bağlı değilse e-posta kipi çalışmaz --}}
                                    <div class="acx-noacc d-none" id="qv-mail-noacc">
                                        <i class="fas fa-triangle-exclamation"></i>
                                        Gerçek e-posta göndermek için önce bir posta hesabı bağlayın.
                                        <a href="{{ route('agency.mail.index') }}" target="_blank">Mail modülü <i class="fas fa-arrow-up-right-from-square"></i></a>
                                    </div>
                                </div>
                            </form>
                        </div>

                        {{-- Etkinlik akışı: künye paneliyle aynı dil — ince ray,
                             tür rengiyle işaretli nokta, kutu içinde kutu yok.

                             Gelen/giden postaların ayrı bir sekmesi YOKTUR: not,
                             arama, WhatsApp kayıtlarıyla aynı akışta, aynı dilde
                             görünürler ve satırın altında okunurlar. --}}
                        <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]) }}"
                             data-mail-detach-url="{{ route('agency.customers.mails.detach', [$customer, 0]) }}">
                            <div class="pfx-top">
                                <span class="pfx-top-t"><i class="fas fa-clock-rotate-left"></i> Etkinlik Akışı</span>
                                <span class="flw-stat">{{ $activityStats['total'] ?? 0 }} kayıt</span>
                                @if(($activityStats['mails'] ?? 0) > 0)
                                    <span class="flw-stat"><i class="fas fa-envelope" style="margin-right:4px;opacity:.6"></i>{{ $activityStats['mails'] }} yazışma</span>
                                @endif
                                @if(($activityStats['complaints'] ?? 0) > 0)
                                    <span class="flw-stat danger">{{ $activityStats['complaints'] }} açık şikayet</span>
                                @endif

                                @if(($activityStats['mails'] ?? 0) > 0)
                                    {{-- Yedek/dışa aktarma: bu müşterinin yazışmaları, mail
                                         modülündeki aynı uçtan taşınabilir biçimlerde indirilir. --}}
                                    <div class="mlx-xp" style="margin-left:auto">
                                        <button type="button" class="pfx-chip" onclick="qvMailExportMenu(this)" title="Yazışmaları dışa aktar">
                                            <i class="fas fa-file-export"></i> Yazışmaları Dışa Aktar
                                        </button>
                                        <form class="mlx-xp-menu" method="POST" action="{{ route('agency.mail.export.run') }}" target="_blank" hidden>
                                            @csrf
                                            <input type="hidden" name="scope" value="customer">
                                            <input type="hidden" name="customer_id" value="{{ $customer->id }}">
                                            <input type="hidden" name="format" value="">
                                            <div class="mlx-xp-h">Biçim seçin</div>
                                            @foreach(\App\Services\Mail\MailExportService::formats() as $fmtKey => $fmtMeta)
                                                <button type="submit" class="mlx-xp-o" value="{{ $fmtKey }}" onclick="this.form.format.value='{{ $fmtKey }}'">
                                                    <i class="fas {{ $fmtMeta['icon'] }}"></i>
                                                    <span><b>{{ $fmtMeta['label'] }}</b>{{ $fmtMeta['note'] }}</span>
                                                </button>
                                            @endforeach
                                        </form>
                                    </div>
                                @endif
                            </div>

                            {{-- Akış iki kaynağı birleştirir: elle girilen etkinlikler ve
                                 mail modülünden bu karta bağlanmış gelen/giden postalar
                                 (adres eşleşmesi + elle kurulan/zincirden türeyen bağlar).
                                 Posta satırına tıklamak gövdeyi satırın altında açar. --}}
                            <div class="flw">
                                @forelse($timeline as $entry)
                                    @if($entry['kind'] === 'mail')
                                        @include('components.quick-view.mail-flow-row', [
                                            'mail' => $entry['item'],
                                            'linkId' => $entry['link_id'] ?? null,
                                            'linkAuto' => $entry['link_auto'] ?? false,
                                            'linkLabel' => $entry['link_label'] ?? null,
                                            'detachable' => empty($entry['link_id']),
                                        ])
                                        @continue
                                    @endif

                                    @php $activity = $entry['item']; @endphp
                                    @php
                                        $icon = match($activity->activity_type) {
                                            'call' => 'phone', 'email' => 'envelope', 'meeting' => 'handshake',
                                            'note' => 'sticky-note', 'booking' => 'cart-shopping', 'complaint' => 'triangle-exclamation',
                                            'whatsapp' => 'whatsapp', 'sms' => 'comment-sms', 'offer' => 'tag',
                                            'payment' => 'credit-card', 'visit' => 'map-marker-alt',
                                            default => 'circle-dot'
                                        };
                                        $color = match($activity->activity_type) {
                                            'call' => '#3b82f6', 'email' => '#ec4899', 'meeting' => '#10b981',
                                            'note' => '#f59e0b', 'booking' => '#6366f1', 'complaint' => '#ef4444',
                                            'whatsapp' => '#22c55e', 'sms' => '#8b5cf6', 'offer' => '#d946ef',
                                            'payment' => '#10b981', 'visit' => '#64748b',
                                            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)
                                                <p class="flw-d">{{ $activity->description }}</p>
                                            @endif

                                            @if($activity->location || $activity->meeting_link || $activity->reference_no)
                                                <div class="flw-m">
                                                    @if($activity->location)
                                                        <span><i class="fas fa-location-dot"></i>{{ $activity->location }}</span>
                                                    @endif
                                                    @if($activity->meeting_link)
                                                        <a href="{{ str_starts_with($activity->meeting_link, 'http') ? $activity->meeting_link : 'https://' . $activity->meeting_link }}" target="_blank" rel="noopener">
                                                            <i class="fas fa-video"></i>Toplantıya katıl
                                                        </a>
                                                    @endif
                                                    @if($activity->reference_no)
                                                        <span class="ref">#{{ $activity->reference_no }}</span>
                                                    @endif
                                                </div>
                                            @endif

                                            <div class="flw-f">
                                                <span class="flw-who">{{ $activity->performedBy?->first_name ?: 'Sistem' }}</span>
                                                @if($activity->status)
                                                    <span class="flw-st {{ $activity->status }}">{{ $activity->status_label }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </article>
                                @empty
                                    <x-quick-view.flow-empty title="Henüz etkinlik yok">
                                        Yukarıdaki kutudan not, arama veya e-posta ekleyin; Mail modülünden
                                        bir yazışmayı bu müşteriyle ilişkilendirirseniz o da burada görünür.
                                    </x-quick-view.flow-empty>
                                @endforelse
                            </div>
                        </div>
                    </div>

                    {{-- Künye: profilin tamamı — tek satır görünüm, yerinde düzenleme, kopyalama.
                         "Profil Bilgileri" sekmesi bu panelde birleştiği için ayrıca yoktur. --}}
                    <div class="col-xl-6 order-1">
                        <div class="qv-left-stack">
                            @include('agency.customers.partials.qv-profile')

                            {{-- Temsilci ataması --}}
                            <div class="pfx">
                                <div class="pfx-top">
                                    <span class="pfx-top-t"><i class="fas fa-user-tie"></i> Atanmış Temsilci</span>
                                </div>
                                <div class="pfx-agent">
                                    @if($customer->assignedAgent)
                                        <img src="https://ui-avatars.com/api/?name={{ urlencode($customer->assignedAgent->full_name) }}&background=2563eb&color=fff" alt="">
                                        <div class="pfx-agent-t">
                                            <b>{{ $customer->assignedAgent->full_name }}</b>
                                            <small>Satış Temsilcisi</small>
                                        </div>
                                    @else
                                        <span class="pfx-agent-none"><i class="fas fa-user-slash"></i> Atanmamış</span>
                                    @endif

                                    @if(isset($agents) && $agents->isNotEmpty())
                                        <select class="pfx-agent-sel" onchange="qvAssignAgent(this)" title="Temsilci ata / değiştir">
                                            <option value="">— Temsilci seç —</option>
                                            @foreach($agents as $ag)
                                                <option value="{{ $ag->id }}" @selected($customer->assigned_agent_id === $ag->id)>{{ $ag->first_name }} {{ $ag->last_name }}</option>
                                            @endforeach
                                        </select>
                                    @endif
                                </div>
                            </div>

                            {{-- Kişi ↔ şirket bağı: drawer'dan bağlama/çözme --}}
                            @include('agency.customers.partials.qv-links')

                            {{-- 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="cqv-notes-save" class="pfx-chip">
                                        <i class="fas fa-save"></i> Kaydet
                                    </button>
                                </div>
                                <div class="pfx-notes">
                                    <div class="rte-wrap">
                                        <div id="cqv-notes-editor" style="min-height:150px;">{!! $customer->internal_notes !!}</div>
                                    </div>
                                    <p class="pfx-notes-hint">
                                        Müşteri hakkında dahili notlar — yalnızca acentenize görünür.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-quick-view.main>
        </div>

            <div id="qv-tab-sales" class="qv-tab-panel">
                <div class="p-4">
                    @include('agency.customers.partials.qv-sales')
                </div>
            </div>

            <div id="qv-tab-documents" class="qv-tab-panel">
                <div class="p-4">
                    @include('agency.customers.partials.qv-documents')
                </div>
            </div>

            <div id="qv-tab-invoices" class="qv-tab-panel">
                <div class="p-4">
                    @include('agency.customers.partials.qv-invoices')
                </div>
            </div>

            <div id="qv-tab-payments" class="qv-tab-panel">
                <div class="p-4">
                    @include('agency.payments.partials.payment-list', [
                        'payments' => $payments,
                        'createUrl' => route('agency.payments.quick-create', ['customer' => $customer->id, 'direction' => 'in']),
                        'summary' => [
                            ['label' => 'Toplam Satış', 'value' => number_format($financial['total_spent'], 2, ',', '.') . '₺', 'tone' => 'neutral'],
                            ['label' => 'Tahsil Edilen', 'value' => number_format($financial['total_paid'], 2, ',', '.') . '₺', 'tone' => 'ok'],
                            ['label' => 'Kalan Bakiye', 'value' => number_format($financial['balance'], 2, ',', '.') . '₺', 'tone' => $financial['balance'] > 0 ? 'warn' : 'ok'],
                            ['label' => 'Kullanılabilir Limit', 'value' => $credit['allowed'] ? $credit['symbol'] . number_format($credit['available'], 2, ',', '.') : 'Borçlandırma kapalı', 'tone' => $credit['allowed'] ? ($credit['available'] > 0 ? 'ok' : 'warn') : 'neutral'],
                        ],
                        'emptyText' => 'Bu müşteriden henüz tahsilat girilmedi.',
                    ])
                </div>
            </div>

            <div id="qv-tab-passengers" class="qv-tab-panel">
                <div class="p-4">
                    @include('agency.customers.partials.qv-passengers')
                    @include('agency.customers.partials.qv-tabs-styles')
                </div>
            </div>

    </x-quick-view.content>

    {{-- Ortak katmanlar. Yazma kutusu (acx) ve akış (flw) stili activity-ui'de:
         bu kart onları doğrudan kullandığı için include'u KENDİSİ yapar,
         künye partial'ının etmesine bel bağlamaz. @once çift basmaz. --}}
    @include('components.quick-view.activity-ui')

    {{-- 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')

    <!-- ─── FOOTER ─── -->
    <x-quick-view.footer>
        <div class="mini-agent smaller text-muted">
            <i class="fas fa-clock me-1"></i> Güncelleme: {{ $customer->updated_at->format('d.m.Y H:i') }}
        </div>
        <div class="d-flex gap-3">
             <button class="btn btn-secondary-glass" onclick="closeQuickView()">Kapat</button>
             <a href="javascript:void(0)" onclick="openDraftQuickView('{{ route('agency.sales.quick-draft', ['customer_id' => $customer->id]) }}')" class="btn btn-primary" style="border-radius: 12px; font-weight: 800;">
                 <i class="fas fa-plus me-2"></i> Yeni Satış
             </a>
        </div>
    </x-quick-view.footer>
</x-quick-view.layout>

<script>
    function toggleBlacklistDrawer() {
        const isBlacklisted = {{ $customer->blacklisted ? 'true' : 'false' }};
        if (isBlacklisted) {
            Swal.fire({
                title: 'Emin misiniz?',
                text: "Müşteriyi kara listeden çıkarmak istediğinize emin misiniz?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#10b981',
                confirmButtonText: 'Evet, Çıkar',
                cancelButtonText: 'İptal'
            }).then((result) => {
                if (result.isConfirmed) {
                    const form = document.createElement('form');
                    form.method = 'POST';
                    form.action = '{{ route("agency.customers.toggle-blacklist", $customer) }}';
                    form.innerHTML = `<input type="hidden" name="_token" value="{{ csrf_token() }}">`;
                    document.body.appendChild(form);
                    form.submit();
                }
            });
        } else {
            Swal.fire({
                title: 'Kara Listeye Al',
                text: 'Müşteriyi kara listeye alma nedeni belirtin:',
                input: 'text',
                inputPlaceholder: 'Neden...',
                showCancelButton: true,
                confirmButtonColor: '#ef4444',
                confirmButtonText: 'Listeye Ekle',
                cancelButtonText: 'İptal'
            }).then((result) => {
                if (result.isConfirmed && result.value) {
                    const form = document.createElement('form');
                    form.method = 'POST';
                    form.action = '{{ route("agency.customers.toggle-blacklist", $customer) }}';
                    form.innerHTML = `
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="blacklist_reason" value="${result.value}">
                    `;
                    document.body.appendChild(form);
                    form.submit();
                }
            });
        }
    }

    function updateDirectField(field, value) {
        $.ajax({
            url: '{{ route("agency.customers.update-field", $customer) }}',
            type: 'POST',
            data: { _token: '{{ csrf_token() }}', field: field, value: value },
            success: function(data) {
                if (data.success && typeof Swal !== 'undefined') {
                    Swal.mixin({
                        toast: true, position: 'top-end', showConfirmButton: false, timer: 1500
                    }).fire({ icon: 'success', title: data.message });
                }
            }
        });
    }

    // Customer specific activity handling
    function setQvActivityType(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;

        // Show/Hide conditional details
        const locDetails = document.getElementById('qv-location-details');
        const finDetails = document.getElementById('qv-financial-details');
        const linkWrap = document.getElementById('qv-meeting-link-wrap');

        if (locDetails) {
            if (['meeting', 'visit'].includes(type)) {
                locDetails.classList.remove('d-none');
                if (linkWrap) {
                    type === 'meeting' ? linkWrap.classList.remove('d-none') : linkWrap.classList.add('d-none');
                }
            } else {
                locDetails.classList.add('d-none');
            }
        }

        if (finDetails) {
            ['payment', 'offer'].includes(type) ? finDetails.classList.remove('d-none') : finDetails.classList.add('d-none');
        }

        qvSetMailMode(type === 'email');
    }

    /* ── E-posta kipi ───────────────────────────────────────────────
       "E-posta" çipi seçildiğinde yazma kutusu gerçek bir gönderme
       penceresine dönüşür: kimden/kime şeridi açılır, düz metin yerine
       zengin metin yazılır ve "Kaydet" düğmesi "Gönder" olur.
       Hesap bağlı değilse kip açılmaz, kullanıcı Mail modülüne yönlendirilir. */

    /* Kip durumu global bir nesnede değil, formun kendi üzerinde tutulur:
       drawer'da birden çok müşteri kartı üst üste açılabiliyor ve global
       durum en son yüklenen karta kilitlenirdi. Etkin kart getElementById
       ile bulunur — pasif kartların id'leri drawer tarafından geçici olarak
       kaldırıldığı için bu her zaman öndeki kartı verir. */

    /** Etkin karttaki yazma formu. */
    function qvMailForm() {
        return document.getElementById('qv-activity-form');
    }

    /** Form e-posta kipinde mi? */
    function qvMailOn() {
        return document.getElementById('qv-acx-box')?.classList.contains('is-mail') === true;
    }

    function qvSetMailMode(on) {
        const box = document.getElementById('qv-acx-box');
        const form = qvMailForm();
        if (!box || !form) return;

        const head = document.getElementById('qv-mail-head');
        const rte = document.getElementById('qv-mail-rte-wrap');
        const text = form.querySelector('.acx-text');
        const label = document.getElementById('qv-submit-label');
        const noacc = document.getElementById('qv-mail-noacc');
        const clip = document.getElementById('qv-mail-clip');
        const sign = document.getElementById('qv-mail-sign');
        const soon = document.getElementById('qv-file-soon');
        const urgent = document.getElementById('qv-urgent-wrap');

        // Hesap yoksa: uyarı göster, kip kapalı kalsın
        const hasAccounts = form.dataset.mailAccounts === '1';
        const active = on && hasAccounts;

        noacc?.classList.toggle('d-none', !(on && !hasAccounts));
        box.classList.toggle('is-mail', active);
        head?.classList.toggle('d-none', !active);
        rte?.classList.toggle('d-none', !active);
        clip?.classList.toggle('d-none', !active);
        sign?.classList.toggle('d-none', !active);
        soon?.classList.toggle('d-none', active);
        urgent?.classList.toggle('d-none', active);

        if (text) {
            text.classList.toggle('d-none', active);
            text.required = !active;
        }
        if (label) label.textContent = active ? 'Gönder' : 'Kaydet';

        if (active) qvMailEditor();
    }

    /** Gövde editörü — kart başına bir kez kurulur, form düğümünde saklanır. */
    function qvMailEditor() {
        const form = qvMailForm();
        if (!form || typeof Quill === 'undefined') return null;
        if (form._quill) return form._quill;

        const host = document.getElementById('qv-mail-rte');
        if (!host) return null;

        form._quill = new Quill(host, {
            theme: 'snow',
            placeholder: 'Merhaba…',
            modules: {
                toolbar: [
                    ['bold', 'italic', 'underline'],
                    [{ list: 'ordered' }, { list: 'bullet' }],
                    ['link', 'clean'],
                ],
            },
        });

        return form._quill;
    }

    /**
     * "Kimden" seçeneğini hesap + profile ayırır.
     *
     * Sözleşme mail modülüyle birebir aynıdır (mail.js → parseFromValue):
     * "12" hesabın kendi adı, "12:5" o hesabın 5 no'lu gönderici profili.
     */
    function qvMailParseFrom(value) {
        const parts = String(value || '').split(':');
        return {
            accountId: Number(parts[0]) || null,
            identityId: parts.length > 1 ? Number(parts[1]) || null : null,
        };
    }

    /** Etkin karttaki "Kimden" seçicisi. */
    function qvMailFromSelect() {
        return document.getElementById('qv-mail-from');
    }

    /** Gönderici değişince şerit rengi ve — eklenmişse — imza güncellenir. */
    function qvMailFromChanged(sel) {
        const opt = sel.options[sel.selectedIndex];
        const box = document.getElementById('qv-acx-box');
        if (box && opt) box.style.setProperty('--mac', opt.dataset.color || '#2563eb');

        // Kullanıcı imzayı elle eklediyse profil değişince eskisi kalmasın.
        // Değiştirme yalnızca eklenen parça harfi harfine yerinde duruyorsa
        // yapılır (aşağıdaki qvMailDropSignature); kullanıcı imzanın içine
        // yazdıysa gövdeye dokunulmaz — yazılanı bozmak, iki imza kalmasından
        // kötüdür. Bu, mail modülündeki removeInsertedSignature ile aynı kural.
        const form = qvMailForm();
        if (form && form._sigMark) qvMailInsertSignature(true);
    }

    /**
     * Eklenmiş imza parçasını gövdeden çıkarır — yalnızca hiç dokunulmadıysa.
     * Dokunulmuşsa işaret düşürülür ama metin olduğu gibi bırakılır.
     */
    function qvMailDropSignature() {
        const form = qvMailForm();
        const quill = form && form._quill;
        const mark = form && form._sigMark;
        form && (form._sigMark = null);

        if (!mark || !quill) return;
        if (mark.index + mark.length > quill.getLength()) return;
        if (quill.getText(mark.index, mark.length) !== mark.text) return;

        quill.deleteText(mark.index, mark.length);
    }

    /**
     * Seçili gönderici profilinin imzasını gövdenin sonuna ekler.
     *
     * İmza HTML'i seçenek üzerinde (data-signature) hazır durur: sunucuda
     * MailAccount::signatureFor() ile çözülür, yani "profilin kendi imzası
     * yoksa hesabınki" kuralı tek yerde kalır ve kart ayrıca bir uca istek
     * atmaz.
     *
     * @param silent  Profil değişiminde çağrılırken uyarı çıkarmaz.
     */
    function qvMailInsertSignature(silent) {
        const form = qvMailForm();
        const quill = qvMailEditor();
        const sel = qvMailFromSelect();
        if (!form || !quill || !sel) return;

        const html = (sel.options[sel.selectedIndex]?.dataset.signature || '').trim();

        qvMailDropSignature();

        if (!html) {
            if (!silent && typeof Swal !== 'undefined') {
                Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 3000 })
                    .fire({ icon: 'info', title: 'İmza tanımlı değil', text: 'Bu gönderici için Mail modülünden imza tanımlayabilirsiniz.' });
            }
            return;
        }

        const index = quill.getLength();
        quill.clipboard.dangerouslyPasteHTML(index, '<p><br></p>' + html);
        form._sigMark = {
            index: index,
            length: quill.getLength() - index,
            text: quill.getText(index, quill.getLength() - index),
        };
    }

    function qvMailToggleCc(btn) {
        const row = document.getElementById('qv-mail-cc-row');
        if (!row) return;
        const hidden = row.classList.toggle('d-none');
        btn.classList.toggle('on', !hidden);
        if (!hidden) document.getElementById('qv-mail-cc')?.focus();
    }

    /**
     * Seçilen ekler rozet olarak listelenir; tek tek çıkarılabilir.
     *
     * Sınır mail modülüyle aynı (MailController::validateCompose →
     * attachments.* max:25600 KB); istemcide de bakılır ki kullanıcı 30 MB'ı
     * yükleyip sonunda 422 yemesin. Sabit fonksiyonun içinde durur: bu betik
     * her kart açılışında yeniden çalıştırılıyor, üst düzey bir const ikinci
     * açılışta "already declared" ile bloğun kalanını da düşürürdü.
     */
    function qvMailFilesPicked(input) {
        const maxSize = 25600 * 1024;
        const form = qvMailForm();
        if (!form) return;

        const picked = Array.from(input.files || []);
        const tooBig = picked.filter(f => f.size > maxSize);

        form._files = (form._files || []).concat(picked.filter(f => f.size <= maxSize));
        input.value = '';
        qvMailRenderFiles();

        if (tooBig.length && typeof Swal !== 'undefined') {
            Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 5000 })
                .fire({
                    icon: 'error',
                    title: 'Dosya çok büyük',
                    text: tooBig.map(f => f.name).join(', ') + ' eklenemedi — tek dosya en çok 25 MB olabilir.',
                });
        }
    }

    function qvMailRenderFiles() {
        const form = qvMailForm();
        const wrap = document.getElementById('qv-mail-atts');
        if (!form || !wrap) return;

        const size = (n) => n < 1024 ? n + ' B' : (n < 1048576 ? Math.round(n / 1024) + ' KB' : (n / 1048576).toFixed(1) + ' MB');

        wrap.innerHTML = (form._files || []).map((f, i) =>
            '<span class="acx-att-i"><span>' + f.name.replace(/[<>&]/g, '') + '</span><b>' + size(f.size) + '</b>'
            + '<button type="button" class="acx-att-x" onclick="qvMailDropFile(' + i + ')" title="Kaldır">'
            + '<i class="fas fa-xmark"></i></button></span>'
        ).join('');
    }

    function qvMailDropFile(i) {
        const form = qvMailForm();
        if (!form || !form._files) return;
        form._files.splice(i, 1);
        qvMailRenderFiles();
    }

    /**
     * Yazma kutusunu e-posta kipinde açar; yanıt verisi geldiyse alanları doldurur.
     * E-postalar sekmesindeki "Yanıtla" ve "Yeni E-posta" bu ucu kullanır.
     */
    function qvMailCompose(origin, reply) {
        const card = origin?.closest?.('.qv-card-wrapper') || document;

        // Özet sekmesine dön — yazma kutusu orada
        const tab = card.querySelector('.qv-tab[onclick*="\'overview\'"]');
        if (tab) switchQvTab('overview', tab);

        const chip = card.querySelector('.acx-type[onclick*="\'email\'"]');
        if (chip) setQvActivityType('email', chip);

        if (reply && qvMailOn()) {
            const to = document.getElementById('qv-mail-to');
            const subject = document.querySelector('#qv-activity-form .acx-subject');
            const form = document.getElementById('qv-activity-form');

            if (to && reply.to) to.value = reply.to;
            if (subject && reply.subject) subject.value = reply.subject;
            if (reply.account_id) {
                // Yanıtta hesap sabittir, profil değil: hesabın varsayılan
                // profili varsa onunla, yoksa hesabın kendi adıyla seçilir.
                const sel = qvMailFromSelect();
                if (sel) {
                    const prefix = String(reply.account_id);
                    const match = Array.from(sel.options).find(o => o.value === prefix)
                        || Array.from(sel.options).find(o => qvMailParseFrom(o.value).accountId === reply.account_id);
                    if (match) { sel.value = match.value; qvMailFromChanged(sel); }
                }
            }
            form.dataset.inReplyTo = reply.in_reply_to || '';
            form.dataset.references = reply.references || '';
        }

        document.getElementById('qv-acx-box')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
        setTimeout(() => qvMailEditor()?.focus(), 320);
    }

    function copyToClipboard(text, element) {
        if(!text || text === '—') return;
        navigator.clipboard.writeText(text).then(() => {
            const bubble = document.createElement('div');
            bubble.className = 'copy-bubble';
            bubble.innerText = 'Kopyalandı!';
            element.appendChild(bubble);
            setTimeout(() => bubble.remove(), 1000);
        });
    }

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

        // E-posta kipinde kayıt değil gerçek gönderim yapılır
        if (qvMailOn()) return qvMailSend(this, btn, originalText);

        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);
            }
        });
    });

    /**
     * Gerçek e-posta gönderimi. Posta mail modülünün SMTP hesabından çıkar,
     * gönderilenler klasörüne yazılır ve müşteri kartına bağlanır — bu yüzden
     * gönderim sonrası kart tazelendiğinde etkinlik akışında görünür.
     */
    function qvMailSend(formEl, btn, originalText) {
        const toast = (icon, title, text) => {
            if (typeof Swal === 'undefined') return;
            Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: icon === 'error' ? 5000 : 2200 })
                .fire({ icon: icon, title: title, text: text });
        };

        const quill = qvMailEditor();
        const body = quill && quill.getText().trim().length ? quill.root.innerHTML : '';
        const to = document.getElementById('qv-mail-to')?.value.trim();

        if (!to) return toast('error', 'Alıcı adresi gerekli');
        if (!body) return toast('error', 'Boş e-posta gönderilemez');

        const from = qvMailParseFrom(qvMailFromSelect()?.value);

        const fd = new FormData();
        fd.append('account_id', String(from.accountId || ''));
        if (from.identityId) fd.append('identity_id', String(from.identityId));
        fd.append('to', to);
        fd.append('cc', document.getElementById('qv-mail-cc')?.value.trim() || '');
        fd.append('subject', formEl.querySelector('.acx-subject')?.value.trim() || '');
        fd.append('body_html', body);
        // İmzayı "İmza" düğmesiyle gövdeye ekleyen kullanıcı onu ekranda görür;
        // sunucu bir kez daha eklerse iki imza çıkar. Düğmeye basılmadıysa
        // önceki davranış korunur: imzayı sunucu iliştirir.
        fd.append('append_signature', formEl._sigMark ? '0' : '1');
        fd.append('in_reply_to', formEl.dataset.inReplyTo || '');
        fd.append('references', formEl.dataset.references || '');
        (formEl._files || []).forEach(f => fd.append('attachments[]', f));

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

        fetch(formEl.dataset.mailSendUrl, {
            method: 'POST',
            headers: {
                'Accept': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
            },
            body: fd,
        })
        .then(r => r.json().then(d => ({ ok: r.ok, d: d })))
        .then(({ ok, d }) => {
            if (!ok || !d.success) throw new Error(d.message || 'E-posta gönderilemedi.');

            toast('success', d.message || 'E-posta gönderildi.');

            // Alanları boşalt, kartı tazele → akışta giden posta görünsün
            formEl._files = [];
            formEl._sigMark = null;   // kutu boşaldı, imza işareti de düşsün
            qvMailRenderFiles();
            quill.setText('');
            formEl.querySelector('.acx-subject').value = '';
            delete formEl.dataset.inReplyTo;
            delete formEl.dataset.references;

            if (typeof activeQuickViewUrl !== 'undefined' && activeQuickViewUrl) openQuickView(activeQuickViewUrl);
            else btn.prop('disabled', false).html(originalText);
        })
        .catch(err => {
            toast('error', 'Gönderilemedi', err.message);
            btn.prop('disabled', false).html(originalText);
        });
    }

    // Handle Quick View Document Upload
    $(document).off('submit', '#ajax-doc-upload').on('submit', '#ajax-doc-upload', 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> Yükleniyor...');
        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 (typeof Swal !== 'undefined') {
                        Swal.fire({ icon: 'success', title: 'Başarılı', text: data.message, timer: 1500, showConfirmButton: false });
                    }
                    if (activeQuickViewUrl) openQuickView(activeQuickViewUrl, 'documents');
                }
            },
            error: function(xhr) {
                const msg = xhr.responseJSON?.message || 'Yükleme sırasında bir hata oluştu.';
                if (typeof Swal !== 'undefined') Swal.fire({ icon: 'error', title: 'Hata', text: msg });
                btn.prop('disabled', false).html(originalText);
            }
        });
    });

    function deleteDocument(docId, btn) {
        Swal.fire({
            title: 'Silmek istediğinize emin misiniz?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#ef4444',
            confirmButtonText: 'Evet, Sil',
            cancelButtonText: 'İptal'
        }).then((result) => {
            if (result.isConfirmed) {
                const $btn = $(btn);
                const originalContent = $btn.html();
                $btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i>');
                
                $.ajax({
                    url: "/agency/customers/documents/" + docId,
                    type: 'DELETE',
                    data: { _token: $('meta[name="csrf-token"]').attr('content') },
                    success: function(response) {
                        Swal.fire({ icon: 'success', title: 'Silindi', text: response.message, timer: 1500, showConfirmButton: false });
                        $btn.closest('.qv-doc-item').fadeOut();
                    },
                    error: function() {
                        Swal.fire('Hata', 'Bir hata oluştu.', 'error');
                        $btn.prop('disabled', false).html(originalContent);
                    }
                });
            }
        });
    }
</script>

<script>
// ── Yorum alanı (zengin metin) ──
// Tedarikçi kartındaki yorum bileşeniyle aynı davranış: Quill editör +
// "Kaydet" ile internal_notes alanına PATCH.
(function initCustomerCommentEditor() {
    const host = document.getElementById('cqv-notes-editor');
    if (!host || host.dataset.ready || typeof Quill === 'undefined') return;
    host.dataset.ready = '1';

    const quill = new Quill(host, {
        theme: 'snow',
        placeholder: 'Müşteri hakkında yorum...',
        modules: {
            toolbar: [
                ['bold', 'italic', 'underline'],
                [{ list: 'ordered' }, { list: 'bullet' }],
                [{ header: [3, 4, false] }],
                ['link', 'clean'],
            ],
        },
    });

    document.getElementById('cqv-notes-save')?.addEventListener('click', function () {
        const btn = this;
        const original = btn.innerHTML;
        const html = quill.getText().trim().length ? quill.root.innerHTML : '';

        btn.disabled = true;
        btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';

        fetch('{{ route('agency.customers.update-field', $customer) }}', {
            method: 'PATCH',
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
            },
            body: JSON.stringify({ field: 'internal_notes', value: html }),
        })
        .then(r => r.json())
        .then(d => {
            btn.disabled = false;
            btn.innerHTML = original;
            if (typeof Swal !== 'undefined') {
                Swal.fire({ toast: true, position: 'top-end', timer: 1900, showConfirmButton: false,
                    icon: d.success !== false ? 'success' : 'error',
                    title: d.message || 'Yorum kaydedildi.' });
            }
        })
        .catch(() => {
            btn.disabled = false;
            btn.innerHTML = original;
            if (typeof Swal !== 'undefined') Swal.fire({ toast: true, position: 'top-end', timer: 2000, showConfirmButton: false, icon: 'error', title: 'Kaydedilemedi' });
        });
    });
})();

// Temsilci atama (sayfa yenilenmeden)
function qvAssignAgent(sel) {
    const agentId = sel.value;
    if (!agentId) return;
    sel.disabled = true;
    fetch('{{ route('agency.customers.assign-agent', $customer) }}', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content },
        body: JSON.stringify({ agent_id: agentId })
    })
    .then(r => r.json())
    .then(d => {
        if (typeof Swal !== 'undefined') Swal.fire({ toast: true, position: 'top-end', timer: 1800, showConfirmButton: false, icon: d.success !== false ? 'success' : 'error', title: d.message || 'Temsilci güncellendi.' });
        if (typeof openCustomerDrawer === 'function') openCustomerDrawer({{ $customer->id }});
    })
    .finally(() => { sel.disabled = false; });
}

/**
 * Kart tipi (Kişi ↔ Şirket) değişimi — kartı YENİDEN YÜKLEMEDEN uygular.
 *
 * Önceden tip değişince drawer yeniden açılıyordu; bu hem ekranı sıfırlıyor
 * hem de devam eden kaydetme isteğini yarıda kesip ilk denemenin kaybolmasına
 * yol açıyordu. Artık ilgili alanlar yerinde gösterilip gizleniyor:
 *   [data-ctype="individual"] → yalnızca kişi kartında (ad, TC, cinsiyet, doğum…)
 *   [data-ctype="corporate"]  → yalnızca şirket kartında (unvan, vergi no…)
 */
function qvApplyCustomerType(type) {
    const isCompany = type === 'corporate';
    const card = document.querySelector('.qv-card-wrapper:not(.inactive)') || document;

    card.querySelectorAll('[data-ctype]').forEach(el => {
        el.style.display = el.dataset.ctype === (isCompany ? 'corporate' : 'individual') ? '' : 'none';
    });

    // Yan paneldeki tip rozeti
    const badge = card.querySelector('.sb-type');
    if (badge && !badge.classList.contains('editing')) {
        badge.innerHTML = `<i class="fas ${isCompany ? 'fa-building' : 'fa-user'} me-1"></i>${isCompany ? 'Şirket' : 'Kişi'}`;
        badge.dataset.value = type;
    }
    // Profil kartındaki tip alanı
    const field = card.querySelector('.inline-editable[data-field="customer_type"]:not(.sb-type)');
    if (field && !field.classList.contains('editing')) {
        field.textContent = isCompany ? 'Şirket' : 'Kişi';
        field.dataset.value = type;
    }
}

// Seçim yapılır yapılmaz uygula (kaydetme isteği arka planda sürer)
$(document).off('change.qvcusttype', '.inline-editable[data-field="customer_type"] select')
    .on('change.qvcusttype', '.inline-editable[data-field="customer_type"] select', function () {
        qvApplyCustomerType(this.value);
    });

qvApplyCustomerType(@json($customer->customer_type));
</script>

<style>
    /* ─── Müşteri QV mavi tema: kart arka planı ─── */
    .qv-wrapper.qv-theme-blue { background: linear-gradient(180deg, #dbeafe, #eff6ff); }
    .qv-theme-blue .qv-content { background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%); }
    .qv-theme-blue .qv-header { background: linear-gradient(135deg, #f0f7ff, #dbeafe); border-bottom-color: #bfdbfe; }

    .colleague-card-hover:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(99, 102, 241, 0.15) !important;
        border-color: var(--customer-primary, #2563eb) !important;
    }

    .btn-qv-edit {
        width: 28px; height: 28px; border-radius: 8px; border: 1px solid #f1f5f9; background: #fff;
        color: #94a3b8; display: flex; align-items: center; justify-content: center; font-size: 0.75rem;
        transition: all 0.2s; cursor: pointer;
    }
    .btn-qv-edit:hover { background: #eff6ff; color: #2563eb; border-color: #dbeafe; transform: scale(1.1); }

    /* Premium UI Components */
    .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; }
    /* Kart tipi rozeti — tıklanabilir olduğu belli olsun */
    .sb-type { background: #eef2ff; color: #4338ca; border-color: #c7d2fe; cursor: pointer; }
    .sb-type:hover { background: #e0e7ff; border-color: #6366f1; color: #3730a3; }
    .sb-corp { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
    /* Rozet tıklanınca bağlı (birincil) şirketin kartı açılır */
    .sb-corp-link { cursor: pointer; transition: background .15s, border-color .15s; }
    .sb-corp-link:hover { background: #d1fae5; border-color: #34d399; color: #065f46; }
    /* Yan paneldeki rozetler düzenleme kutusuna dönüşünce daralmasın */
    .qv-side-col .inline-editable.editing { display: block; width: 100%; }

    .qv-section-title { font-size: 0.72rem; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1.25rem; display: block; }
    
    .qv-info-card { background: #fff; border: 1px solid #f1f5f9; border-radius: 20px; padding: 1.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
    .qv-field-group { margin-bottom: 1.5rem; }
    .qv-field-label { font-size: 0.68rem; font-weight: 700; color: #94a3b8; margin-bottom: 6px; display: block; }
    .qv-field-value { font-size: 0.95rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.75rem; }

    .agent-card { 
        display: flex; align-items: center; gap: 1rem; padding: 1rem; 
        background: #fff; border: 1px solid #f1f5f9; border-radius: 16px; 
        box-shadow: 0 4px 12px rgba(0,0,0,0.02); transition: all 0.2s;
    }
    .agent-card:hover { transform: translateY(-2px); border-color: #e2e8f0; }
    .agent-card img { width: 42px; height: 42px; border-radius: 12px; }

    .internal-notes-box { 
        background: #fffbeb; border: 1px solid #fde68a; border-radius: 16px; padding: 1.25rem; 
        font-size: 0.9rem; color: #92400e; min-height: 100px; line-height: 1.6;
    }

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

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

    .qv-timeline-v2 { display: flex; flex-direction: column; gap: 1.5rem; }
    .qv-activity-item { position: relative; padding-left: 4rem; margin-bottom: 0.5rem; }
    .qv-activity-connector { position: absolute; left: 1.65rem; top: 3.5rem; bottom: -1.5rem; width: 2px; background: #f1f5f9; }
    .qv-activity-icon-v2 { 
        position: absolute; left: 0; top: 0; width: 3.3rem; height: 3.3rem; border-radius: 18px; 
        color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; 
        border: 5px solid #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.08); z-index: 2; 
    }
    .qv-activity-card-v2 { 
        background: #fff; border: 1px solid #f1f5f9; border-radius: 20px; padding: 1.5rem; 
        box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 
    }
    .qv-activity-card-v2:hover { transform: translateX(8px); box-shadow: 0 10px 30px rgba(0,0,0,0.06); border-color: #e2e8f0; }
    .qv-activity-card-v2.urgent { border-left: 5px solid #ef4444; }

    .btn-primary-glass { 
        background: #2563eb; color: #fff; border: none; font-size: 0.88rem; font-weight: 700; 
        padding: 0.8rem 1.5rem; border-radius: 14px; transition: all 0.3s; 
        display: flex; align-items: center; gap: 0.75rem; box-shadow: 0 8px 16px rgba(37, 99, 235, 0.15);
    }
    .btn-primary-glass:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(37, 99, 235, 0.25); background: #1d4ed8; }

    .btn-secondary-glass { 
        background: #fff; color: #475569; border: 1px solid #e2e8f0; font-size: 0.88rem; font-weight: 700; 
        padding: 0.8rem 1.5rem; border-radius: 14px; transition: all 0.2s; 
        display: flex; align-items: center; gap: 0.75rem; box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    }
    .btn-secondary-glass:hover { background: #f8fafc; color: #1e293b; border-color: #cbd5e1; }

    .loyalty-pill { padding: 5px 12px; border-radius: 10px; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; }
    .lb-platinum { background: linear-gradient(135deg, #4338ca, #312e81); color: #fff; }
    .lb-gold { background: linear-gradient(135deg, #f59e0b, #b45309); color: #fff; }
    .lb-silver { background: #94a3b8; color: #fff; }
    .lb-bronze { background: #b45309; color: #fff; }

    /* ── Kart dili ──
       Kartlar sayfadan hafifçe ayrılan, kenarı belirgin ama gölgesi yumuşak
       yüzeyler. 2.5rem iç boşluk ekranı boğuyordu; alan yoğunluğu artırıldı. */
    .qv-card {
        background: #fff;
        border: 1px solid #e9eef6;
        border-radius: 20px;
        padding: 1.6rem 1.75rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px -22px rgba(15, 23, 42, .5);
        transition: box-shadow .2s ease, border-color .2s ease;
    }
    .qv-card:hover { border-color: #dbe3ef; box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 16px 40px -26px rgba(15,23,42,.55); }

    /* Kart başlığı: ince üst çizgi + büyük harf etiket yerine net bir başlık */
    .qv-card > h5 {
        display: flex; align-items: center; gap: .6rem;
        font-size: .98rem; font-weight: 800; color: #0f172a; letter-spacing: -.01em;
        padding-bottom: .85rem; margin-bottom: 1.15rem;
        border-bottom: 1px solid #f1f5f9;
    }
    .qv-card > h5::before {
        content: ''; width: 4px; height: 16px; border-radius: 999px; flex: none;
        background: linear-gradient(180deg, #3b82f6, #1d4ed8);
    }

    /* Alanlar arası boşluk: g-4 çok seyrekti */
    .qv-card .row.g-4 { --bs-gutter-y: 1rem; --bs-gutter-x: 1rem; }
    /* ── Düzenlenebilir alanlar ──
       Alan "tıklanabilir" olduğunu kendi gösterir: dinlenme hâlinde hafif
       zeminli bir kutu, üzerine gelince mavi kenar ve kalem işareti. Eskiden
       yalnızca noktalı bir alt çizgi vardı, düzenlenebilir olduğu anlaşılmıyordu. */
    .qv-detail-field-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }
    .qv-detail-field { margin-bottom: 0.5rem; min-width: 0; }
    .qv-detail-field label {
        font-size: 0.68rem; font-weight: 800; color: #94a3b8; text-transform: uppercase;
        letter-spacing: 0.06em; margin-bottom: 6px; display: block;
    }
    .qv-detail-field .qv-field-help { display: block; margin-top: 5px; font-size: 0.68rem; color: #b6bfd0; font-weight: 600; }

    .qv-detail-field .inline-editable,
    .internal-notes-box .inline-editable {
        position: relative;
        display: block;
        width: 100%;
        min-height: 42px;
        padding: 9px 34px 9px 12px;
        border: 1.5px solid #e8edf4;
        border-bottom: 1.5px solid #e8edf4;
        border-radius: 11px;
        background: #fbfcfe;
        font-size: 0.92rem;
        font-weight: 700;
        color: #0f172a;
        line-height: 1.45;
        overflow-wrap: anywhere;
        transition: border-color .16s, background .16s, box-shadow .16s;
    }
    .qv-detail-field .inline-editable:hover {
        border-color: #93c5fd;
        background: #f5f9ff;
        color: #0f172a;
        box-shadow: 0 4px 14px -10px rgba(37, 99, 235, .8);
    }
    /* Kalem işareti yalnızca üzerine gelince belirir */
    .qv-detail-field .inline-editable::after {
        content: '\f304';
        font-family: 'Font Awesome 6 Free'; font-weight: 900;
        position: absolute; right: 11px; top: 50%; transform: translateY(-50%);
        font-size: .68rem; color: #cbd5e1; opacity: 0; transition: opacity .16s;
    }
    .qv-detail-field .inline-editable:hover::after { opacity: 1; color: #3b82f6; }
    .qv-detail-field .inline-editable.editing { padding: 0; border-color: transparent; background: transparent; box-shadow: none; }
    .qv-detail-field .inline-editable.editing::after { display: none; }
    /* Değeri boş olan alanlar soluk görünsün */
    .qv-detail-field .inline-editable:not(.editing):empty::before { content: '—'; color: #cbd5e1; }

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

    .qv-stats-panel { background: linear-gradient(135deg, #fff, #f8faff); border-radius: 24px; border: 1px solid #f1f5f9; }
    .fin-stat-card { border-radius: 24px; overflow: hidden; position: relative; transition: transform 0.3s; }
    .fin-stat-card:hover { transform: translateY(-5px); }

    .res-mini-card { background: #fff; border: 1px solid #f1f5f9; border-radius: 20px; padding: 1.75rem; transition: all 0.3s; }
    .res-mini-card:hover { border-color: #2563eb; transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.05); }

    .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); }
    .copy-bubble {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        background: #0f172a;
        color: #fff;
        font-size: 10px;
        padding: 4px 10px;
        border-radius: 8px;
        white-space: nowrap;
        pointer-events: none;
        z-index: 1100;
        animation: fadeInOut 1s ease forwards;
    }
    @keyframes fadeInOut { 0% { opacity: 0; transform: translate(-50%, 10px); } 20% { opacity: 1; transform: translate(-50%, 0); } 80% { opacity: 1; transform: translate(-50%, 0); } 100% { opacity: 0; transform: translate(-50%, -10px); } }
    .qv-editor-header::-webkit-scrollbar { display: none; }
    .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
</style>