@php
    $badge = $vm['badge'];
    $cap = $vm['capacity'];
    $typeKey = $vm['type_key'];
    $id = $vm['id'];
    $uid = $typeKey . '-' . $id;
    $updateUrl = route('agency.operations.update-field', [$typeKey, $id]);
    $isTerminal = in_array($badge['key'], ['cancelled', 'completed']);
    $isGuaranteed = in_array($badge['key'], ['auto_guaranteed', 'manual_guaranteed']);

    $resourceCost = (float) $assignments->sum(fn ($a) => $a->effective_cost);
    $net = (float) $vm['revenue_won'] - $resourceCost;

    $roleMeta = [
        'guide' => ['Rehber', 'fa-user-tie', '#3b82f6'],
        'vehicle' => ['Araç', 'fa-bus', '#10b981'],
        'captain' => ['Kaptan', 'fa-id-card', '#8b5cf6'],
    ];

    $start = $vm['start'];
    $end = $vm['end'];
    $dateLabel = $start?->translatedFormat('d F Y') ?? 'Tarih atanmadı';
    if ($start && $end && $end->ne($start)) {
        $dateLabel = $start->isSameMonth($end)
            ? $start->format('d') . '–' . $end->translatedFormat('d F Y')
            : $start->translatedFormat('d M') . ' – ' . $end->translatedFormat('d M Y');
    }
@endphp

<x-quick-view.layout>
    {{-- slim: müşteri / satış / tedarikçi kartlarıyla aynı kompakt başlık şeridi.
         Avatar (gün/ay bloğu) slim'de çizilmez — tarih zaten başlığın kendisi. --}}
    <x-quick-view.header :slim="true">
        <x-slot:title>
            {{ $dateLabel }}@if($vm['start_time']) <span class="text-muted" style="font-weight:600;">· {{ $vm['start_time'] }}</span>@endif
        </x-slot:title>

        <x-slot:subtitle>
            @if($start)<span class="text-muted small fw-600">{{ $start->translatedFormat('l') }}</span>@endif
            <span class="fw-700 text-dark @if($vm['tour_qv_url'] ?? null) ops-tourlink @endif"
                  @if($vm['tour_qv_url'] ?? null) data-quickview-url="{{ $vm['tour_qv_url'] }}" title="Tur kartını aç" @endif><i class="fas fa-route me-1 text-muted"></i>{{ $vm['tour_name'] }}</span>
            <span class="badge border-0 px-2" style="background:{{ $vm['type_color'] }}1a;color:{{ $vm['type_color'] }}">{{ $vm['type_label'] }}</span>
            @if($vm['is_private'] ?? false)<span class="ops-private" title="Satış kartında elle tarih girilerek açılan kişiye özel kalkış"><i class="fas fa-user-lock"></i> ÖZEL</span>@endif
            @if($vm['tour_code'])<span class="text-muted small fw-500" style="font-family:monospace">{{ $vm['tour_code'] }}</span>@endif
            <span class="badge border-0 px-2" style="background:{{ $badge['color'] }}1a;color:{{ $badge['color'] }}">
                <i class="fas {{ $badge['icon'] }} me-1"></i>{{ $badge['label'] }}
            </span>
        </x-slot:subtitle>

        <x-slot:metrics>
            <div class="qv-metric">
                <span class="qv-metric-label">DOLULUK</span>
                <span class="qv-metric-val">%{{ $cap['occupancy'] }}</span>
            </div>
            <div class="qv-metric">
                <span class="qv-metric-label">YOLCU</span>
                <span class="qv-metric-val">{{ $vm['pax'] }}</span>
            </div>
            <div class="qv-metric">
                <span class="qv-metric-label">CİRO</span>
                <span class="qv-metric-val text-success">{{ number_format($vm['revenue'], 0, ',', '.') }}₺</span>
            </div>
            <div class="qv-metric">
                <span class="qv-metric-label">NET</span>
                <span class="qv-metric-val" style="color:{{ $net >= 0 ? '#16a34a' : '#dc2626' }}">{{ number_format($net, 0, ',', '.') }}₺</span>
            </div>
        </x-slot:metrics>

        <x-slot:tabs>
            <x-quick-view.tab id="overview" label="Operasyon" icon="fas fa-clipboard-check" active="true" />
            <x-quick-view.tab id="resources" label="Kaynaklar" icon="fas fa-people-carry-box" :count="$assignments->count()" />
            {{-- Giderler: tedarikçi + kaynak ödemeleri (planlanan ↔ gerçekleşen) --}}
            <x-quick-view.tab id="expenses" label="Giderler" icon="fas fa-file-invoice-dollar" :count="$expenseSummary['row_count'] ?? 0" />
            {{-- Sayaç yolcu sayısıdır (rezervasyon değil): tek rezervasyonda 3 yolcu varsa 3 yazar --}}
            <x-quick-view.tab id="manifest" label="Yolcu Listesi" icon="fas fa-users" :count="$sales->sum(fn($s) => $s->passengers->count() ?: (int) $s->total_participants)" />
            {{-- Odalama yalnızca konaklamalı kalkışlarda (kültür + yurt dışı) anlamlıdır;
                 günübirlik turlarda sekme hiç basılmaz. Özel tur ayrımı etkilemez. --}}
            @if($isOvernight ?? false)
                <x-quick-view.tab id="rooming" label="Odalama" icon="fas fa-bed" :count="$roomingSummary['rooms'] ?? 0" />
            @endif
        </x-slot:tabs>
    </x-quick-view.header>

    <x-quick-view.content>
    <div id="opsqv-{{ $uid }}">

        {{-- ══ OPERASYON ══ --}}
        <div id="qv-tab-overview" class="qv-tab-panel active">
            <x-quick-view.main class="border-0">

                {{-- Kesin kalkış durumu + aksiyonlar (AJAX — drawer içinde kalır).
                     Defter kartına DÖNÜŞTÜRÜLMEDİ bilerek: burası bir alan listesi
                     değil, kalkışın o anki hâli ve alınabilecek kararlar. Kartın
                     tek renkli bloğu bu olsun ki göz önce buraya gitsin. --}}
                <div class="opsqv-state mb-4" style="--sc:{{ $badge['color'] }}">
                    <div class="d-flex align-items-center gap-3">
                        <div class="opsqv-state-ic">
                            <i class="fas {{ $badge['icon'] }}"></i>
                        </div>
                        <div class="flex-grow-1">
                            <div class="opsqv-state-t">{{ $badge['label'] }}</div>
                            @if($op && $op->guaranteed_at)
                                <div class="small text-muted">
                                    {{ $op->guaranteed_mode === 'manual' ? 'Manuel olarak' : 'Otomatik (eşik dolunca)' }}
                                    kesin kalkışa alındı · {{ $op->guaranteed_at->translatedFormat('d F Y H:i') }}
                                    @if($op->guaranteedBy) · {{ $op->guaranteedBy->full_name ?? $op->guaranteedBy->name }}@endif
                                </div>
                            @elseif($op && $op->departure_status === 'cancelled')
                                <div class="small text-muted">{{ $op->cancellation_reason ?: 'İptal edildi' }}</div>
                            @else
                                <div class="small text-muted">Rezervasyon toplanıyor, henüz kesin kalkışa geçmedi.</div>
                            @endif
                        </div>
                    </div>

                    @if(!$isTerminal)
                        <div class="d-flex flex-wrap gap-2 mt-3">
                            @if(!$isGuaranteed)
                                <button type="button" class="btn btn-sm fw-700 text-white" style="background:#10b981;border-radius:10px;" data-act="guarantee">
                                    <i class="fas fa-circle-check me-1"></i> Kesin Kalkışa Al
                                </button>
                            @endif
                            @if($isGuaranteed && $op && $op->departure_status !== 'departed')
                                <button type="button" class="btn btn-sm fw-700 text-white" style="background:#0ea5e9;border-radius:10px;" data-act="depart">
                                    <i class="fas fa-plane-departure me-1"></i> Yola Çıktı
                                </button>
                            @endif
                            <button type="button" class="btn btn-sm btn-light fw-700" style="border-radius:10px;" data-act="complete">
                                <i class="fas fa-flag-checkered me-1"></i> Tamamla
                            </button>
                            <button type="button" class="btn btn-sm fw-700 text-danger" style="background:#fee2e2;border-radius:10px;" data-act="cancel">
                                <i class="fas fa-ban me-1"></i> İptal Et
                            </button>
                        </div>
                    @endif
                </div>

                {{-- Kalkış künyesi: doluluk, finans ve operasyon notu tek defterde.
                     Önceden altı ayrı kutu karttı; rakamlar alt alta okununca
                     karşılaştırılabiliyor ve kart belirgin biçimde kısalıyor. --}}
                <div class="mb-4">
                    @include('agency.operations.partials.qv-summary-ledger')
                </div>

                {{-- Hizmet onayları (yalnızca kültür/yurt dışı) --}}
                @if($vm['services'])
                    <div class="pfx mb-4">
                        <div class="pfx-top">
                            <span class="pfx-top-t"><i class="fas fa-clipboard-check"></i> Hizmet Onayları</span>
                        </div>
                        <div class="pfx-body">
                            <div class="d-flex flex-wrap gap-2">
                                @foreach(['accommodation'=>['Konaklama','fa-bed'],'meals'=>['Yemek','fa-utensils'],'transportation'=>['Ulaşım','fa-bus']] as $svc => $info)
                                    @php $on = $vm['services'][$svc]; @endphp
                                    <button type="button" class="opsqv-svc {{ $on ? 'on' : '' }}"
                                        data-act="svc" data-service="{{ $svc }}" data-confirmed="{{ $on ? 1 : 0 }}">
                                        <i class="fas {{ $info[1] }}"></i>{{ $info[0] }}
                                        <i class="fas {{ $on ? 'fa-check' : 'fa-xmark' }} opsqv-svc-state"></i>
                                    </button>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

                {{-- İlişkili görevler (görev kartına çapraz link) --}}
                @if(($relatedTasks ?? collect())->isNotEmpty())
                    <div class="pfx mb-4">
                        <div class="pfx-top">
                            <span class="pfx-top-t"><i class="fas fa-list-check"></i> İlişkili Görevler</span>
                            <span class="flw-stat">{{ $relatedTasks->count() }} görev</span>
                        </div>
                        <div class="pfx-body">
                            <div class="d-flex flex-column gap-2">
                                @foreach($relatedTasks as $t)
                                    @php $tm = $t->statusMeta(); @endphp
                                    <div class="opsqv-task" title="Görev kartını aç"
                                         onclick="event.stopPropagation(); openQuickView('{{ route('agency.tasks.quick-view', $t) }}')">
                                        <span class="opsqv-task-dot" style="background:{{ $tm['color'] }}"></span>
                                        <div class="flex-grow-1" style="min-width:0">
                                            <div class="fw-700 text-dark text-truncate">
                                                @if($t->is_auto)<i class="fas fa-robot text-muted me-1" style="font-size:.7rem" title="Otomatik görev"></i>@endif{{ $t->title }}
                                            </div>
                                            <div class="small text-muted">
                                                <span style="color:{{ $tm['color'] }};font-weight:700">{{ $tm['label'] }}</span>
                                                @if($t->due_date) · Son tarih: {{ $t->due_date->translatedFormat('d M Y') }}@endif
                                                @if($t->assignees->isNotEmpty()) · {{ $t->assignees->map(fn ($u) => $u->full_name)->implode(', ') }}@endif
                                            </div>
                                        </div>
                                        <i class="fas fa-arrow-up-right-from-square opsqv-task-go"></i>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

                {{-- ══ ETKİNLİK AKIŞI ══
                     Operasyon notu tek bir metindir ve "kim, ne zaman" bilgisini
                     taşımaz; kalkışın iletişim geçmişi buraya birikir. Ayrı sekme
                     açılmaz — müşteri ve tedarikçi kartlarındaki gibi genel bakışın
                     içinde durur. Bağlı postalar da bu akışa karışır. --}}
                @if($activitiesReady ?? false)
                    <div class="pfx acx mb-3">
                        <form id="opsAct-{{ $uid }}">
                            <input type="hidden" name="activity_type" id="opsActType-{{ $uid }}" value="note">

                            <div class="acx-types">
                                <button type="button" class="acx-type on" style="--ac:#f59e0b" data-act="act-type" data-type="note"><i class="fas fa-sticky-note"></i>Not</button>
                                <button type="button" class="acx-type" style="--ac:#3b82f6" data-act="act-type" data-type="call"><i class="fas fa-phone"></i>Arama</button>
                                <button type="button" class="acx-type" style="--ac:#22c55e" data-act="act-type" data-type="whatsapp"><i class="fab fa-whatsapp"></i>WhatsApp</button>
                                <button type="button" class="acx-type" style="--ac:#ec4899" data-act="act-type" data-type="email"><i class="fas fa-envelope"></i>E-posta</button>
                                <button type="button" class="acx-type" style="--ac:#10b981" data-act="act-type" data-type="meeting"><i class="fas fa-handshake"></i>Toplantı</button>
                                <button type="button" class="acx-type" style="--ac:#8b5cf6" data-act="act-type" data-type="sms"><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="Konu başlığı (örn. Rehber teyidi)">
                                    <textarea name="description" class="acx-text" placeholder="Neler yaşandı? Detayları buraya yazın…" required></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>
                @endif

                <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>
                        <span class="flw-stat">{{ $activityFeed->count() }} kayıt</span>
                        @if($activityMails->isNotEmpty())
                            <span class="flw-stat"><i class="fas fa-envelope" style="margin-right:4px;opacity:.6"></i>{{ $activityMails->count() }} yazışma</span>
                        @endif
                    </div>

                    <div class="flw">
                        @forelse($activityFeed 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'];
                                $type = $activity->activity_type?->value ?? $activity->activity_type;
                                $icon = match($type) {
                                    'call' => 'phone', 'email' => 'envelope', 'meeting' => 'handshake',
                                    'note' => 'sticky-note', 'whatsapp' => 'whatsapp', 'sms' => 'comment-sms',
                                    default => 'circle-dot'
                                };
                                $color = match($type) {
                                    'call' => '#3b82f6', 'email' => '#ec4899', 'meeting' => '#10b981',
                                    'note' => '#f59e0b', 'whatsapp' => '#22c55e', 'sms' => '#8b5cf6',
                                    default => '#64748b'
                                };
                                $isBrandIcon = $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

                                    {{-- Kalkışın o anki durumu: not "rezervasyon toplanırken" mi
                                         yoksa kesin kalkıştan sonra mı yazılmış, geriye dönük okunabilsin --}}
                                    @if($activity->stage_label)
                                        <div class="flw-m">
                                            <span><i class="fas fa-flag-checkered"></i>{{ $activity->stage_label }}</span>
                                            @if($activity->duration_minutes)
                                                <span><i class="fas fa-stopwatch"></i>{{ $activity->duration_minutes }} dk</span>
                                            @endif
                                        </div>
                                    @endif

                                    <div class="flw-f">
                                        <span class="flw-who">{{ $activity->performer?->first_name ?: 'Sistem' }}</span>
                                        <button type="button" class="flw-del" data-act="act-del" data-id="{{ $activity->id }}" title="Etkinliği sil">
                                            <i class="fas fa-trash-can"></i>
                                        </button>
                                    </div>
                                </div>
                            </article>
                        @empty
                            {{-- Tablo migrate edilmemişse yazma kutusu basılmaz; boş durum da
                                 olmayan bir kutuyu işaret etmesin --}}
                            <x-quick-view.flow-empty title="Henüz etkinlik yok">
                                @if($activitiesReady ?? false)Yukarıdaki kutudan not, arama veya görüşme kaydı ekleyin; @endif Mail
                                modülünden bir yazışmayı bu operasyonla ilişkilendirirseniz o da burada görünür.
                            </x-quick-view.flow-empty>
                        @endforelse
                    </div>
                </div>

                {{-- Ortak katmanlar: pfx satır davranışı ledger-ui'de, yazma kutusu ve
                     akış activity-ui'de, akıştaki posta satırı + okuyucusu mail-*'ta. --}}
                @include('components.quick-view.ledger-ui')
                @include('components.quick-view.activity-ui')
                @include('components.quick-view.mail-ui')
                @include('components.quick-view.mail-reader')

            </x-quick-view.main>
        </div>

        {{-- ══ KAYNAKLAR ══ --}}
        <div id="qv-tab-resources" class="qv-tab-panel">
            <x-quick-view.main class="border-0">

                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h6 class="fw-800 text-dark mb-0"><i class="fas fa-people-carry-box text-secondary me-2"></i>Atanan Kaynaklar ({{ $assignments->count() }})</h6>
                    <button type="button" class="btn btn-sm fw-700 text-white" style="background:#334155;border-radius:10px;" data-act="ap-open">
                        <i class="fas fa-plus me-1"></i> Kaynak Ata
                    </button>
                </div>

                {{-- Atama paneli (istek üzerine JSON'dan doldurulur) --}}
                <div id="apPanel-{{ $uid }}" class="card border-0 p-3 mb-4 d-none" style="border-radius:18px;border:1px dashed #cbd5e1 !important;background:#f8fafc;">
                    <datalist id="apTitles-{{ $uid }}">
                        @foreach($costTitles ?? [] as $t)
                            <option value="{{ $t }}"></option>
                        @endforeach
                    </datalist>
                    <div class="d-flex flex-wrap gap-2 align-items-center justify-content-between mb-2">
                        <div class="opsqv-tabs">
                            <button type="button" class="opsqv-tab active" data-act="ap-role" data-role="all">Tümü</button>
                            <button type="button" class="opsqv-tab" data-act="ap-role" data-role="guide">Rehber</button>
                            <button type="button" class="opsqv-tab" data-act="ap-role" data-role="vehicle">Araç</button>
                            <button type="button" class="opsqv-tab" data-act="ap-role" data-role="captain">Kaptan</button>
                        </div>
                        <div class="opsqv-search"><i class="fas fa-search"></i><input type="text" id="apSearch-{{ $uid }}" placeholder="Kaynak ara…"></div>
                    </div>
                    <div id="apList-{{ $uid }}" class="opsqv-aplist">
                        <div class="text-muted small p-3 text-center"><i class="fas fa-spinner fa-spin me-1"></i> Kaynaklar yükleniyor…</div>
                    </div>
                </div>

                {{-- Atanmış kaynaklar --}}
                @forelse($assignments as $a)
                    @php $role = $a->effective_role; $rm = $roleMeta[$role] ?? ['Kaynak', 'fa-cube', '#64748b']; $r = $a->resource; @endphp
                    <div class="opsqv-res">
                        <div class="opsqv-res-ic" style="background:{{ $rm[2] }}1a;color:{{ $rm[2] }}"><i class="fas {{ $rm[1] }}"></i></div>
                        <div class="flex-grow-1" style="min-width:0">
                            <div class="fw-700 text-dark">
                                @if($r)
                                    <span class="opsqv-reslink" title="Kaynak kartını aç"
                                          onclick="event.stopPropagation(); openResourceDrawer({{ $r->id }})">{{ $r->name }}</span>
                                @else
                                    Kaynak
                                @endif
                                <span class="badge border-0 ms-1" style="background:{{ $rm[2] }}1a;color:{{ $rm[2] }}">{{ $rm[0] }}</span>
                                @if($r?->supplier)
                                    <span class="opsqv-suplink ms-1" title="Tedarikçi kartını aç"
                                          onclick="event.stopPropagation(); openSupplierDrawer({{ $r->supplier_id }})">
                                        <i class="fas fa-handshake"></i> {{ $r->supplier->company_name ?: trim(($r->supplier->first_name ?? '') . ' ' . ($r->supplier->last_name ?? '')) }}
                                    </span>
                                @endif
                                <span class="badge border-0 ms-1" style="background:{{ $a->assignment_color }}1a;color:{{ $a->assignment_color }}">
                                    <i class="fas {{ $a->is_pre_assigned ? 'fa-hourglass-half' : 'fa-circle-check' }}" style="font-size:.65rem"></i> {{ $a->assignment_status_label }}
                                </span>
                            </div>
                            <div class="small text-muted text-truncate">
                                @if($role === 'vehicle' && $r?->vehicle_plate)<span style="font-family:monospace">{{ $r->vehicle_plate }}</span>@endif
                                @if($r?->phone) @if($role==='vehicle' && $r?->vehicle_plate) · @endif {{ $r->phone }}@endif
                                @if($a->cost_summary) · {{ $a->cost_summary }}@endif
                            </div>
                        </div>
                        <div class="fw-800 text-dark me-1" style="white-space:nowrap">{{ number_format($a->effective_cost, 0, ',', '.') }}₺</div>
                        @if($a->is_pre_assigned)
                            <button type="button" class="opsqv-btn confirm" data-act="res-toggle" data-sid="{{ $a->id }}" title="Kesin atamaya çevir">
                                <i class="fas fa-check me-1"></i>Kesinleştir
                            </button>
                        @else
                            <button type="button" class="opsqv-btn unconfirm" data-act="res-toggle" data-sid="{{ $a->id }}" title="Ön atamaya geri al">
                                <i class="fas fa-circle-check me-1"></i>Kesin <i class="fas fa-rotate-left ms-1" style="font-size:.6rem;opacity:.6"></i>
                            </button>
                        @endif
                        <button type="button" class="opsqv-btn contract" data-act="res-contract" data-sid="{{ $a->id }}" data-name="{{ $r->name ?? 'Kaynak' }}" title="Kontrat oluştur / yönet">
                            <i class="fas fa-file-signature"></i>
                            @if($a->contract)
                                <span class="opsqv-cbadge" style="background:{{ $a->contract->status_color }}">{{ $a->contract->status_label }}</span>
                            @endif
                        </button>
                        <button type="button" class="opsqv-btn del" data-act="res-remove" data-sid="{{ $a->id }}" title="Atamayı kaldır"><i class="fas fa-xmark"></i></button>
                    </div>
                @empty
                    <div class="text-muted small mb-3"><i class="fas fa-circle-info me-1"></i>Henüz kaynak atanmadı. "Kaynak Ata" ile rehber, araç veya kaptan atayın.</div>
                @endforelse

                {{-- Maliyet özeti — Operasyon sekmesindeki künyeyle aynı defter dili --}}
                @if($assignments->count())
                    @php
                        $opsResRo = fn (string $l, $t) => ['label' => $l, 'field' => null, 'type' => 'text', 'value' => (string) $t, 'text' => (string) $t, 'mono' => true];
                        $opsResMoney = fn ($v) => number_format((float) $v, 0, ',', '.') . '₺';
                    @endphp
                    <div class="mt-3">
                        @include('components.quick-view.ledger-card', ['card' => [
                            'title' => 'Kaynak Özeti',
                            'icon' => 'fa-calculator',
                            'class' => 'pfx-lw',
                            'sections' => [[
                                'title' => 'Maliyet ve Kâr', 'icon' => 'fa-coins',
                                'rows' => [
                                    $opsResRo('Atanan Kaynak', $assignments->count()),
                                    $opsResRo('Toplam Maliyet', $opsResMoney($resourceCost)),
                                    $opsResRo('Kesin Ciro', $opsResMoney($vm['revenue_won'])),
                                    $opsResRo('Net', $opsResMoney($net)),
                                ],
                            ]],
                        ]])
                    </div>
                @endif

            </x-quick-view.main>
        </div>

        {{-- ══ GİDERLER ══ --}}
        <div id="qv-tab-expenses" class="qv-tab-panel">
            <x-quick-view.main class="border-0">
                @include('agency.operations.partials.expense-panel', [
                    'uid' => $uid, 'typeKey' => $typeKey, 'id' => $id, 'vm' => $vm,
                    'rows' => $expenseRows ?? collect(),
                    'payments' => $expensePayments ?? collect(),
                    'summary' => $expenseSummary ?? [],
                    'suppliers' => $expenseSuppliers ?? collect(),
                    'currencies' => $expenseCurrencies ?? collect(),
                    'expensesReady' => $expensesReady ?? false,
                ])
            </x-quick-view.main>
        </div>

        {{-- ══ MANİFESTO ══ --}}
        <div id="qv-tab-manifest" class="qv-tab-panel">
            <x-quick-view.main class="border-0">
                @php
                    $paxTotal = $sales->sum(fn($s) => $s->passengers->count() ?: (int) $s->total_participants);
                    $mfRows = $manifestRows ?? collect();
                    $mfNamed = $mfRows->where('_named', true);
                    $mfDocumented = $mfRows->filter(fn($r) => !empty($r['_doc_id']))->count();
                    $mfTicketed = $mfRows->filter(fn($r) => !empty($r['ticket_number']))->count();
                @endphp

                @if($sales->count())
                    {{-- ═══ MANİFESTO ARAÇ ÇUBUĞU ═══ --}}
                    <div class="pmf-bar">
                        <div class="pmf-stats">
                            <span class="pmf-stat"><i class="fas fa-users"></i><b>{{ $paxTotal }}</b> yolcu</span>
                            <span class="pmf-sep"></span>
                            <span class="pmf-stat"><i class="fas fa-receipt"></i><b>{{ $sales->count() }}</b> rezervasyon</span>
                            @if($mfNamed->count() < $paxTotal)
                                <span class="pmf-sep"></span>
                                <span class="pmf-stat warn" title="Adı girilmemiş yolcu var"><i class="fas fa-user-pen"></i><b>{{ $paxTotal - $mfNamed->count() }}</b> isimsiz</span>
                            @endif
                            @if($isFlight ?? false)
                                <span class="pmf-sep"></span>
                                <span class="pmf-stat {{ $mfTicketed < $mfNamed->count() ? 'warn' : 'ok' }}"><i class="fas fa-ticket"></i><b>{{ $mfTicketed }}/{{ $mfNamed->count() }}</b> bilet</span>
                            @endif
                            @if($mfDocumented)
                                <span class="pmf-sep"></span>
                                <span class="pmf-stat {{ $mfDocumented < $mfNamed->count() ? '' : 'ok' }}"><i class="fas fa-file-signature"></i><b>{{ $mfDocumented }}/{{ $mfNamed->count() }}</b> belge</span>
                            @endif
                        </div>

                        <div class="pmf-actions">
                            <div class="pmf-view">
                                <button type="button" class="active" onclick="mfSetView('{{ $uid }}','table',this)" title="Tablo görünümü"><i class="fas fa-table-list"></i></button>
                                <button type="button" onclick="mfSetView('{{ $uid }}','card',this)" title="Rezervasyon kartları"><i class="fas fa-id-card"></i></button>
                            </div>
                            {{-- Kişi sayısı dolmamış rezervasyon varsa yeni yolcu girilebilir --}}
                            @if($sales->contains(fn($s) => $s->passengers->count() < max(1, (int) $s->total_participants)))
                                <button type="button" class="pmf-btn pmf-btn-pax" onclick="mfAddPassenger(null, '{{ $uid }}')">
                                    <i class="fas fa-user-plus"></i> Yolcu Ekle
                                </button>
                            @endif
                            @if(($passengerDocTemplates ?? collect())->count())
                                <button type="button" class="pmf-btn pmf-btn-doc" onclick="mfOpenDocModal('{{ $uid }}')">
                                    <i class="fas fa-file-signature"></i> Belge Üret
                                </button>
                            @endif
                            <button type="button" class="pmf-btn pmf-btn-exp" onclick="mfOpenExportModal('{{ $uid }}')">
                                <i class="fas fa-file-export"></i> Dışa Aktar
                            </button>
                        </div>
                    </div>

                    {{-- ═══ TABLO GÖRÜNÜMÜ ═══ --}}
                    <div id="mf-table-{{ $uid }}">
                        @include('agency.operations.partials.manifest-table', [
                            'rows' => $mfRows, 'uid' => $uid, 'typeKey' => $typeKey, 'id' => $id, 'isFlight' => $isFlight ?? false,
                        ])
                    </div>
                @endif

                {{-- ═══ KART GÖRÜNÜMÜ (rezervasyon bazlı — ödeme alma burada) ═══ --}}
                <div id="mf-card-{{ $uid }}" style="display:none;">
                @forelse($sales as $sale)
                    <div class="ops-mf-sale mb-3">
                        {{-- Satış başlığı --}}
                        <div class="ops-mf-head">
                            <div class="ops-mf-av">{{ mb_strtoupper(mb_substr($sale->customer->first_name ?? 'M', 0, 1)) }}</div>
                            <div class="flex-grow-1" style="min-width:0">
                                <div class="fw-800 text-dark text-truncate">{{ $sale->customer->first_name ?? '' }} {{ $sale->customer->last_name ?? '' }}</div>
                                <div class="small text-muted">#{{ $sale->sale_code }} · {{ $sale->total_participants }} yolcu · {{ $sale->adult_count }}Y {{ $sale->child_count }}Ç {{ $sale->infant_count }}B</div>
                            </div>
                            <span class="badge border-0 px-2" style="background:{{ $sale->status_color }}1a;color:{{ $sale->status_color }}">{{ $sale->status_label }}</span>
                            <div class="fw-800 text-dark ms-1">{{ number_format($sale->total_amount, 0, ',', '.') }}₺</div>
                            <div class="d-flex gap-1 ms-2">
                                <button type="button" class="ops-pax-btn" title="Yolcu (Kişi) Kartı" onclick="event.stopPropagation(); openCustomerDrawer({{ $sale->customer_id }})"><i class="fas fa-user"></i></button>
                                <button type="button" class="ops-pax-btn" title="Satış Kartı" onclick="event.stopPropagation(); openSaleDrawer({{ $sale->id }})"><i class="fas fa-receipt"></i></button>
                            </div>
                        </div>
                        {{-- Ödeme çubuğu --}}
                        @php $pColor = ['paid'=>'#16a34a','partial'=>'#d97706','unpaid'=>'#dc2626','refunded'=>'#64748b'][$sale->payment_status] ?? '#64748b'; @endphp
                        <div class="ops-mf-pay" data-ops-pay data-selfurl="{{ $vm['quick_view_url'] }}">
                            <div class="ops-mf-pay-info">
                                <span class="ops-mf-pay-badge" style="background:{{ $pColor }}1a;color:{{ $pColor }}">{{ $sale->payment_status_label }}</span>
                                <span class="text-muted small">Ödenen <b class="text-dark">{{ number_format($sale->paid_amount, 0, ',', '.') }}₺</b></span>
                                <span class="text-muted small">Kalan <b style="color:{{ $sale->remaining_amount > 0 ? '#dc2626' : '#16a34a' }}">{{ number_format($sale->remaining_amount, 0, ',', '.') }}₺</b></span>
                            </div>
                            <div class="ops-mf-pay-acts">
                                @if($sale->remaining_amount > 0)
                                    {{-- Hızlı tahsilat: tutarı girip anında kaydeder (ödemeler defterine düşer) --}}
                                    <form action="{{ route('agency.sales.payment', $sale) }}" method="POST" class="ops-mf-pay-form">
                                        @csrf
                                        <input type="number" step="0.01" min="0.01" max="{{ $sale->remaining_amount }}" name="amount" placeholder="Tutar ₺" required>
                                        <button type="submit"><i class="fas fa-bolt me-1"></i>Hızlı Tahsilat</button>
                                    </form>
                                @endif
                                {{-- Ayrıntılı kayıt: yöntem, dekont, fatura eşleştirmesi --}}
                                <button type="button" class="ops-mf-pay-detail"
                                        onclick="openQuickView('{{ route('agency.payments.quick-create', ['sale' => $sale->id, 'direction' => 'in']) }}')">
                                    <i class="fas fa-money-bill-transfer me-1"></i>Ödeme Kaydı
                                </button>
                            </div>
                        </div>
                        {{-- Yolcular --}}
                        @if($sale->passengers->count())
                            <div class="ops-mf-paxlist">
                                @foreach($sale->passengers as $pi => $p)
                                    <div class="ops-mf-pax">
                                        <span class="ops-mf-no">{{ $pi + 1 }}</span>
                                        <div class="flex-grow-1" style="min-width:0">
                                            <span class="fw-700 text-dark">{{ $p->full_name ?: 'Yolcu' }}</span>
                                            @if($p->pivot->special_request)<span class="ops-mf-tag" style="background:#fef9c3;color:#854d0e"><i class="fas fa-comment-dots me-1"></i>{{ $p->pivot->special_request }}</span>@endif
                                        </div>
                                        @if($p->pivot->room_number)<span class="ops-mf-tag"><i class="fas fa-bed me-1"></i>Oda {{ $p->pivot->room_number }}</span>@endif
                                        @if($p->pivot->seat_number)<span class="ops-mf-tag"><i class="fas fa-chair me-1"></i>Koltuk {{ $p->pivot->seat_number }}</span>@endif
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="ops-mf-empty"><i class="fas fa-circle-info me-1"></i>Bu rezervasyonda ayrı yolcu kaydı girilmemiş ({{ $sale->total_participants }} kişi). Detay/düzenleme için Satış Kartı'nı açın.</div>
                        @endif
                    </div>
                @empty
                    <div class="text-center text-muted py-5">
                        <i class="fas fa-user-slash fa-2x mb-3 d-block" style="color:#cbd5e1;"></i>
                        Bu kalkışa bağlı yolcu kaydı yok.
                    </div>
                @endforelse
                </div>{{-- /kart görünümü --}}

                @include('agency.operations.partials.manifest-modals', [
                    'uid' => $uid, 'typeKey' => $typeKey, 'id' => $id,
                    'rows' => $mfRows ?? collect(),
                    'sales' => $sales,
                    'groups' => $manifestGroups ?? [],
                    'groupLabels' => $manifestGroupLabels ?? [],
                    'presets' => $manifestPresets ?? [],
                    'defaultColumns' => $manifestDefault ?? [],
                    'passengerDocTemplates' => $passengerDocTemplates ?? collect(),
                ])
            </x-quick-view.main>
        </div>

        {{-- ══ ODALAMA ══ (yalnızca konaklamalı kalkışlar) --}}
        @if($isOvernight ?? false)
            <div id="qv-tab-rooming" class="qv-tab-panel">
                <x-quick-view.main class="border-0">
                    @include('agency.operations.partials.rooming-panel', [
                        'uid' => $uid, 'typeKey' => $typeKey, 'id' => $id,
                        'rooming' => $rooming ?? [],
                        'roomingSummary' => $roomingSummary ?? ['rooms' => 0, 'assigned' => 0, 'unassigned' => 0, 'over' => 0],
                        'roomTypes' => $roomTypes ?? [],
                        'roomingReady' => $roomingReady ?? false,
                    ])
                </x-quick-view.main>
            </div>
        @endif

        {{-- ══ KONTRAT PANELİ (drawer üstü overlay) ══ --}}
        <div class="opsqv-rc-ov" id="rcOv-{{ $uid }}" hidden>
            <div class="opsqv-rc-card">
                <div class="opsqv-rc-head">
                    <div>
                        <div class="fw-800" style="font-size:1rem;"><i class="fas fa-file-signature me-2"></i>Kaynak Sözleşmesi</div>
                        <div class="small" style="opacity:.8" id="rcName-{{ $uid }}">—</div>
                    </div>
                    <button type="button" class="opsqv-rc-x" data-act="rc-close"><i class="fas fa-xmark"></i></button>
                </div>
                <div class="opsqv-rc-body">
                    {{-- ADIM 1: şablon seç + mevcutlar --}}
                    <div id="rcStepSetup-{{ $uid }}">
                        <div id="rcExistingWrap-{{ $uid }}" class="mb-3 d-none">
                            <div class="opsqv-rc-label">Bu Atamaya Ait Kontratlar</div>
                            <div id="rcExistingList-{{ $uid }}" class="d-flex flex-column gap-2"></div>
                            <hr class="my-3">
                        </div>
                        <div class="opsqv-rc-label">Şablon Seç</div>
                        <select id="rcTemplate-{{ $uid }}" class="form-select mb-3" style="border-radius:12px;"></select>
                        <div id="rcManualWrap-{{ $uid }}" class="mb-3"></div>
                        <div id="rcNoTemplates-{{ $uid }}" class="text-center text-muted py-4 d-none">
                            <i class="fas fa-folder-open fs-3 mb-2 d-block" style="opacity:.4"></i>
                            Bu kaynak için aktif sözleşme şablonu yok.<br>
                            <a href="{{ route('agency.settings.contracts.create') }}" target="_blank">Yeni bir kontrat şablonu oluşturun</a> (Bağlam: <strong>Rehber / Kaynak</strong>).
                        </div>
                        <button type="button" class="btn w-100 fw-700 text-white" id="rcGenerateBtn-{{ $uid }}" data-act="rc-generate"
                            style="background:#334155;border-radius:12px;padding:12px;">
                            <i class="fas fa-wand-magic-sparkles me-1"></i> Kontratı Oluştur
                        </button>
                    </div>

                    {{-- ADIM 2: düzenle --}}
                    <div id="rcStepEdit-{{ $uid }}" class="d-none">
                        <div class="d-flex align-items-center justify-content-between mb-2">
                            <button type="button" class="btn btn-sm btn-light fw-700" data-act="rc-back" style="border-radius:10px;">
                                <i class="fas fa-arrow-left me-1"></i> Geri
                            </button>
                            <span class="opsqv-rc-status" id="rcStatusBadge-{{ $uid }}">Taslak</span>
                        </div>
                        <input type="text" id="rcTitle-{{ $uid }}" class="form-control fw-700 mb-2" style="border-radius:12px;" placeholder="Kontrat başlığı">
                        <div style="border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#fff;">
                            <div id="rcEditor-{{ $uid }}" style="height:300px;"></div>
                        </div>
                        <div class="d-flex flex-wrap gap-2 mt-3">
                            <button type="button" class="btn fw-700 text-white" data-act="rc-save" style="background:#0ea5e9;border-radius:10px;">
                                <i class="fas fa-save me-1"></i> Kaydet
                            </button>
                            <button type="button" class="btn fw-700 text-white" data-act="rc-send" style="background:#16a34a;border-radius:10px;">
                                <i class="fas fa-paper-plane me-1"></i> Gönder
                            </button>
                            <button type="button" class="btn fw-700" data-act="rc-preview" style="background:#e2e8f0;border-radius:10px;color:#334155;">
                                <i class="fas fa-eye me-1"></i> Ön İzleme
                            </button>
                            <button type="button" class="btn fw-700 ms-auto" data-act="rc-delete" style="background:#fee2e2;color:#dc2626;border-radius:10px;">
                                <i class="fas fa-trash"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

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

<style>
    .ops-pax-btn { width:32px; height:32px; border-radius:9px; border:1px solid #e2e8f0; background:#fff; color:#64748b; display:inline-flex; align-items:center; justify-content:center; transition:all .18s; cursor:pointer; font-size:.8rem; }
    .ops-pax-btn:hover { background:#334155; border-color:#334155; color:#fff; transform:translateY(-1px); }
    /* Yolcu manifesti */
    .ops-mf-sale { border:1px solid #e2e8f0; border-radius:16px; overflow:hidden; }
    .ops-mf-head { display:flex; align-items:center; gap:12px; padding:12px 14px; background:#f8fafc; border-bottom:1px solid #eef1f7; }
    .ops-mf-av { width:40px; height:40px; border-radius:12px; background:#e2e8f0; color:#334155; display:flex; align-items:center; justify-content:center; font-weight:800; flex-shrink:0; }
    .ops-mf-paxlist { padding:6px 10px; }
    .ops-mf-pax { display:flex; align-items:center; gap:10px; padding:8px 6px; border-bottom:1px dashed #f1f5f9; }
    .ops-mf-pax:last-child { border-bottom:none; }
    .ops-mf-no { width:24px; height:24px; border-radius:7px; background:#eef2ff; color:#4f46e5; font-weight:800; font-size:.72rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .ops-mf-tag { display:inline-flex; align-items:center; font-size:.7rem; font-weight:700; color:#475569; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:8px; padding:3px 8px; white-space:nowrap; }
    .ops-mf-empty { padding:12px 14px; font-size:.78rem; color:#94a3b8; }
    .ops-mf-pay { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:9px 14px; background:#fcfcfe; border-bottom:1px solid #eef1f7; }
    .ops-mf-pay-info { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
    .ops-mf-pay-badge { font-size:.68rem; font-weight:800; padding:3px 9px; border-radius:7px; }
    .ops-mf-pay-acts { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
    .ops-mf-pay-detail {
        display:inline-flex; align-items:center; border:1px solid #e2e8f0; background:#fff; color:#059669;
        border-radius:9px; padding:6px 12px; font-size:.78rem; font-weight:800; cursor:pointer; transition:.15s;
    }
    .ops-mf-pay-detail:hover { border-color:#a7f3d0; background:#ecfdf5; }
    .ops-mf-pay-form { display:flex; align-items:center; gap:6px; }
    .ops-mf-pay-form input { width:110px; border:1px solid #e2e8f0; border-radius:9px; padding:6px 10px; font-size:.82rem; font-weight:700; outline:none; }
    .ops-mf-pay-form input:focus { border-color:#16a34a; box-shadow:0 0 0 3px rgba(22,163,74,.1); }
    .ops-mf-pay-form button { border:none; background:#16a34a; color:#fff; font-size:.75rem; font-weight:700; border-radius:9px; padding:7px 12px; cursor:pointer; white-space:nowrap; }
    .ops-mf-pay-form button:hover { background:#15803d; }
    .ops-pax-row:hover { border-color:#cbd5e1 !important; background:#f8fafc; }
    .ops-tourlink { cursor:pointer; transition:color .15s; }
    .ops-tourlink:hover { color:#0f172a !important; text-decoration:underline; text-underline-offset:3px; }

    /* ═══ Kalkış durumu bloğu ═══
       Kartın TEK renkli alanı: rengini kalkışın durumundan alır (--sc) ve göz
       önce buraya gider. Geri kalan her şey defter kartıdır. */
    .opsqv-state { border:1px solid color-mix(in srgb, var(--sc) 22%, #fff); border-radius:16px; padding:.85rem 1rem; background:color-mix(in srgb, var(--sc) 7%, #fff); }
    .opsqv-state-ic { width:44px; height:44px; border-radius:14px; background:var(--sc); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
    .opsqv-state-t { color:var(--sc); font-size:.95rem; font-weight:800; letter-spacing:-.01em; }

    /* Hizmet onay düğmeleri — defter çipi (pfx-chip) diliyle, onaylı hâli yeşil */
    .opsqv-svc { display:inline-flex; align-items:center; gap:6px; border:1px solid #e2e8f0; background:#fff; color:#64748b; border-radius:9px; padding:5px 11px; cursor:pointer; font:inherit; font-size:.72rem; font-weight:700; transition:border-color .14s, color .14s, background .14s; }
    .opsqv-svc:hover { border-color:#bfdbfe; color:#1d4ed8; background:#eff6ff; }
    .opsqv-svc i { font-size:.68rem; color:#c3cddc; }
    .opsqv-svc.on { border-color:#bbf7d0; background:#f0fdf4; color:#15803d; }
    .opsqv-svc.on i { color:#22c55e; }
    .opsqv-svc-state { margin-left:2px; }

    {{-- Çapraz link desenleri: kaynak adı, tedarikçi chip'i, ilişkili görev satırı --}}
    .opsqv-reslink { cursor:pointer; transition:color .15s; }
    .opsqv-reslink:hover { color:#4f46e5; text-decoration:underline; text-underline-offset:3px; }
    .opsqv-suplink { display:inline-flex; align-items:center; gap:4px; font-size:.68rem; font-weight:700; color:#0369a1; background:#e0f2fe; border:1px solid #bae6fd; border-radius:8px; padding:2px 8px; cursor:pointer; transition:.15s; vertical-align:middle; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .opsqv-suplink:hover { background:#bae6fd; }
    .opsqv-task { display:flex; align-items:center; gap:10px; padding:9px 11px; border:1px solid #e6ecf5; border-radius:12px; background:#fff; cursor:pointer; transition:border-color .14s, background .14s; }
    .opsqv-task:hover { border-color:#dbe6f7; background:#f7faff; }
    .opsqv-task-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
    .opsqv-task-go { color:#cbd5e1; font-size:.72rem; flex-shrink:0; }
    .opsqv-task:hover .opsqv-task-go { color:#2563eb; }

    /* Atanan kaynak satırı */
    .opsqv-res { display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid #e6ecf5; border-radius:14px; margin-bottom:8px; background:#fff; transition:border-color .14s, background .14s; }
    .opsqv-res:hover { border-color:#dbe6f7; background:#f7faff; }
    .opsqv-res-ic { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
    .opsqv-btn { position:relative; height:32px; padding:0 10px; border-radius:9px; border:1px solid #e2e8f0; background:#fff; color:#475569; cursor:pointer; transition:.15s; font-size:.72rem; font-weight:700; white-space:nowrap; flex-shrink:0; }
    .opsqv-btn.confirm { border:none; background:#16a34a; color:#fff; }
    .opsqv-btn.unconfirm { border:1px solid #bbf7d0; background:#f0fdf4; color:#16a34a; }
    .opsqv-btn.contract:hover { background:#eef2ff; border-color:#c7d2fe; color:#4338ca; }
    .opsqv-btn.del { width:32px; padding:0; color:#94a3b8; }
    .opsqv-btn.del:hover { background:#fee2e2; border-color:#fca5a5; color:#dc2626; }
    .opsqv-cbadge { position:absolute; top:-8px; right:-8px; font-size:.56rem; font-weight:800; color:#fff; border-radius:6px; padding:1px 5px; white-space:nowrap; box-shadow:0 2px 6px rgba(0,0,0,.15); }

    /* Atama paneli */
    .opsqv-tabs { display:inline-flex; background:#f1f5f9; border-radius:11px; padding:3px; gap:2px; }
    .opsqv-tab { border:none; background:transparent; font-size:.8rem; font-weight:700; color:#64748b; padding:7px 13px; border-radius:9px; cursor:pointer; transition:.15s; }
    .opsqv-tab.active { background:#334155; color:#fff; }
    .opsqv-search { display:flex; align-items:center; gap:8px; background:#fff; border:1.5px solid #e6ecf5; border-radius:9px; padding:6px 11px; color:#c3cddc; min-width:180px; flex:1; max-width:260px; transition:border-color .13s, box-shadow .13s; }
    .opsqv-search:focus-within { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.18); }
    .opsqv-search input { border:none; outline:none; background:transparent; width:100%; font-size:.85rem; color:#0f172a; }
    .opsqv-aplist { max-height:380px; overflow-y:auto; display:flex; flex-direction:column; gap:8px; }
    .opsqv-item { padding:10px 12px; border:1px solid #e6ecf5; border-radius:14px; background:#fff; transition:border-color .14s, background .14s; }
    .opsqv-item:hover { border-color:#dbe6f7; background:#f7faff; }
    .opsqv-assign { border:none; background:#334155; color:#fff; font-size:.82rem; font-weight:700; border-radius:10px; padding:9px 16px; cursor:pointer; transition:.15s; flex-shrink:0; }
    .opsqv-assign:hover { background:#1e293b; }
    .opsqv-assign:disabled { background:#e2e8f0; color:#94a3b8; cursor:not-allowed; }
    .opsqv-costs { margin-top:10px; padding-top:10px; border-top:1px dashed #e2e8f0; }
    .opsqv-crow { display:flex; align-items:center; gap:6px; margin-bottom:6px; }
    .opsqv-ct { flex:1; min-width:90px; border:1.5px solid transparent; background:transparent; border-radius:7px; padding:.28rem .42rem; font-size:.815rem; font-weight:650; color:#0f172a; outline:none; transition:border-color .13s, box-shadow .13s, background .13s; }
    .opsqv-ct::placeholder { color:#c3cddc; font-weight:500; font-style:italic; }
    .opsqv-ct:hover { background:#fff; border-color:#dbe6f7; }
    .opsqv-ct:focus { background:#fff; border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.18); }
    /* Tutar alanları da defter dilinde: okuma hâlinde çerçevesiz, odakta mavi halka */
    .opsqv-up, .opsqv-qty, .opsqv-unit { flex:none; border:1.5px solid transparent; background:transparent; border-radius:7px; padding:.28rem .42rem; font-size:.815rem; font-weight:650; color:#0f172a; outline:none; transition:border-color .13s, box-shadow .13s, background .13s; }
    .opsqv-up { width:88px; font-variant-numeric:tabular-nums; text-align:right; }
    .opsqv-qty { width:58px; text-align:center; font-variant-numeric:tabular-nums; }
    .opsqv-unit { width:90px; font-size:.78rem; font-weight:600; color:#475569; }
    .opsqv-up:hover, .opsqv-qty:hover, .opsqv-unit:hover { background:#fff; border-color:#dbe6f7; }
    .opsqv-up:focus, .opsqv-qty:focus, .opsqv-unit:focus { background:#fff; border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.18); }
    .opsqv-x, .opsqv-eq { color:#94a3b8; font-weight:800; font-size:.8rem; flex:none; }
    .opsqv-line { min-width:72px; flex:none; text-align:right; font-size:.82rem; font-weight:800; color:#0f172a; }
    .opsqv-cdel { width:30px; height:32px; flex:none; border:1px solid #fecaca; background:#fef2f2; color:#dc2626; border-radius:9px; cursor:pointer; font-size:.75rem; }
    .opsqv-cdel:hover { background:#dc2626; color:#fff; }
    .opsqv-cadd { border:1px dashed #cbd5e1; background:#f8fafc; color:#475569; font-size:.75rem; font-weight:700; border-radius:9px; padding:5px 11px; cursor:pointer; }
    .opsqv-cadd:hover { border-color:#f59e0b; color:#b45309; background:#fffbeb; }
    .opsqv-ctotal { font-size:.75rem; font-weight:700; color:#64748b; }

    /* Kontrat overlay (drawer'ın üzerinde) */
    .opsqv-rc-ov { position:fixed; inset:0; z-index:2100; display:flex; align-items:center; justify-content:center; background:rgba(15,23,42,.5); backdrop-filter:blur(4px); }
    .opsqv-rc-card { width:min(680px, calc(100% - 40px)); max-height:calc(100% - 48px); display:flex; flex-direction:column; background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 40px 90px -20px rgba(14,21,38,.55); }
    .opsqv-rc-head { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; background:linear-gradient(135deg,#334155,#1e293b); color:#fff; flex-shrink:0; }
    .opsqv-rc-x { width:34px; height:34px; border-radius:10px; border:none; background:rgba(255,255,255,.14); color:#fff; cursor:pointer; }
    .opsqv-rc-x:hover { background:rgba(255,255,255,.26); }
    .opsqv-rc-body { padding:20px; overflow-y:auto; background:#f8fafc; }
    .opsqv-rc-label { font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;margin-bottom:6px; }
    .opsqv-rc-status { font-size:.7rem;font-weight:800;color:#fff;background:#64748b;border-radius:8px;padding:4px 10px; }
    .opsqv-rc-item { display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:.15s; }
    .opsqv-rc-item:hover { border-color:#94a3b8;background:#f8fafc; }
    .opsqv-rc-item .flex-grow-1, .opsqv-rc-item i.fa-file-lines { cursor:pointer; }
    .opsqv-rc-del { width:30px;height:30px;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#ef4444;cursor:pointer;flex-shrink:0;transition:.15s; }
    .opsqv-rc-del:hover { background:#fee2e2; }
    .opsqv-rc-manual label { font-size:.78rem;font-weight:700;color:#475569;margin-bottom:3px;display:block; }
    .opsqv-rc-manual { margin-bottom:10px; }
    #rcEditor-{{ $uid }} .ql-toolbar { border:none;border-bottom:1px solid #e2e8f0;background:#f8fafc; }
</style>

<script>
(function () {
    const UID = @js($uid);
    const root = document.getElementById('opsqv-' + UID);
    if (!root) return;

    const CSRF = document.querySelector('meta[name="csrf-token"]').content;
    const QV_URL = @js($vm['quick_view_url']);
    const BASE = @js(url("agency/operations/{$typeKey}/{$id}"));
    const RC_BASE = @js(url('agency/resource-contracts'));
    const UNITS = ['gün','gece','saat','km','kişi','adet','sefer'];
    const ROLE_META = { guide:['Rehber','fa-user-tie','#3b82f6'], vehicle:['Araç','fa-bus','#10b981'], captain:['Kaptan','fa-id-card','#8b5cf6'] };

    const el = s => document.getElementById(s + '-' + UID);
    const esc = s => { const d = document.createElement('div'); d.textContent = s == null ? '' : s; return d.innerHTML; };
    const fmt2 = n => (+n || 0).toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });

    function notify(msg, ok) {
        if (window.Swal) {
            Swal.fire({ toast: true, position: 'top-end', timer: 2200, timerProgressBar: true,
                showConfirmButton: false, icon: ok === false ? 'error' : 'success', title: msg });
        } else if (typeof toastr !== 'undefined') {
            ok === false ? toastr.error(msg) : toastr.success(msg);
        }
    }
    function refresh() { if (window.openQuickView) window.openQuickView(QV_URL); }
    function req(url, method, body) {
        return fetch(url, {
            method: method || 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
            body: method === 'GET' ? undefined : JSON.stringify(body || {})
        }).then(async r => {
            const d = await r.json().catch(() => ({}));
            if (!r.ok || d.success === false) throw new Error(d.message || 'İşlem gerçekleştirilemedi.');
            return d;
        });
    }

    // ── Atama paneli ──────────────────────────────────────────────
    let apLoaded = false, apRole = 'all', apData = [];

    function apOpen() {
        const p = el('apPanel');
        p.classList.toggle('d-none');
        if (!p.classList.contains('d-none') && !apLoaded) {
            req(BASE + '/resources/available', 'GET').then(d => {
                apData = d.resources || [];
                apLoaded = true;
                apRender();
            }).catch(e => { el('apList').innerHTML = '<div class="text-danger small p-3">' + esc(e.message) + '</div>'; });
        }
    }

    function apRowHtml(title, amount) {
        const opts = '<option value="">— birim —</option>' + UNITS.map(u => `<option>${u}</option>`).join('');
        return `<div class="opsqv-crow">
            <input type="text" class="opsqv-ct" list="apTitles-${UID}" placeholder="Başlık" maxlength="150" value="${esc(title || '')}">
            <input type="number" step="0.01" min="0" class="opsqv-up" placeholder="Birim ₺" value="${amount != null ? amount : ''}">
            <span class="opsqv-x">×</span>
            <input type="number" step="0.01" min="0" class="opsqv-qty" value="1" title="Çarpan (gün / km / saat sayısı)">
            <select class="opsqv-unit" title="Çarpan birimi">${opts}</select>
            <span class="opsqv-eq">=</span>
            <span class="opsqv-line">${fmt2(amount || 0)}₺</span>
            <button type="button" class="opsqv-cdel" data-act="ap-del-row" title="Satırı sil"><i class="fas fa-xmark"></i></button>
        </div>`;
    }

    function apRender() {
        const q = (el('apSearch').value || '').toLowerCase().trim();
        const list = el('apList');
        const rows = apData.filter(x => (apRole === 'all' || x.type === apRole)
            && (!q || ((x.name || '') + ' ' + (x.plate || '')).toLowerCase().includes(q)));

        if (!rows.length) {
            list.innerHTML = '<div class="text-muted small p-3 text-center">Atanabilir kaynak bulunamadı.</div>';
            return;
        }

        list.innerHTML = rows.map(x => {
            const rm = ROLE_META[x.type] || ['Kaynak', 'fa-cube', '#64748b'];
            const stat = x.already_assigned
                ? '<span class="text-primary fw-600"><i class="fas fa-check"></i> Bu kalkışa atanmış</span>'
                : (x.available
                    ? '<span class="text-success fw-600"><i class="fas fa-circle-check"></i> Müsait</span>'
                    : `<span class="text-danger fw-600" title="${esc((x.conflict_titles || []).join(' · '))}"><i class="fas fa-triangle-exclamation"></i> Çakışma var</span>`);
            const costNote = (x.cost_items || []).length
                ? `<span class="text-muted ms-1">· varsayılan ${fmt2(x.cost_total)}₺</span>`
                : '<span class="text-muted ms-1">· maliyet tanımsız</span>';
            const costRows = (x.cost_items || []).map(ci => apRowHtml(ci.title, ci.amount)).join('');

            return `<div class="opsqv-item" data-rid="${x.id}">
                <div class="d-flex align-items-center gap-2">
                    <div class="opsqv-res-ic" style="background:${rm[2]}1a;color:${rm[2]}"><i class="fas ${rm[1]}"></i></div>
                    <div class="flex-grow-1" style="min-width:0">
                        <div class="fw-700 text-dark text-truncate">${esc(x.name)} ${x.plate ? `<span class="text-muted small" style="font-family:monospace">${esc(x.plate)}</span>` : ''}</div>
                        <div class="small">${stat}${costNote}</div>
                    </div>
                    <button type="button" class="opsqv-assign" data-act="ap-assign" ${x.already_assigned ? 'disabled' : ''}>${x.already_assigned ? 'Atandı' : 'Ata'}</button>
                </div>
                <div class="opsqv-costs">
                    <div class="opsqv-crows">${costRows}</div>
                    <div class="d-flex align-items-center justify-content-between mt-1">
                        <button type="button" class="opsqv-cadd" data-act="ap-add-row"><i class="fas fa-plus me-1"></i> Maliyet Ekle</button>
                        <span class="opsqv-ctotal">Toplam: <strong>${fmt2(x.cost_total)}₺</strong></span>
                    </div>
                </div>
            </div>`;
        }).join('');
    }

    function apLine(row) {
        const up = parseFloat(row.querySelector('.opsqv-up')?.value) || 0;
        let q = parseFloat(row.querySelector('.opsqv-qty')?.value);
        if (isNaN(q)) q = 1;
        const out = row.querySelector('.opsqv-line');
        if (out) out.textContent = fmt2(up * q) + '₺';
    }
    function apTotal(item) {
        let sum = 0;
        item.querySelectorAll('.opsqv-crow').forEach(row => {
            const up = parseFloat(row.querySelector('.opsqv-up')?.value) || 0;
            let q = parseFloat(row.querySelector('.opsqv-qty')?.value);
            if (isNaN(q)) q = 1;
            sum += up * q;
        });
        const out = item.querySelector('.opsqv-ctotal strong');
        if (out) out.textContent = fmt2(sum) + '₺';
    }
    function apAssign(item, btn) {
        const rid = +item.dataset.rid;
        const items = [];
        item.querySelectorAll('.opsqv-crow').forEach(row => {
            const title = row.querySelector('.opsqv-ct')?.value?.trim();
            const unitAmount = row.querySelector('.opsqv-up')?.value;
            const qty = row.querySelector('.opsqv-qty')?.value;
            const unit = row.querySelector('.opsqv-unit')?.value;
            if (title || unitAmount) items.push({ title: title || '', unit_amount: unitAmount || 0, quantity: qty || 1, unit: unit || null });
        });
        btn.disabled = true; btn.textContent = 'Atanıyor…';
        req(BASE + '/resources', 'POST', { resource_id: rid, cost_items_present: true, cost_items: items })
            .then(d => { notify(d.message || 'Kaynak atandı.'); refresh(); })
            .catch(e => { btn.disabled = false; btn.textContent = 'Ata'; notify(e.message, false); });
    }

    // ── Kontrat paneli ────────────────────────────────────────────
    let rcSchedule = null, rcContract = null, rcOptions = null, rcQuill = null;

    function rcInitQuill() {
        if (rcQuill) return rcQuill;
        rcQuill = new Quill('#rcEditor-' + UID, {
            theme: 'snow',
            modules: { toolbar: [
                [{ 'header': [1, 2, 3, false] }],
                ['bold', 'italic', 'underline'],
                [{ 'list': 'ordered' }, { 'list': 'bullet' }],
                [{ 'align': [] }], ['link', 'clean']
            ] }
        });
        return rcQuill;
    }
    function rcStep(step) {
        el('rcStepSetup').classList.toggle('d-none', step !== 'setup');
        el('rcStepEdit').classList.toggle('d-none', step !== 'edit');
    }
    function rcOpen(sid, name) {
        rcSchedule = sid; rcContract = null;
        el('rcName').textContent = name || '';
        rcStep('setup');
        el('rcManualWrap').innerHTML = '';
        el('rcTemplate').innerHTML = '<option>Yükleniyor…</option>';
        el('rcOv').hidden = false;
        fetch(`${BASE}/resources/${sid}/contract/options`, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
            .then(r => r.json()).then(data => {
                rcOptions = data;
                const sel = el('rcTemplate');
                if (!data.templates || !data.templates.length) {
                    sel.innerHTML = ''; sel.classList.add('d-none');
                    el('rcNoTemplates').classList.remove('d-none');
                    el('rcGenerateBtn').classList.add('d-none');
                } else {
                    sel.classList.remove('d-none');
                    el('rcNoTemplates').classList.add('d-none');
                    el('rcGenerateBtn').classList.remove('d-none');
                    sel.innerHTML = data.templates.map(t => `<option value="${t.id}">${esc(t.title)}</option>`).join('');
                    rcManualFields();
                }
                rcExisting();
            }).catch(() => { el('rcTemplate').innerHTML = '<option>Hata</option>'; });
    }
    function rcClose() { el('rcOv').hidden = true; }
    function rcManualFields() {
        const wrap = el('rcManualWrap');
        wrap.innerHTML = '';
        const tid = el('rcTemplate').value;
        const tpl = (rcOptions?.templates || []).find(t => String(t.id) === String(tid));
        if (!tpl || !tpl.manual_fields || !tpl.manual_fields.length) return;
        wrap.innerHTML = '<div class="opsqv-rc-label">Manuel Alanlar</div>' + tpl.manual_fields.map(f =>
            `<div class="opsqv-rc-manual"><label>${esc(f.label)}</label>
             <input type="text" class="form-control opsqv-rc-input" data-token="${esc(f.token)}" style="border-radius:10px;" placeholder="${esc(f.label)}"></div>`).join('');
    }
    function rcExisting() {
        const wrap = el('rcExistingWrap'), list = el('rcExistingList');
        const items = rcOptions?.existing || [];
        if (!items.length) { wrap.classList.add('d-none'); return; }
        wrap.classList.remove('d-none');
        list.innerHTML = items.map(c => `<div class="opsqv-rc-item" data-cid="${c.id}">
            <i class="fas fa-file-lines" style="color:${c.status_color}" data-act="rc-open-existing"></i>
            <div class="flex-grow-1" style="min-width:0" data-act="rc-open-existing">
                <div class="fw-700 text-dark text-truncate" style="font-size:.9rem">${esc(c.title)}</div>
                <div class="small text-muted">${esc(c.created_at || '')}</div>
            </div>
            <span class="opsqv-rc-status" style="background:${c.status_color}">${esc(c.status_label)}</span>
            <button type="button" class="opsqv-rc-del" data-act="rc-del-existing" title="Sil"><i class="fas fa-trash"></i></button>
        </div>`).join('');
    }
    function rcLoad(contract) {
        rcContract = contract;
        rcStep('edit');
        el('rcTitle').value = contract.title || '';
        rcInitQuill();
        rcQuill.root.innerHTML = contract.content || '';
        rcBadge(contract);
    }
    function rcBadge(contract) {
        const b = el('rcStatusBadge');
        b.textContent = contract.status_label || 'Taslak';
        b.style.background = contract.status_color || '#64748b';
    }
    function rcSave() {
        return req(`${RC_BASE}/${rcContract.id}`, 'PUT', { title: el('rcTitle').value, content: rcQuill.root.innerHTML });
    }

    // ── Olay delegasyonu ──────────────────────────────────────────
    root.addEventListener('click', function (e) {
        const t = e.target.closest('[data-act]');
        if (!t || !root.contains(t)) return;
        const act = t.dataset.act;

        // Operasyon aksiyonları
        if (act === 'guarantee') { if (confirm('Kesin kalkışa alınsın mı?')) req(BASE + '/guarantee').then(d => { notify(d.message); refresh(); }).catch(e2 => notify(e2.message, false)); }
        if (act === 'depart') { if (confirm('Kalkış yola çıktı olarak işaretlensin mi?')) req(BASE + '/depart').then(d => { notify(d.message); refresh(); }).catch(e2 => notify(e2.message, false)); }
        if (act === 'complete') { if (confirm('Kalkış tamamlandı olarak işaretlensin mi?')) req(BASE + '/complete').then(d => { notify(d.message); refresh(); }).catch(e2 => notify(e2.message, false)); }
        if (act === 'cancel') { if (confirm('Kalkış iptal edilsin mi?')) req(BASE + '/cancel').then(d => { notify(d.message); refresh(); }).catch(e2 => notify(e2.message, false)); }

        // Hizmet onayı
        if (act === 'svc') {
            const confirmed = t.dataset.confirmed === '1' ? 0 : 1;
            req(@js(route('agency.operations.confirm-service', [$typeKey, $id])), 'POST', { service: t.dataset.service, confirmed: confirmed })
                .then(d => {
                    t.dataset.confirmed = confirmed;
                    t.style.background = confirmed ? '#dcfce7' : '#fff';
                    t.style.color = confirmed ? '#16a34a' : '#64748b';
                    t.style.borderColor = confirmed ? '#bbf7d0' : '#e2e8f0';
                    const mark = t.querySelector('i:last-child');
                    if (mark) mark.className = 'fas ms-1 ' + (confirmed ? 'fa-check' : 'fa-xmark');
                    notify(d.message);
                }).catch(e2 => notify(e2.message, false));
        }

        // Etkinlik akışı
        if (act === 'act-type') {
            t.closest('.acx-types').querySelectorAll('.acx-type').forEach(c => c.classList.remove('on'));
            t.classList.add('on');
            el('opsActType').value = t.dataset.type;
        }
        if (act === 'act-del') {
            if (confirm('Bu etkinlik silinsin mi?')) {
                req(`${BASE}/activities/${t.dataset.id}`, 'DELETE')
                    .then(d => { notify(d.message); refresh(); })
                    .catch(e2 => notify(e2.message, false));
            }
        }

        // Atanan kaynak aksiyonları
        if (act === 'res-toggle') { req(`${BASE}/resources/${t.dataset.sid}/confirm`).then(d => { notify(d.message); refresh(); }).catch(e2 => notify(e2.message, false)); }
        if (act === 'res-remove') { if (confirm('Atama kaldırılsın mı?')) req(`${BASE}/resources/${t.dataset.sid}`, 'DELETE').then(d => { notify(d.message); refresh(); }).catch(e2 => notify(e2.message, false)); }
        if (act === 'res-contract') { rcOpen(+t.dataset.sid, t.dataset.name); }

        // Atama paneli
        if (act === 'ap-open') { apOpen(); }
        if (act === 'ap-role') {
            apRole = t.dataset.role;
            el('apPanel').querySelectorAll('.opsqv-tab').forEach(b => b.classList.remove('active'));
            t.classList.add('active');
            apRender();
        }
        if (act === 'ap-add-row') {
            const item = t.closest('.opsqv-item');
            const rows = item.querySelector('.opsqv-crows');
            rows.insertAdjacentHTML('beforeend', apRowHtml('', null));
            rows.lastElementChild.querySelector('.opsqv-ct').focus();
        }
        if (act === 'ap-del-row') {
            const item = t.closest('.opsqv-item');
            t.closest('.opsqv-crow').remove();
            apTotal(item);
        }
        if (act === 'ap-assign') { apAssign(t.closest('.opsqv-item'), t); }

        // Kontrat paneli
        if (act === 'rc-close') { rcClose(); }
        if (act === 'rc-back') { rcStep('setup'); }
        if (act === 'rc-open-existing') {
            const cid = +t.closest('.opsqv-rc-item').dataset.cid;
            fetch(`${RC_BASE}/${cid}`, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
                .then(r => r.json()).then(d => { if (d.success) rcLoad(d.contract); });
        }
        if (act === 'rc-del-existing') {
            const cid = +t.closest('.opsqv-rc-item').dataset.cid;
            if (!confirm('Bu kontrat silinsin mi? Rehbere gönderildiyse sohbette de "iptal edildi" olarak görünecek.')) return;
            req(`${RC_BASE}/${cid}`, 'DELETE').then(d => {
                if (rcOptions) rcOptions.existing = (rcOptions.existing || []).filter(x => x.id !== cid);
                rcExisting();
                if (rcContract && rcContract.id === cid) { rcContract = null; rcStep('setup'); }
                notify(d.message || 'Kontrat silindi.');
            }).catch(e2 => notify(e2.message, false));
        }
        if (act === 'rc-generate') {
            const tid = el('rcTemplate').value;
            if (!tid) return;
            const manual = {};
            el('rcManualWrap').querySelectorAll('.opsqv-rc-input').forEach(i => manual[i.dataset.token] = i.value);
            t.disabled = true;
            t.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i> Oluşturuluyor…';
            req(`${BASE}/resources/${rcSchedule}/contract`, 'POST', { template_id: tid, manual })
                .then(d => { t.disabled = false; t.innerHTML = '<i class="fas fa-wand-magic-sparkles me-1"></i> Kontratı Oluştur'; rcLoad(d.contract); notify(d.message || 'Kontrat oluşturuldu.'); })
                .catch(e2 => { t.disabled = false; t.innerHTML = '<i class="fas fa-wand-magic-sparkles me-1"></i> Kontratı Oluştur'; notify(e2.message, false); });
        }
        if (act === 'rc-save') {
            if (!rcContract) { notify('Önce bir kontrat oluşturun.', false); return; }
            const orig = t.innerHTML;
            t.disabled = true;
            t.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i> Kaydediliyor…';
            rcSave().then(d => {
                t.disabled = false;
                rcContract = d.contract; rcBadge(d.contract);
                t.innerHTML = '<i class="fas fa-check me-1"></i> Kaydedildi';
                setTimeout(() => { t.innerHTML = orig; }, 1600);
                notify(d.message || 'Kontrat kaydedildi.');
            }).catch(e2 => { t.disabled = false; t.innerHTML = orig; notify(e2.message, false); });
        }
        if (act === 'rc-send') {
            if (!rcContract) { notify('Önce bir kontrat oluşturun.', false); return; }
            const orig = t.innerHTML;
            t.disabled = true;
            t.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i> Gönderiliyor…';
            rcSave()
                .then(() => req(`${RC_BASE}/${rcContract.id}/send-to-guide`))
                .then(d => { rcContract = d.contract; rcBadge(d.contract); notify(d.message || 'Rehbere gönderildi.'); rcClose(); refresh(); })
                .catch(e2 => { t.disabled = false; t.innerHTML = orig; notify(e2.message, false); });
        }
        if (act === 'rc-preview') {
            const w = window.open('', '_blank', 'width=800,height=900');
            w.document.write(`<html><head><title>${esc(el('rcTitle').value)}</title>
                <style>body{font-family:Inter,Arial,sans-serif;max-width:720px;margin:40px auto;padding:0 20px;line-height:1.7;color:#1e293b}</style>
                </head><body><h2>${esc(el('rcTitle').value)}</h2>${rcQuill ? rcQuill.root.innerHTML : ''}</body></html>`);
            w.document.close();
        }
        if (act === 'rc-delete') {
            if (!rcContract || !confirm('Bu kontrat silinsin mi?')) return;
            req(`${RC_BASE}/${rcContract.id}`, 'DELETE').then(d => { notify(d.message || 'Kontrat silindi.'); rcClose(); refresh(); }).catch(e2 => notify(e2.message, false));
        }
    });

    // Maliyet satırı canlı hesap + arama
    root.addEventListener('input', function (e) {
        if (e.target.classList.contains('opsqv-up') || e.target.classList.contains('opsqv-qty')) {
            const row = e.target.closest('.opsqv-crow');
            apLine(row);
            apTotal(e.target.closest('.opsqv-item'));
        }
        if (e.target.id === 'apSearch-' + UID) apRender();
    });

    // Şablon değişince manuel alanlar
    el('rcTemplate') && el('rcTemplate').addEventListener('change', rcManualFields);

    // ── Etkinlik yazma kutusu ─────────────────────────────────────
    // Kayıt sonrası kart yenilenir: yeni satır akışa doğru kronolojik yerine
    // otursun (postalarla karışık sıralanıyor, tepeye eklemek yanıltıcı olurdu).
    const actForm = el('opsAct');
    if (actForm) {
        actForm.addEventListener('submit', function (ev) {
            ev.preventDefault();
            const btn = actForm.querySelector('.acx-save');
            const desc = actForm.querySelector('[name="description"]').value.trim();
            if (!desc) { notify('Lütfen etkinlik açıklamasını girin.', false); return; }

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

            req(BASE + '/activities', 'POST', {
                activity_type: el('opsActType').value,
                subject: actForm.querySelector('[name="subject"]').value.trim(),
                description: desc,
                priority: actForm.querySelector('[name="priority"]').value
            })
                .then(d => { notify(d.message); refresh(); })
                .catch(e2 => { btn.disabled = false; btn.innerHTML = orig; notify(e2.message, false); });
        });
    }

    // ── Manifest ödeme formları: AJAX + drawer'ı yenile ──
    if (!window.__opsPayBound) {
        window.__opsPayBound = true;
        document.addEventListener('submit', function (e) {
            var wrap = e.target.closest('[data-ops-pay]');
            if (!wrap || !e.target.matches('form') || e.defaultPrevented) return;
            e.preventDefault();
            var form = e.target, selfUrl = wrap.getAttribute('data-selfurl');
            var csrf = (document.querySelector('meta[name="csrf-token"]') || {}).content;
            var btn = form.querySelector('[type="submit"]');
            if (btn) btn.disabled = true;
            fetch(form.action, { method: 'POST', headers: { 'X-CSRF-TOKEN': csrf, 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' }, body: new FormData(form) })
                .then(function () {
                    if (typeof Swal !== 'undefined') Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 1500 }).fire({ icon: 'success', title: 'Ödeme eklendi' });
                    if (selfUrl && typeof openQuickView === 'function') openQuickView(selfUrl, 'manifest');
                })
                .catch(function () { if (btn) btn.disabled = false; });
        });
    }
})();
</script>

{{-- Giderler sekmesinin uçları (kalem ekle/düzenle/sil + hızlı ödeme) --}}
@include('agency.operations.partials.expense-panel-scripts', ['uid' => $uid, 'typeKey' => $typeKey, 'id' => $id])