{{--
    Yolcu manifestosu modalları: dinamik dışa aktarım + yolcu belgesi üretimi.
    Beklenen: $uid, $typeKey, $id, $rows, $groups, $groupLabels, $presets,
              $defaultColumns, $passengerDocTemplates
--}}
@php
    $allTemplates = collect($passengerDocTemplates)->unique('id')->values();

    // Yolcu giriş modalındaki rezervasyon seçici: yalnızca kişi sayısı dolmamış
    // rezervasyonlara yeni yolcu eklenebilir (sunucu da aynı kuralı uygular).
    $paxSales = collect($sales ?? [])->map(function ($s) {
        $capacity = max(1, (int) $s->total_participants);
        $filled = $s->passengers->count();

        return [
            'id' => $s->id,
            'code' => $s->sale_code,
            'customer' => trim(($s->customer->first_name ?? '') . ' ' . ($s->customer->last_name ?? '')) ?: 'Müşteri',
            'capacity' => $capacity,
            'filled' => $filled,
            'free' => max(0, $capacity - $filled),
        ];
    })->values();
    $paxFreeSales = $paxSales->where('free', '>', 0)->values();
@endphp

{{-- ═══════════ DIŞA AKTARIM ═══════════ --}}
<div class="pmf-ov" id="pmfExp-{{ $uid }}" hidden>
    <div class="pmf-ov-card">
        <div class="pmf-ov-head">
            <div class="pmf-ov-ico"><i class="fas fa-file-export"></i></div>
            <div class="pmf-ov-txt">
                <h5>Yolcu Listesini Dışa Aktar</h5>
                <p>Hazır bir liste seçin ya da çıktıda görünecek alanları kendiniz belirleyin.</p>
            </div>
            <button type="button" class="pmf-ov-x" onclick="mfCloseOv('pmfExp-{{ $uid }}')"><i class="fas fa-xmark"></i></button>
        </div>

        <div class="pmf-ov-body">
            {{-- 1 · Hazır listeler --}}
            <div class="pmf-sec">
                <div class="pmf-sec-h"><span class="pmf-sec-n">1</span> Hazır liste</div>
                <div class="pmf-presets" id="pmfPresets-{{ $uid }}">
                    @foreach($presets as $key => $p)
                        <button type="button" class="pmf-preset {{ $key === 'default' ? 'active' : '' }}"
                                data-preset="{{ $key }}"
                                data-columns='@json($p["columns"])'
                                onclick="mfPickPreset('{{ $uid }}', this)">
                            <i class="fas {{ $p['icon'] }}"></i>
                            <span>{{ $p['label'] }}</span>
                        </button>
                    @endforeach
                    <button type="button" class="pmf-preset custom" data-preset="" onclick="mfPickPreset('{{ $uid }}', this)">
                        <i class="fas fa-sliders"></i><span>Özel Seçim</span>
                    </button>
                </div>
            </div>

            {{-- 2 · Alanlar --}}
            <div class="pmf-sec">
                <div class="pmf-sec-h">
                    <span class="pmf-sec-n">2</span> Çıktıdaki alanlar
                    <span class="pmf-sec-hint"><b id="pmfColCount-{{ $uid }}">0</b> alan seçili</span>
                    <button type="button" class="pmf-mini" onclick="mfAllCols('{{ $uid }}', true)">Tümünü seç</button>
                    <button type="button" class="pmf-mini" onclick="mfAllCols('{{ $uid }}', false)">Temizle</button>
                </div>

                <div class="pmf-colgroups">
                    @foreach($groups as $groupKey => $cols)
                        <div class="pmf-colgroup">
                            <div class="pmf-colgroup-h">
                                <span>{{ $groupLabels[$groupKey] ?? $groupKey }}</span>
                                <button type="button" class="pmf-mini" onclick="mfGroupCols('{{ $uid }}','{{ $groupKey }}')">Tümü</button>
                            </div>
                            <div class="pmf-cols">
                                @foreach($cols as $key => $def)
                                    <label class="pmf-col">
                                        <input type="checkbox" class="pmf-colcheck" value="{{ $key }}"
                                               data-group="{{ $groupKey }}"
                                               @checked(in_array($key, $defaultColumns))
                                               onchange="mfColChanged('{{ $uid }}')">
                                        <span>{{ $def['label'] }}</span>
                                    </label>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- 3 · Format --}}
            <div class="pmf-sec">
                <div class="pmf-sec-h"><span class="pmf-sec-n">3</span> Dosya biçimi</div>
                <div class="pmf-formats">
                    <label class="pmf-fmt">
                        <input type="radio" name="pmfFmt-{{ $uid }}" value="xlsx" checked>
                        <span class="pmf-fmt-face"><i class="fas fa-file-excel" style="color:#16a34a"></i><b>Excel</b><small>.xlsx · filtreli</small></span>
                    </label>
                    <label class="pmf-fmt">
                        <input type="radio" name="pmfFmt-{{ $uid }}" value="pdf">
                        <span class="pmf-fmt-face"><i class="fas fa-file-pdf" style="color:#dc2626"></i><b>PDF</b><small>yazdırmaya hazır</small></span>
                    </label>
                    <label class="pmf-fmt">
                        <input type="radio" name="pmfFmt-{{ $uid }}" value="csv">
                        <span class="pmf-fmt-face"><i class="fas fa-file-csv" style="color:#0ea5e9"></i><b>CSV</b><small>başka sisteme aktarım</small></span>
                    </label>
                </div>
            </div>
        </div>

        <div class="pmf-ov-foot">
            <button type="button" class="pmf-cancel" onclick="mfCloseOv('pmfExp-{{ $uid }}')">Vazgeç</button>
            <button type="button" class="pmf-go" onclick="mfDoExport('{{ $uid }}')">
                <i class="fas fa-download me-1"></i> Dosyayı İndir
            </button>
        </div>

        {{-- POST ile indirme: seçilen kolonlar querystring'e sığmayabilir --}}
        <form id="pmfExpForm-{{ $uid }}" method="POST" target="_blank" style="display:none;">
            @csrf
            <input type="hidden" name="preset" id="pmfExpPreset-{{ $uid }}">
        </form>
    </div>
</div>

{{-- ═══════════ YOLCU BELGESİ ÜRETİMİ ═══════════ --}}
<div class="pmf-ov" id="pmfDoc-{{ $uid }}" hidden>
    <div class="pmf-ov-card">
        <div class="pmf-ov-head doc">
            <div class="pmf-ov-ico doc"><i class="fas fa-file-signature"></i></div>
            <div class="pmf-ov-txt">
                <h5>Yolcu Belgeleri</h5>
                <p>Ayarlar → Sözleşmeler'de tanımladığınız şablonlardan yolcu belgesi üretin.</p>
            </div>
            <button type="button" class="pmf-ov-x" onclick="mfCloseOv('pmfDoc-{{ $uid }}')"><i class="fas fa-xmark"></i></button>
        </div>

        <div class="pmf-ov-body">
            @if($allTemplates->isEmpty())
                <div class="pmf-note warn">
                    <i class="fas fa-triangle-exclamation"></i>
                    <span>Henüz yolcu bağlamında bir sözleşme şablonunuz yok.
                    <b>Ayarlar → Sözleşmeler</b> ekranından "Yolcu" bağlamıyla bir şablon oluşturun.</span>
                </div>
            @else
                <div class="pmf-sec">
                    <div class="pmf-sec-h"><span class="pmf-sec-n">1</span> Şablon</div>
                    <select class="pmf-select" id="pmfDocTpl-{{ $uid }}" onchange="mfDocTplChanged('{{ $uid }}')">
                        <option value="">Şablon seçin…</option>
                        @foreach($allTemplates as $t)
                            <option value="{{ $t->id }}">{{ $t->title }}</option>
                        @endforeach
                    </select>
                    <div class="pmf-manual" id="pmfDocManual-{{ $uid }}"></div>
                </div>

                @php $namedCount = collect($rows)->where('_named', true)->count(); @endphp
                @if($namedCount === 0)
                    <div class="pmf-note warn">
                        <i class="fas fa-user-pen"></i>
                        <span>Bu kalkışta <b>adı girilmiş yolcu yok</b>. Belgeler kişiye özel üretildiği için
                        önce yolcu adlarını girmelisiniz — tablodaki <b>"Ad gir"</b> düğmesini kullanın.</span>
                    </div>
                @endif

                <div class="pmf-sec">
                    <div class="pmf-sec-h">
                        <span class="pmf-sec-n">2</span> Kimler için
                        <span class="pmf-sec-hint">{{ $namedCount }} adlı yolcu</span>
                    </div>
                    <label class="pmf-radio">
                        <input type="radio" name="pmfDocScope-{{ $uid }}" value="all" checked>
                        <span><b>Tüm yolcular</b><small>Bu kalkıştaki adı girilmiş her yolcu için üretilir</small></span>
                    </label>
                    <label class="pmf-radio">
                        <input type="radio" name="pmfDocScope-{{ $uid }}" value="selected">
                        <span><b>Seçili yolcular</b><small>Tabloda işaretlediğiniz yolcular — <b id="pmfDocSel-{{ $uid }}">0</b> seçili</small></span>
                    </label>
                </div>

                <div class="pmf-sec">
                    <div class="pmf-sec-h"><span class="pmf-sec-n">3</span> Seçenekler</div>
                    <label class="pmf-switch">
                        <input type="checkbox" id="pmfDocOver-{{ $uid }}">
                        <span>Mevcut belgelerin <b>üzerine yaz</b> (yoksa atlanır)</span>
                    </label>
                    <label class="pmf-switch">
                        <input type="checkbox" id="pmfDocDraft-{{ $uid }}">
                        <span><b>Taslak</b> olarak üret (düzenledikten sonra kesinleştirirsiniz)</span>
                    </label>
                </div>
            @endif
        </div>

        <div class="pmf-ov-foot">
            <a class="pmf-cancel" href="{{ route('agency.operations.passenger-documents.bulk-pdf', [$typeKey, $id]) }}" target="_blank">
                <i class="fas fa-file-pdf me-1"></i> Üretilenleri İndir
            </a>
            <div style="flex:1"></div>
            <button type="button" class="pmf-cancel" onclick="mfCloseOv('pmfDoc-{{ $uid }}')">Vazgeç</button>
            @if($allTemplates->isNotEmpty())
                <button type="button" class="pmf-go doc" id="pmfDocGo-{{ $uid }}" onclick="mfGenerateDocs('{{ $uid }}')">
                    <i class="fas fa-wand-magic-sparkles me-1"></i> Belgeleri Üret
                </button>
            @endif
        </div>
    </div>
</div>

{{-- ═══════════ BELGE DÜZENLEME ═══════════ --}}
<div class="pmf-ov" id="pmfEdit-{{ $uid }}" hidden>
    <div class="pmf-ov-card wide">
        <div class="pmf-ov-head doc">
            <div class="pmf-ov-ico doc"><i class="fas fa-pen-to-square"></i></div>
            <div class="pmf-ov-txt">
                <h5 id="pmfEditTitle-{{ $uid }}">Belgeyi Düzenle</h5>
                <p id="pmfEditSub-{{ $uid }}">—</p>
            </div>
            <button type="button" class="pmf-ov-x" onclick="mfCloseOv('pmfEdit-{{ $uid }}')"><i class="fas fa-xmark"></i></button>
        </div>
        <div class="pmf-ov-body">
            <div class="pmf-sec">
                <div class="pmf-sec-h">Belge Başlığı</div>
                <input type="text" class="pmf-input" id="pmfEditName-{{ $uid }}" maxlength="255">
            </div>
            <div class="pmf-sec">
                <div class="pmf-sec-h">İçerik <span class="pmf-sec-hint">Birleştirme alanları doldurulmuş hâlde</span></div>
                <div class="pmf-doc" id="pmfEditBody-{{ $uid }}" contenteditable="true"></div>
            </div>
        </div>
        <div class="pmf-ov-foot">
            <button type="button" class="pmf-danger" onclick="mfDeleteDoc('{{ $uid }}')"><i class="fas fa-trash me-1"></i>Sil</button>
            <div style="flex:1"></div>
            <button type="button" class="pmf-cancel" onclick="mfCloseOv('pmfEdit-{{ $uid }}')">Vazgeç</button>
            <button type="button" class="pmf-go doc" onclick="mfSaveDoc('{{ $uid }}')"><i class="fas fa-check me-1"></i>Kaydet</button>
        </div>
    </div>
</div>

{{-- ═══════════ YOLCU BİLGİ GİRİŞİ ═══════════ --}}
{{--
    Tek modal iki senaryoyu karşılar:
      · "isimsiz satırı doldur"  → rezervasyon sabittir, seçici gizlidir
      · "yeni yolcu ekle"        → araç çubuğundan açılır, rezervasyon seçilir
    Kimlik alanları kişi kaydına (customer_passengers) yazılır.
--}}
<div class="pmf-ov" id="pmfPax-{{ $uid }}" hidden>
    <div class="pmf-ov-card" style="max-width:560px;">
        <div class="pmf-ov-head pax">
            <div class="pmf-ov-ico pax"><i class="fas fa-user-plus"></i></div>
            <div class="pmf-ov-txt">
                <h5 id="pmfPaxTitle-{{ $uid }}">Yolcu Bilgileri</h5>
                <p>Ad soyad, T.C. kimlik no ve doğum tarihi girin — belge üretimi ve yolcu listesi bu bilgileri kullanır.</p>
            </div>
            <button type="button" class="pmf-ov-x" onclick="mfCloseOv('pmfPax-{{ $uid }}')"><i class="fas fa-xmark"></i></button>
        </div>

        <div class="pmf-ov-body">
            {{-- 1 · Rezervasyon --}}
            <div class="pmf-sec">
                <div class="pmf-sec-h"><span class="pmf-sec-n">1</span> Rezervasyon</div>

                {{-- Satırdan açıldığında rezervasyon sabittir --}}
                <div class="pmf-saleinfo" id="pmfPaxSaleInfo-{{ $uid }}" hidden>
                    <i class="fas fa-receipt"></i>
                    <div>
                        <b id="pmfPaxSaleCode-{{ $uid }}">—</b>
                        <small id="pmfPaxSaleSub-{{ $uid }}">—</small>
                    </div>
                </div>

                {{-- Araç çubuğundan açıldığında boş kontenjanı olan rezervasyonlar listelenir --}}
                <div id="pmfPaxSalePick-{{ $uid }}" hidden>
                    @if($paxFreeSales->isEmpty())
                        <div class="pmf-note warn">
                            <i class="fas fa-circle-info"></i>
                            <span>Bu kalkıştaki tüm rezervasyonların kişi sayısı kadar yolcu kaydı girilmiş.
                            Yeni yolcu eklemek için önce <b>satış kartından kişi sayısını</b> artırın.</span>
                        </div>
                    @else
                        <select class="pmf-select" id="pmfPaxSale-{{ $uid }}">
                            @foreach($paxFreeSales as $s)
                                <option value="{{ $s['id'] }}">#{{ $s['code'] }} · {{ $s['customer'] }} — {{ $s['free'] }} kişilik yer boş</option>
                            @endforeach
                        </select>
                    @endif
                </div>
            </div>

            {{-- 2 · Kimlik --}}
            <div class="pmf-sec">
                <div class="pmf-sec-h"><span class="pmf-sec-n">2</span> Kimlik bilgileri</div>
                <div class="pmf-fgrid">
                    <div class="pmf-fld">
                        <label>Ad <em>*</em></label>
                        <input type="text" class="pmf-input" id="pmfPaxFirst-{{ $uid }}" maxlength="255" placeholder="Örn: Ayşe" autocomplete="off">
                    </div>
                    <div class="pmf-fld">
                        <label>Soyad</label>
                        <input type="text" class="pmf-input" id="pmfPaxLast-{{ $uid }}" maxlength="255" placeholder="Örn: Yılmaz" autocomplete="off">
                    </div>
                    <div class="pmf-fld">
                        <label>T.C. Kimlik No</label>
                        <input type="text" class="pmf-input" id="pmfPaxTc-{{ $uid }}" inputmode="numeric" maxlength="11"
                               placeholder="11 hane" autocomplete="off" oninput="mfPaxTcInput('{{ $uid }}')">
                        <span class="pmf-fhint" id="pmfPaxTcHint-{{ $uid }}"></span>
                    </div>
                    <div class="pmf-fld">
                        <label>Doğum Tarihi</label>
                        <input type="date" class="pmf-input" id="pmfPaxBirth-{{ $uid }}" onchange="mfPaxBirthInput('{{ $uid }}')">
                        <span class="pmf-fhint" id="pmfPaxAge-{{ $uid }}"></span>
                    </div>
                    <div class="pmf-fld wide">
                        <label>Cinsiyet</label>
                        <select class="pmf-select" id="pmfPaxGender-{{ $uid }}">
                            <option value="">Belirtilmedi</option>
                            <option value="male">Erkek</option>
                            <option value="female">Kadın</option>
                            <option value="other">Diğer</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="pmf-ov-foot">
            <span class="pmf-fhint" id="pmfPaxErr-{{ $uid }}"></span>
            <div style="flex:1"></div>
            <button type="button" class="pmf-cancel" onclick="mfCloseOv('pmfPax-{{ $uid }}')">Vazgeç</button>
            <button type="button" class="pmf-go pax" id="pmfPaxGo-{{ $uid }}" onclick="mfSavePassenger('{{ $uid }}')">
                <i class="fas fa-check me-1"></i> Yolcuyu Kaydet
            </button>
        </div>
    </div>
</div>

@include('agency.operations.partials.manifest-styles')

<script>
(function () {
    const UID = @json($uid);
    const EXPORT_BASE = @json(url('/agency/operations/' . $typeKey . '/' . $id . '/passengers/export'));
    const DOC_STORE   = @json(route('agency.operations.passenger-documents.store', [$typeKey, $id]));
    const DOC_OPTIONS = @json(route('agency.operations.passenger-documents.options', [$typeKey, $id]));
    const DOC_BASE    = @json(url('/agency/passenger-documents'));
    const PAX_STORE   = @json(route('agency.operations.passengers.store', [$typeKey, $id]));
    // Yaş hesabı kalkış tarihine göre yapılır (sunucudaki ölçüyle aynı)
    const DEPART_DATE = @json(optional($vm['start'] ?? null)->format('Y-m-d'));
    const SELF_URL    = @json(route('agency.operations.quick-view', [$typeKey, $id]));
    // Kartı tazele: aynı URL ile açmak mevcut kartın içeriğini yeniden çeker
    const refresh = () => { if (typeof openQuickView === 'function') openQuickView(SELF_URL); };
    const CSRF = document.querySelector('meta[name="csrf-token"]')?.content || '';

    const $ = id => document.getElementById(id + '-' + UID);
    const toast = (icon, title) => {
        if (typeof Swal === 'undefined') return;
        Swal.fire({ toast: true, position: 'top-end', timer: 2200, showConfirmButton: false, icon, title });
    };

    // ── Görünüm (tablo / kart) ──
    window.mfSetView = function (uid, view, btn) {
        document.getElementById('mf-table-' + uid).style.display = view === 'table' ? '' : 'none';
        document.getElementById('mf-card-' + uid).style.display  = view === 'card' ? '' : 'none';
        btn.parentElement.querySelectorAll('button').forEach(b => b.classList.toggle('active', b === btn));
    };

    // ── Satır detayını aç/kapat ──
    window.mfToggleDetail = function (btn) {
        const tr = btn.closest('tr');
        const detail = tr.nextElementSibling;
        if (!detail || !detail.classList.contains('pmf-detail')) return;
        const open = detail.hasAttribute('hidden');
        detail.toggleAttribute('hidden', !open);
        btn.classList.toggle('open', open);
    };

    // ── Seçim ──
    function selected(uid) {
        return [...document.querySelectorAll('#pmfTable-' + uid + ' .pmf-rowcheck:checked')].map(c => c.value);
    }
    function paintSel(uid) {
        const n = selected(uid).length;
        const box = document.getElementById('pmfSel-' + uid);
        if (box) { box.toggleAttribute('hidden', n === 0); box.querySelector('b').textContent = n; }
        const docSel = document.getElementById('pmfDocSel-' + uid);
        if (docSel) docSel.textContent = n;
    }
    window.mfToggleAll = function (uid, on) {
        document.querySelectorAll('#pmfTable-' + uid + ' .pmf-rowcheck').forEach(c => { c.checked = on; });
        paintSel(uid);
    };
    // Delege dinleyici bir kez bağlanır; uid hedef elemandan çözülür
    // (her kart yenilemesinde yeni dinleyici birikmesin)
    if (!window.__pmfChangeBound) {
        window.__pmfChangeBound = true;
        document.addEventListener('change', e => {
            const t = e.target;
            if (t.classList?.contains('pmf-rowcheck')) {
                const tbl = t.closest('table[id^=pmfTable-]');
                if (tbl) window.__pmfPaintSel?.(tbl.id.slice('pmfTable-'.length));
            } else if (t.classList?.contains('pmf-colcheck')) {
                const ov = t.closest('.pmf-ov[id^=pmfExp-]');
                if (ov) window.__pmfMarkCustom?.(ov.id.slice('pmfExp-'.length));
            }
        });
    }
    window.__pmfPaintSel = paintSel;
    window.__pmfMarkCustom = markCustom;

    // ── Hücre anlık kaydı ──
    // Alan iki tabloya dağılır: operasyonel alanlar sale_passengers pivotuna,
    // kimlik alanları (ad/soyad/TCKN/doğum tarihi/cinsiyet) kişi kaydına yazılır.
    window.mfSaveCell = function (input) {
        const original = input.dataset.prev ?? '';
        const field = input.dataset.field;

        // İstemci tarafı ön kontrol — gereksiz istek atmadan uyar
        if (field === 'national_id' && input.value.trim() && !/^[1-9][0-9]{10}$/.test(input.value.trim())) {
            input.classList.add('is-err');
            toast('warning', 'T.C. kimlik no 11 haneli olmalı ve rakamlardan oluşmalıdır.');
            return;
        }
        if (field === 'first_name' && !input.value.trim()) {
            input.classList.add('is-err');
            input.value = original;
            toast('warning', 'Yolcunun adı boş bırakılamaz.');
            return;
        }

        input.classList.remove('is-ok', 'is-err');
        input.classList.add('is-saving');

        fetch(input.dataset.url, {
            method: 'PATCH',
            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': CSRF },
            body: JSON.stringify({
                sale_id: input.dataset.sale,
                passenger_id: input.dataset.passenger,
                field: input.dataset.field,
                value: input.value,
            }),
        })
        .then(r => r.json())
        .then(d => {
            input.classList.remove('is-saving');
            if (d.success) {
                input.classList.add('is-ok');
                input.dataset.prev = input.value;
                mfPaintRow(input, d);
                setTimeout(() => input.classList.remove('is-ok'), 1200);
            } else {
                input.classList.add('is-err');
                input.value = original;
                toast('error', d.message || 'Kaydedilemedi');
            }
        })
        .catch(() => {
            input.classList.remove('is-saving');
            input.classList.add('is-err');
            toast('error', 'Sunucuya ulaşılamadı');
        });
    };

    /**
     * Kimlik alanı kaydedildikten sonra üst satırı sunucu cevabına göre tazeler:
     * ad değişince satırdaki isim + baş harf, doğum tarihi değişince yaş rozeti.
     * (Tüm kartı yeniden çekmek açık detay panelini kapatırdı.)
     */
    function mfPaintRow(input, d) {
        const detail = input.closest('tr.pmf-detail');
        if (!detail) return;
        const key = detail.dataset.mfDetail;
        const row = key ? document.querySelector('tr[data-mf-row="' + CSS.escape(key) + '"]') : detail.previousElementSibling;
        if (!row) return;

        if (d.passenger_name) {
            const nameEl = row.querySelector('.pmf-name');
            if (nameEl) nameEl.textContent = d.passenger_name;
            const av = row.querySelector('.pmf-av');
            if (av) av.textContent = d.passenger_name.charAt(0).toLocaleUpperCase('tr-TR');
        }

        if (input.dataset.field === 'birth_date') {
            const chipHost = input.closest('.pmf-dfld')?.querySelector('label');
            if (chipHost) {
                chipHost.querySelector('.pmf-agechip')?.remove();
                if (d.age !== null && d.age !== undefined) {
                    const b = document.createElement('b');
                    b.className = 'pmf-agechip';
                    b.textContent = d.age + ' yaş';
                    chipHost.appendChild(b);
                }
            }
        }
    }

    // ── Modal aç/kapa ──
    // Modallar kart içinde duramaz: quick-view kartlarında transform olduğu için
    // position:fixed karta göre hesaplanıyor ve modal kartın içinde kırpılıyordu.
    // Açarken body'ye taşınır → her zaman tüm ekranın üstünde ortalanır.
    function mfMountOv(elId) {
        const el = document.getElementById(elId);
        if (!el) return null;
        // Kart yenilendiğinde body'de kalmış eski kopya varsa temizle (id çakışmasın)
        document.querySelectorAll('body > .pmf-ov').forEach(o => { if (o.id === elId && o !== el) o.remove(); });
        if (el.parentElement !== document.body) document.body.appendChild(el);
        el.removeAttribute('hidden');
        return el;
    }

    window.mfOpenExportModal = function (uid) { mfMountOv('pmfExp-' + uid); mfColChanged(uid); };
    window.mfCloseOv = function (elId) { document.getElementById(elId)?.setAttribute('hidden', ''); };

    window.mfPickPreset = function (uid, btn) {
        btn.parentElement.querySelectorAll('.pmf-preset').forEach(b => b.classList.toggle('active', b === btn));
        const cols = btn.dataset.columns ? JSON.parse(btn.dataset.columns) : null;
        if (!cols) { mfColChanged(uid); return; } // "Özel Seçim" → mevcut işaretler kalsın
        const want = new Set(cols);
        document.querySelectorAll('#pmfExp-' + uid + ' .pmf-colcheck').forEach(c => { c.checked = want.has(c.value); });
        mfColChanged(uid);
    };

    window.mfAllCols = function (uid, on) {
        document.querySelectorAll('#pmfExp-' + uid + ' .pmf-colcheck').forEach(c => { c.checked = on; });
        markCustom(uid); mfColChanged(uid);
    };
    window.mfGroupCols = function (uid, group) {
        const boxes = [...document.querySelectorAll('#pmfExp-' + uid + ' .pmf-colcheck[data-group="' + group + '"]')];
        const allOn = boxes.every(b => b.checked);
        boxes.forEach(b => { b.checked = !allOn; });
        markCustom(uid); mfColChanged(uid);
    };
    function markCustom(uid) {
        document.querySelectorAll('#pmfPresets-' + uid + ' .pmf-preset').forEach(b => b.classList.toggle('active', b.classList.contains('custom')));
    }
    window.mfColChanged = function (uid) {
        const n = document.querySelectorAll('#pmfExp-' + uid + ' .pmf-colcheck:checked').length;
        const el = document.getElementById('pmfColCount-' + uid);
        if (el) el.textContent = n;
    };
    // (kolon kutuları üstteki tekil delege dinleyicide ele alınır)

    window.mfDoExport = function (uid) {
        const cols = [...document.querySelectorAll('#pmfExp-' + uid + ' .pmf-colcheck:checked')].map(c => c.value);
        if (!cols.length) { toast('warning', 'En az bir alan seçin'); return; }

        const fmt = document.querySelector('input[name="pmfFmt-' + uid + '"]:checked')?.value || 'xlsx';
        const activePreset = document.querySelector('#pmfPresets-' + uid + ' .pmf-preset.active');
        const preset = activePreset && !activePreset.classList.contains('custom') ? activePreset.dataset.preset : '';

        const form = document.getElementById('pmfExpForm-' + uid);
        form.action = EXPORT_BASE + '/' + fmt;
        document.getElementById('pmfExpPreset-' + uid).value = preset;
        form.querySelectorAll('input[name="columns[]"]').forEach(n => n.remove());
        cols.forEach(c => {
            const i = document.createElement('input');
            i.type = 'hidden'; i.name = 'columns[]'; i.value = c;
            form.appendChild(i);
        });
        form.submit();
        mfCloseOv('pmfExp-' + uid);
    };

    // ── Yolcuya tıkla → müşteri kartının Yolcular sekmesi + ilgili kart açık ──
    window.mfOpenPassengerCard = function (customerId, passengerId) {
        const p = typeof openCustomerDrawer === 'function'
            ? openCustomerDrawer(customerId, 'passengers')
            : Promise.resolve();

        // Kart içeriği yüklendikten sonra hedef yolcunun kartını aç, kaydır, vurgula
        (p || Promise.resolve()).then(() => setTimeout(() => {
            // Yolcular sekmesi tablo düzeninde: özet satırını bul, detayını aç
            const row = document.querySelector('.qv-card-wrapper:not(.inactive) tr.cpx-tr[data-cpx-id="' + passengerId + '"]');
            if (!row) return;

            const det = row.nextElementSibling;
            if (det && det.classList.contains('cpx-det') && det.hasAttribute('hidden')) {
                const tgl = row.querySelector('.cpx-toggle');
                if (tgl && typeof cpxToggleRow === 'function') cpxToggleRow(tgl);
            }

            row.scrollIntoView({ behavior: 'smooth', block: 'center' });

            const card = det?.querySelector('.cpx-card');
            if (card) {
                card.classList.add('cpx-flash');
                setTimeout(() => card.classList.remove('cpx-flash'), 1800);
            }
        }, 150));
    };

    // ── Yolcu bilgi girişi (ad/soyad/TCKN/doğum tarihi) ──
    // Kişiye özel belge yalnızca adı olan yolcu için üretilebilir; eksik kaydı
    // operasyon kartından ayrılmadan, tek modalda tamamlatır.
    const PAX_SALES = @json($paxSales);
    let paxSaleId = null; // isimsiz satırdan açıldıysa sabit rezervasyon

    const tcOk = v => /^[1-9][0-9]{10}$/.test(v);

    function paxSetHint(id, text, cls) {
        const el = document.getElementById(id + '-' + UID);
        if (!el) return;
        el.textContent = text || '';
        el.className = 'pmf-fhint' + (cls ? ' ' + cls : '');
    }

    window.mfPaxTcInput = function (uid) {
        const inp = document.getElementById('pmfPaxTc-' + uid);
        if (!inp) return;
        inp.value = inp.value.replace(/\D/g, '').slice(0, 11);
        const v = inp.value;
        inp.classList.toggle('is-bad', v.length > 0 && v.length === 11 && !tcOk(v));
        if (!v) paxSetHint('pmfPaxTcHint', '');
        else if (v.length < 11) paxSetHint('pmfPaxTcHint', (11 - v.length) + ' hane daha', '');
        else if (!tcOk(v)) paxSetHint('pmfPaxTcHint', 'İlk hane 0 olamaz', 'bad');
        else paxSetHint('pmfPaxTcHint', '11 hane tamam', 'good');
    };

    window.mfPaxBirthInput = function (uid) {
        const v = document.getElementById('pmfPaxBirth-' + uid)?.value;
        paxSetHint('pmfPaxAge', v ? mfAgeText(v) : '');
    };

    // Yaş = kalkış tarihinde tamamlanmış yıl (sunucu da aynı ölçüyü kullanır)
    function mfAgeText(iso) {
        const b = new Date(iso);
        if (isNaN(b)) return '';
        const ref = DEPART_DATE ? new Date(DEPART_DATE) : new Date();
        if (b > ref) return 'Doğum tarihi gelecekte olamaz';
        let age = ref.getFullYear() - b.getFullYear();
        const m = ref.getMonth() - b.getMonth();
        if (m < 0 || (m === 0 && ref.getDate() < b.getDate())) age--;
        const kind = age < 2 ? 'Bebek' : (age < 12 ? 'Çocuk' : 'Yetişkin');
        return age + ' yaşında · ' + kind;
    }

    /**
     * @param {number|null} saleId  Rezervasyon sabitse id, araç çubuğundan açıldıysa null
     */
    window.mfAddPassenger = function (saleId, uid) {
        uid = uid || UID;
        paxSaleId = saleId || null;

        const ov = mfMountOv('pmfPax-' + uid);
        if (!ov) return;

        // Alanları temizle
        ['pmfPaxFirst', 'pmfPaxLast', 'pmfPaxTc', 'pmfPaxBirth'].forEach(k => {
            const el = document.getElementById(k + '-' + uid);
            if (el) { el.value = ''; el.classList.remove('is-bad'); }
        });
        const g = document.getElementById('pmfPaxGender-' + uid);
        if (g) g.value = '';
        paxSetHint('pmfPaxTcHint', ''); paxSetHint('pmfPaxAge', ''); paxSetHint('pmfPaxErr', '');

        const info = document.getElementById('pmfPaxSaleInfo-' + uid);
        const pick = document.getElementById('pmfPaxSalePick-' + uid);
        const title = document.getElementById('pmfPaxTitle-' + uid);

        if (paxSaleId) {
            const s = PAX_SALES.find(x => String(x.id) === String(paxSaleId));
            document.getElementById('pmfPaxSaleCode-' + uid).textContent = s ? '#' + s.code : '#—';
            document.getElementById('pmfPaxSaleSub-' + uid).textContent =
                s ? (s.customer + ' · ' + s.filled + '/' + s.capacity + ' yolcu kaydı girilmiş') : '';
            info?.removeAttribute('hidden');
            pick?.setAttribute('hidden', '');
            if (title) title.textContent = 'Yolcu Bilgilerini Gir';
        } else {
            info?.setAttribute('hidden', '');
            pick?.removeAttribute('hidden');
            if (title) title.textContent = 'Yeni Yolcu Ekle';
        }

        setTimeout(() => document.getElementById('pmfPaxFirst-' + uid)?.focus(), 60);
    };

    window.mfSavePassenger = function (uid) {
        const first = document.getElementById('pmfPaxFirst-' + uid)?.value.trim() || '';
        const last = document.getElementById('pmfPaxLast-' + uid)?.value.trim() || '';
        const tc = document.getElementById('pmfPaxTc-' + uid)?.value.trim() || '';
        const birth = document.getElementById('pmfPaxBirth-' + uid)?.value || '';
        const gender = document.getElementById('pmfPaxGender-' + uid)?.value || '';
        const saleId = paxSaleId || document.getElementById('pmfPaxSale-' + uid)?.value;

        if (!saleId) { paxSetHint('pmfPaxErr', 'Önce bir rezervasyon seçin', 'bad'); return; }
        if (!first) { paxSetHint('pmfPaxErr', 'Yolcunun adı zorunlu', 'bad'); document.getElementById('pmfPaxFirst-' + uid)?.focus(); return; }
        if (tc && !tcOk(tc)) { paxSetHint('pmfPaxErr', 'T.C. kimlik no 11 haneli olmalı', 'bad'); document.getElementById('pmfPaxTc-' + uid)?.focus(); return; }
        if (birth && new Date(birth) > new Date()) { paxSetHint('pmfPaxErr', 'Doğum tarihi gelecekte olamaz', 'bad'); return; }
        paxSetHint('pmfPaxErr', '');

        const btn = document.getElementById('pmfPaxGo-' + uid);
        const prev = btn.innerHTML;
        btn.disabled = true;
        btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>Kaydediliyor…';

        fetch(PAX_STORE, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': CSRF },
            body: JSON.stringify({
                sale_id: saleId,
                first_name: first,
                last_name: last,
                national_id: tc || null,
                birth_date: birth || null,
                gender: gender || null,
            }),
        })
        .then(r => r.json())
        .then(d => {
            btn.disabled = false; btn.innerHTML = prev;
            if (!d.success) { paxSetHint('pmfPaxErr', d.message || 'Yolcu eklenemedi', 'bad'); return; }
            mfCloseOv('pmfPax-' + uid);
            toast('success', d.message);
            refresh();
        })
        .catch(() => { btn.disabled = false; btn.innerHTML = prev; paxSetHint('pmfPaxErr', 'Sunucuya ulaşılamadı', 'bad'); });
    };

    // ── Yolcu belgesi üretimi ──
    window.mfOpenDocModal = function (uid, rowKey) {
        const ov = mfMountOv('pmfDoc-' + uid);
        if (!ov) return;
        if (rowKey) {
            // Tek yolcu için açıldıysa yalnızca onu seçili yap
            document.querySelectorAll('#pmfTable-' + uid + ' .pmf-rowcheck').forEach(c => { c.checked = c.value === rowKey; });
            const sel = document.querySelector('input[name="pmfDocScope-' + uid + '"][value="selected"]');
            if (sel) sel.checked = true;
        }
        paintSel(uid);
        ov.removeAttribute('hidden');
    };

    window.mfDocTplChanged = function (uid) {
        const id = document.getElementById('pmfDocTpl-' + uid)?.value;
        const box = document.getElementById('pmfDocManual-' + uid);
        if (!box) return;
        box.innerHTML = '';
        if (!id) return;

        fetch(DOC_OPTIONS + '?template_id=' + encodeURIComponent(id), { headers: { 'Accept': 'application/json' } })
            .then(r => r.json())
            .then(d => {
                if (!d.success || !d.manual_fields?.length) return;
                box.innerHTML = '<div class="pmf-manual-h"><i class="fas fa-keyboard"></i> Bu şablonda elle doldurulacak alanlar</div>'
                    + d.manual_fields.map(f =>
                        '<div class="pmf-mfld"><label>' + f.label + '</label>'
                        + '<input type="text" class="pmf-input" data-token="' + f.token + '" placeholder="' + f.label + '"></div>'
                      ).join('');
            })
            .catch(() => {});
    };

    window.mfGenerateDocs = function (uid) {
        const tpl = document.getElementById('pmfDocTpl-' + uid)?.value;
        if (!tpl) { toast('warning', 'Önce bir şablon seçin'); return; }

        const scope = document.querySelector('input[name="pmfDocScope-' + uid + '"]:checked')?.value || 'all';
        const passengers = scope === 'selected' ? selected(uid) : [];
        if (scope === 'selected' && !passengers.length) { toast('warning', 'Tabloda en az bir yolcu seçin'); return; }

        const manual = {};
        document.querySelectorAll('#pmfDocManual-' + uid + ' [data-token]').forEach(i => { manual[i.dataset.token] = i.value; });

        const btn = document.getElementById('pmfDocGo-' + uid);
        btn.disabled = true;
        const prev = btn.innerHTML;
        btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>Üretiliyor…';

        fetch(DOC_STORE, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': CSRF },
            body: JSON.stringify({
                template_id: tpl,
                scope,
                passengers,
                manual,
                overwrite: document.getElementById('pmfDocOver-' + uid)?.checked ? 1 : 0,
                status: document.getElementById('pmfDocDraft-' + uid)?.checked ? 'draft' : 'issued',
            }),
        })
        .then(r => r.json())
        .then(d => {
            btn.disabled = false; btn.innerHTML = prev;
            if (!d.success) { toast('error', d.message || 'Belge üretilemedi'); return; }
            mfCloseOv('pmfDoc-' + uid);
            toast('success', d.message);
            refresh();
        })
        .catch(() => { btn.disabled = false; btn.innerHTML = prev; toast('error', 'Sunucuya ulaşılamadı'); });
    };

    // ── Belge düzenleme ──
    let editingId = null;
    window.mfEditDoc = function (docId, uid) {
        editingId = docId;
        fetch(DOC_BASE + '/' + docId, { headers: { 'Accept': 'application/json' } })
            .then(r => r.json())
            .then(d => {
                if (!d.success) { toast('error', 'Belge açılamadı'); return; }
                document.getElementById('pmfEditName-' + uid).value = d.document.title || '';
                document.getElementById('pmfEditBody-' + uid).innerHTML = d.document.content || '';
                document.getElementById('pmfEditSub-' + uid).textContent =
                    [d.document.passenger, d.document.sale_code ? '#' + d.document.sale_code : null, d.document.kind_label]
                        .filter(Boolean).join(' · ');
                mfMountOv('pmfEdit-' + uid);
            })
            .catch(() => toast('error', 'Belge açılamadı'));
    };

    window.mfSaveDoc = function (uid) {
        if (!editingId) return;
        fetch(DOC_BASE + '/' + editingId, {
            method: 'PUT',
            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': CSRF },
            body: JSON.stringify({
                title: document.getElementById('pmfEditName-' + uid).value,
                content: document.getElementById('pmfEditBody-' + uid).innerHTML,
            }),
        })
        .then(r => r.json())
        .then(d => {
            if (!d.success) { toast('error', d.message || 'Kaydedilemedi'); return; }
            mfCloseOv('pmfEdit-' + uid);
            toast('success', 'Belge güncellendi');
        })
        .catch(() => toast('error', 'Sunucuya ulaşılamadı'));
    };

    window.mfDeleteDoc = function (uid) {
        if (!editingId) return;
        const run = () => fetch(DOC_BASE + '/' + editingId, {
            method: 'DELETE',
            headers: { 'Accept': 'application/json', 'X-CSRF-TOKEN': CSRF },
        })
        .then(r => r.json())
        .then(d => {
            mfCloseOv('pmfEdit-' + uid);
            toast(d.success ? 'success' : 'error', d.message || '');
            if (d.success) refresh();
        });

        if (typeof Swal !== 'undefined') {
            Swal.fire({ title: 'Belge silinsin mi?', icon: 'warning', showCancelButton: true,
                confirmButtonColor: '#ef4444', confirmButtonText: 'Evet, sil', cancelButtonText: 'Vazgeç' })
                .then(r => r.isConfirmed && run());
        } else if (confirm('Belge silinsin mi?')) run();
    };
})();
</script>