{{--
    QUICK-VIEW "DEFTER" (LEDGER) TASARIMI — ortak stil + davranış. TEK KAYNAK.

    Müşteri kartındaki Künye paneliyle başlayan tasarım tüm quick-view'ların
    sabit alan tasarımıdır: her alan tek satır (solda etiket, sağda değer),
    hover'da kopyala/düzenle, yerinde düzenleme, boş alanlar soluk placeholder
    ile VARSAYILAN GÖRÜNÜR (başlıktaki "boş alan" düğmesi gizler).

    Kullanım (kart tarafı yalnızca işaretleme çizer, JS yazmaz):
      <div class="pfx show-empty" data-url="…/update-field">
        <div class="pfx-top">
          <span class="pfx-top-t"><i class="fas fa-…"></i> Başlık</span>
          <button class="pfx-chip" data-a="empties"><i class="fas fa-eye-slash"></i> <span data-role="empties-n">N</span> boş alan</button>
          <button class="pfx-chip" data-a="copy-all"><i class="fas fa-clone"></i> Tümü</button>
        </div>
        <section class="pfx-sec"> … .pfx-row satırları … </section>
      </div>

    Satır sözleşmesi: .pfx-row[data-field][data-type][data-value][data-label]
    (+ data-options select için, data-lookup lookup için, data-empty="1" boşsa,
    data-url satır bazlı hedef).
    Kaydetme: PATCH data-url {field, value} → {success, display_value} beklenir.
    Satırda data-target varsa PATCH ATILMAZ: değer o CSS seçicisinin gösterdiği
    gerçek form alanına yazılır ve kaydı kartın KENDİ otomatik kaydı gönderir
    (bkz. satış quick-create). Bağ iki yönlüdür — alan kart tarafından
    doldurulunca satır metni de tazelenir.
    Zengin içerik/bileşen barındıran kartlar satır yerine .pfx-body kullanır.

    Bu dosya hem müşteri kartı (qv-profile) hem ürün kartları tarafından
    include edilir; script document.__pfxBound ile bir kez bağlanır.
--}}
@once
<style>
    /* ═══ Ledger paneli — ortak çekirdek ═══ */
    /* overflow:hidden BİLEREK yok: bölüm başlıklarının sticky olabilmesi için
       panelin kendisi kaydırma bağlamı oluşturmamalı. */
    .pfx {
        background: #fff; border: 1px solid #e6ecf5; border-radius: 16px;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .pfx-top {
        display: flex; align-items: center; gap: .4rem;
        padding: .55rem .7rem; border-bottom: 1px solid #eef2f7;
        background: linear-gradient(180deg, #fbfdff, #f5f9ff);
        border-radius: 15px 15px 0 0;
    }
    .pfx-top-t { flex: 1; font-size: .74rem; font-weight: 800; color: #0f172a; letter-spacing: -.01em; }
    .pfx-top-t i { color: #2563eb; margin-right: 6px; }

    /* <button> ve <a> aynı görünsün diye text-decoration burada sıfırlanır */
    .pfx-chip {
        display: inline-flex; align-items: center; gap: 5px;
        border: 1px solid #e2e8f0; background: #fff; color: #64748b;
        border-radius: 8px; padding: 3px 8px; cursor: pointer;
        font: inherit; font-size: .66rem; font-weight: 700; text-decoration: none;
        transition: border-color .14s, color .14s, background .14s;
    }
    .pfx-chip:hover { text-decoration: none; }
    .pfx-chip:hover { border-color: #bfdbfe; color: #1d4ed8; background: #eff6ff; }
    .pfx-chip i { font-size: .62rem; }
    .pfx.show-empty .pfx-chip[data-a="empties"] { border-color: #bfdbfe; color: #1d4ed8; background: #eff6ff; }

    /* ── Katlama: kart yalnızca başlık şeridine iner ──
       Başlık kartın kimliğini taşıdığı için katlıyken de köşe yuvarlaklığı
       tam kalır; gövde yükseklik geçişiyle değil görünürlükle kapanır
       (satır sayısı değişken, sabit bir max-height dürüst olmaz). */
    .pfx-fold {
        width: 22px; height: 22px; flex: none;
        border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #94a3b8;
        cursor: pointer; display: grid; place-items: center; font-size: .6rem;
        transition: border-color .14s, color .14s, background .14s, transform .18s;
    }
    .pfx-fold:hover { border-color: #bfdbfe; color: #1d4ed8; background: #eff6ff; }

    .pfx.folded > .pfx-top { border-bottom-color: transparent; border-radius: 15px; }
    .pfx.folded > .pfx-sec,
    .pfx.folded > .pfx-body,
    .pfx.folded > .pfx-note { display: none; }
    /* Katlıyken içerik düğmeleri anlamsız; yalnızca açma düğmesi kalır. */
    .pfx.folded > .pfx-top .pfx-chip { display: none; }

    .pfx-sec + .pfx-sec { border-top: 1px solid #f1f5f9; }
    .pfx-sec:last-child { border-radius: 0 0 15px 15px; padding-bottom: 4px; }
    .pfx-sec.muted .pfx-v { color: #64748b; font-weight: 600; }

    .pfx-sec-h {
        position: sticky; top: 0; z-index: 2;
        display: flex; align-items: center; gap: 6px;
        padding: .42rem .7rem .3rem;
        background: rgba(255, 255, 255, .93);
        backdrop-filter: blur(6px);
        font-size: .6rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: #94a3b8;
    }
    .pfx-sec-h i { color: #cbd5e1; font-size: .64rem; }
    .pfx-sec-h span { flex: 1; }

    .pfx-secopy {
        border: 0; background: transparent; color: #cbd5e1; cursor: pointer;
        width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center;
        font-size: .62rem; opacity: 0; transition: opacity .14s, color .14s, background .14s;
    }
    .pfx-sec:hover .pfx-secopy { opacity: 1; }
    .pfx-secopy:hover { color: #2563eb; background: #eff6ff; }

    /* Zengin içerik barındıran kartların gövdesi (satır yerine serbest içerik) */
    .pfx-body { padding: .6rem .7rem .7rem; }

    /* Başlıkta sayaç/açıklama — düğme değil, yalnızca bilgi */
    .pfx-hint { font-size: .64rem; font-weight: 700; color: #b6c2d2; white-space: nowrap; }

    /* Bölümü kaydeden birincil çip (satır bazlı kayıt olmayan bloklarda) */
    .pfx-chip.primary { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
    .pfx-chip.primary:hover { border-color: #2563eb; background: #2563eb; color: #fff; }

    .pfx-b.danger:hover { color: #dc2626; background: #fef2f2; }

    /* Panoya kopyalanacak hazır metin bloğu */
    .pfx-block {
        white-space: pre-wrap; font-size: .78rem; font-weight: 600; color: #334155; line-height: 1.6;
        background: #f8fafc; border: 1px solid #eef2f7; border-radius: 10px; padding: .5rem .6rem;
    }
    .pfx-empty-text { font-size: .78rem; font-style: italic; color: #b6c2d2; font-weight: 600; }
    .pfx-rte { font-size: .8rem; color: #334155; line-height: 1.6; }
    .pfx-rte :last-child { margin-bottom: 0; }

    /* ── Kart içi form: etiketli alan ızgarası ── */
    .pfx-form { background: #f8fafc; border-top: 1px solid #eef2f7; border-bottom: 1px solid #eef2f7; }
    .pfx-fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
    @media (max-width: 560px) { .pfx-fgrid { grid-template-columns: 1fr; } }

    .pfx-f { display: flex; flex-direction: column; gap: 3px; margin: 0; min-width: 0; }
    .pfx-f > span {
        font-size: .6rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #9aa7bb;
    }
    .pfx-f input, .pfx-f select, .pfx-f textarea {
        width: 100%; border: 1.5px solid #e6ecf5; border-radius: 8px; background: #fff;
        padding: .3rem .5rem; font: inherit; font-size: .78rem; font-weight: 650; color: #0f172a; outline: none;
        transition: border-color .14s, box-shadow .14s;
    }
    .pfx-f input:focus, .pfx-f select:focus, .pfx-f textarea:focus {
        border-color: #bfdbfe; box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
    }
    .pfx-f input::placeholder { color: #c3cddc; font-weight: 550; }

    .pfx-fact { display: flex; justify-content: flex-end; gap: .4rem; margin-top: .55rem; }

    /* ── Kart içi tablo: ledger satırıyla aynı tipografi ── */
    .pfx-tablewrap { overflow-x: auto; }
    .pfx-table { width: 100%; border-collapse: collapse; font-size: .76rem; }
    .pfx-table th {
        font-size: .6rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #9aa7bb;
        text-align: left; padding: 0 .3rem .3rem; white-space: nowrap;
    }
    .pfx-table td { padding: 2px .15rem; }
    .pfx-table td:first-child { padding-left: 0; }
    .pfx-table input, .pfx-table select {
        width: 100%; border: 1.5px solid transparent; border-radius: 7px; background: #f8fafc;
        padding: .25rem .45rem; font: inherit; font-size: .76rem; font-weight: 650; color: #0f172a; outline: none;
        transition: border-color .14s, background .14s, box-shadow .14s;
    }
    .pfx-table input:hover, .pfx-table select:hover { background: #f1f5f9; }
    .pfx-table input:focus, .pfx-table select:focus {
        background: #fff; border-color: #bfdbfe; box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
    }
    .pfx-table input::placeholder { color: #c3cddc; font-weight: 550; }

    /* Kart altı küçük bilgi notu */
    .pfx-note {
        display: flex; align-items: baseline; gap: 6px;
        padding: .35rem .7rem .55rem;
        font-size: .68rem; font-weight: 600; color: #94a3b8; line-height: 1.4;
    }
    .pfx-note i { color: #cbd5e1; font-size: .64rem; }

    /* ── Satır ── */
    .pfx-row {
        display: grid; grid-template-columns: 108px minmax(0, 1fr) 44px;
        align-items: center; gap: .5rem;
        min-height: 29px; padding: 1px .7rem;
        position: relative;
        transition: background .12s;
    }
    .pfx-row::before {
        content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 2px;
        border-radius: 0 2px 2px 0; background: transparent; transition: background .16s;
    }
    .pfx-row:hover { background: #f7faff; }
    .pfx:not(.show-empty) .pfx-row[data-empty="1"] { display: none; }
    .pfx.show-empty .pfx-row[data-empty="1"] .pfx-v { color: #cbd5e1; font-weight: 500; font-style: italic; }

    .pfx-l {
        font-size: .63rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
        color: #9aa7bb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .pfx-v {
        font-size: .815rem; font-weight: 650; color: #0f172a; line-height: 1.35;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        cursor: text; border-radius: 6px; padding: 2px 0;
    }
    .pfx-row.ro .pfx-v { cursor: default; }
    .pfx-row.mono .pfx-v { font-variant-numeric: tabular-nums; letter-spacing: .01em; }
    .pfx-v:empty::before, .pfx-row[data-empty="1"] .pfx-v:empty::before {
        content: attr(data-ph); color: #cbd5e1; font-weight: 500; font-style: italic;
    }

    .pfx-a { display: flex; gap: 1px; justify-content: flex-end; opacity: 0; transition: opacity .13s; }
    .pfx-row:hover .pfx-a, .pfx-row:focus-within .pfx-a { opacity: 1; }
    @media (hover: none) { .pfx-a { opacity: 1; } }

    .pfx-b {
        width: 20px; height: 20px; border: 0; border-radius: 6px; background: transparent;
        color: #c3cddc; cursor: pointer; display: grid; place-items: center; font-size: .64rem;
        transition: color .13s, background .13s;
    }
    .pfx-b:hover { color: #2563eb; background: #eff6ff; }
    .pfx-b.ok { color: #16a34a; background: #dcfce7; }

    /* ── Düzenleme: satır yüksekliği değişmez, sol kenarda mavi işaret ── */
    .pfx-row.editing { background: #fff; }
    /* Tab ile alandan alana atlanabildiği için "şu an buradayım" işareti göz
       tarafından yakalanabilmeli: şerit kısa bir açılışla belirir, böylece
       imleç ledger'da aşağı inerken hangi satırın etkin olduğu bir bakışta belli olur. */
    .pfx-row.editing::before { background: #2563eb; transform-origin: center; animation: pfxCaret .2s ease-out; }
    @keyframes pfxCaret { from { transform: scaleY(.25); opacity: .3; } to { transform: none; opacity: 1; } }
    .pfx-row.editing .pfx-v { white-space: normal; overflow: visible; padding: 0; }
    .pfx-row.editing .pfx-a { opacity: 1; }

    .pfx-in {
        width: 100%; border: 1.5px solid #dbe6f7; background: #fff; color: #0f172a;
        border-radius: 7px; padding: 2px 7px; font: inherit; font-size: .8rem; font-weight: 650;
        outline: none; box-shadow: 0 0 0 2px rgba(37, 99, 235, .07);
        transition: border-color .13s, box-shadow .13s;
    }
    /* Odak halkası bilerek güçlü: klavyeyle gezen kullanıcı, satırın açık
       olması ile alanın ODAKLI olmasını ayırt edebilmeli. Tarih alanlarında
       bu sınıfı global seçicinin ürettiği GÖRÜNEN alan devralır. */
    .pfx-in:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); }
    textarea.pfx-in { min-height: 62px; resize: vertical; line-height: 1.45; font-weight: 600; }
    select.pfx-in { padding: 2px 4px; cursor: pointer; }

    .pfx-row.saving::before { background: #f59e0b; }
    .pfx-row.saving .pfx-in { border-color: #fcd34d; box-shadow: 0 0 0 3px rgba(245, 158, 11, .12); }
    /* Tab ile geçildiğinde kaydetme arka planda sürer; satır okuma kipine
       döndüğü hâlde şeridi sarı kalsın ki "henüz yazılmadı" bilgisi kaybolmasın. */
    .pfx-row.saving:not(.editing) .pfx-v { opacity: .6; }
    .pfx-row.saved::before { background: #16a34a; }
    .pfx-row.saved { background: #f0fdf4; }
    .pfx-row.err::before { background: #ef4444; }

    @media (prefers-reduced-motion: reduce) {
        .pfx-row.editing::before { animation: none; }
    }

    /* ── Sekmeli alt paneller (ör. fatura muhatapları) ── */
    .pfx-bptabs {
        display: flex; gap: 4px; flex-wrap: wrap;
        padding: .1rem .7rem .4rem;
    }
    .pfx-bptab {
        position: relative;
        display: inline-flex; align-items: center; gap: 5px;
        border: 1px solid #e6ecf5; background: #fff; color: #64748b;
        border-radius: 9px; padding: 3px 9px; cursor: pointer;
        font: inherit; font-size: .68rem; font-weight: 700;
        transition: border-color .14s, color .14s, background .14s;
        max-width: 100%;
    }
    .pfx-bptab i { font-size: .62rem; color: #cbd5e1; }
    .pfx-bptab span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .pfx-bptab:hover { border-color: #bfdbfe; color: #1d4ed8; }
    .pfx-bptab.on { background: #0f172a; border-color: #0f172a; color: #fff; }
    .pfx-bptab.on i { color: #93c5fd; }

    /* Eksik bilgi uyarı noktası */
    .pfx-bpdot {
        width: 6px; height: 6px; border-radius: 50%; background: #f59e0b; flex: none;
    }

    .pfx-bppanel { display: none; }
    .pfx-bppanel.on { display: block; animation: pfxFade .16s ease; }
    @keyframes pfxFade { from { opacity: 0; transform: translateY(-2px); } to { opacity: 1; transform: none; } }

    .pfx-bpwarn {
        display: flex; align-items: center; gap: 6px;
        margin: 0 .7rem .3rem; padding: 4px 8px;
        background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px;
        font-size: .68rem; font-weight: 650; color: #92400e;
    }
    .pfx-bpwarn i { color: #f59e0b; font-size: .66rem; }

    .pfx-bpfoot {
        display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
        padding: .3rem .7rem .55rem;
    }
    .pfx-bpfoot > span { flex: 1; min-width: 0; font-size: .64rem; font-weight: 600; color: #b6c2d2; }
    .pfx-bpfoot .pfx-chip { font-size: .62rem; }

    /* ── Kart yığını: ledger kartları alt alta ── */
    .qv-left-stack { display: flex; flex-direction: column; gap: .9rem; }

    /* Uzun etiketli kartlar (ör. ayarlar) için geniş etiket sütunu */
    .pfx.pfx-lw .pfx-row { grid-template-columns: 172px minmax(0, 1fr) 44px; }

    @media (max-width: 560px) {
        .pfx-row { grid-template-columns: 92px minmax(0, 1fr) 44px; }
        .pfx.pfx-lw .pfx-row { grid-template-columns: 128px minmax(0, 1fr) 44px; }
    }
</style>

<script>
/**
 * Ledger paneli: yerinde düzenleme + kopyalama (tüm quick-view'lar için ortak).
 * Olaylar document seviyesinde dinlenir; drawer her açılışta içeriği
 * yeniden ürettiği için tek bağlama yeterlidir.
 */
(function () {
    if (document.__pfxBound) return;
    document.__pfxBound = true;

    var CSRF = function () { return document.querySelector('meta[name="csrf-token"]')?.content || ''; };

    function note(icon, title) {
        if (typeof appToast === 'function') appToast({ icon: icon, title: title, timer: 1700 });
    }

    // ── Sayı alanları ───────────────────────────────────────────────────
    // Ledger satırı biçimli değer taşıyabilir ("1.234,50 ₺"); input'a ham
    // sayı, ekrana yeniden biçimli metin gider. Böylece göç eden kartlarda
    // para/oran alanları eski inline-editable ile aynı davranır.

    /** Biçimli metinden ham sayıya ("1.234,50 ₺" → "1234.50"). */
    function numParse(v) {
        if (v === null || v === undefined) return '';
        var s = String(v).trim();
        if (s === '') return '';
        s = s.replace(/[^0-9.,-]/g, '');
        // Türkçe biçim: nokta binlik, virgül ondalık
        if (s.indexOf(',') > -1) s = s.replace(/\./g, '').replace(',', '.');
        return s;
    }

    /** Ham sayıdan ekran metnine; basamak sayısı verilmezse değerden türer. */
    function numFormat(raw, dec, suffix) {
        var clean = numParse(raw);
        var n = parseFloat(clean);
        if (!isFinite(n)) return String(raw || '');

        var d = parseInt(dec, 10);
        if (isNaN(d)) {
            var m = /\.(\d+)$/.exec(clean);
            d = m ? Math.min(m[1].length, 4) : 0;
        }

        var text = n.toLocaleString('tr-TR', { minimumFractionDigits: d, maximumFractionDigits: d });
        return suffix ? text + ' ' + suffix : text;
    }

    function displayText(row, raw, serverText) {
        var type = row.dataset.type || 'text';
        // Bazı uçlar boş değeri "—" olarak döndürür; bu bir değer değildir.
        if (serverText === '—') serverText = '';
        // Tarih tiplerinde sunucu ham değeri döndürebilir; gösterim istemcide biçimlenir.
        if (serverText != null && serverText !== '' && type !== 'date' && type !== 'datetime-local') return String(serverText);
        if (!raw) return '';
        if (type === 'date') {
            var m = /^(\d{4})-(\d{2})-(\d{2})/.exec(String(raw));
            return m ? m[3] + '.' + m[2] + '.' + m[1] : String(raw);
        }
        if (type === 'datetime-local') {
            var md = /^(\d{4})-(\d{2})-(\d{2})[T ](\d{2}):(\d{2})/.exec(String(raw));
            return md ? md[3] + '.' + md[2] + '.' + md[1] + ' ' + md[4] + ':' + md[5] : String(raw);
        }
        if (type === 'number') return numFormat(raw, row.dataset.dec, row.dataset.suffix);
        if (type === 'select') {
            var opts = JSON.parse(row.dataset.options || '[]');
            for (var i = 0; i < opts.length; i++) {
                if (String(opts[i].value) === String(raw)) return opts[i].label === '—' ? '' : opts[i].label;
            }
        }
        // Aranabilir liste: satır KODU tutar, ekranda ADI durur. Tab ile
        // geçişte sunucu yanıtı beklenmediği için ad bellekteki listeden
        // çözülür; liste henüz gelmediyse kod basılır, yanıt gelince düzelir.
        if (type === 'lookup' && window.LKP) {
            return window.LKP.labelOf(row.dataset.lookup, raw) || String(raw);
        }
        return String(raw);
    }

    function paint(row, text) {
        var v = row.querySelector('.pfx-v');
        v.textContent = text;
        v.setAttribute('title', text);
        if (text.trim() === '') row.setAttribute('data-empty', '1'); else row.removeAttribute('data-empty');
        countEmpties(row.closest('.pfx'));
    }

    function countEmpties(panel) {
        if (!panel) return;
        var n = 0;
        panel.querySelectorAll('.pfx-row[data-empty="1"]').forEach(function (r) {
            if (r.style.display !== 'none') n++;
        });
        var el = panel.querySelector('[data-role="empties-n"]');
        if (el) el.textContent = n;
    }

    // ── Tarih / saat alanları ve global seçici (DTP) ────────────────────
    // datetime-picker.js sayfadaki her <input type="date|time|datetime-local">
    // alanını sarar: ÖZGÜN input gizlenir ve ISO değerin tek kaynağı olarak
    // kalır, kullanıcı ise yanına konan GÖRÜNEN alana Türkçe biçimde yazar
    // (gg.aa.yyyy). Ledger bu yüzden odağı, klavyeyi ve odak-kaybı denetimini
    // görünen alana göre kurmak, değeri okurken de yazılanı ISO'ya akıtmak
    // zorunda. Eskiden gizli input'a odaklanıp gizli input'u dinlediği için
    // tarih satırlarında Enter hiç ulaşmıyor, blur denetimi hiç sağlanmıyordu:
    // satır düzenleme kipinde asılı kalıyor, değer kaydedilmiyordu.
    var DTP_TYPES = ['date', 'time', 'datetime-local'];

    // ── Aranabilir liste alanları (LKP) ─────────────────────────────────
    // lookup-picker.js, tarih seçicisiyle BİREBİR aynı deseni kullanır:
    // özgün input gizlenip KODUN tek kaynağı olarak kalır, kullanıcı yanına
    // konan görünen alanda ülke ADIYLA çalışır. Bu yüzden aşağıdaki üç
    // kanca (görünen düğüm, eşzamanlı kesinleştirme, panel içi odak) her iki
    // bileşeni birden gözetir; ayrı bir kod yolu açmaya gerek kalmaz.

    /** Alanın ekranda görünen (yazılabilir) düğümü; sarılmamışsa kendisi. */
    function visibleCtl(ctl) {
        if (ctl.__lkp && window.LKP && window.LKP.visible) return window.LKP.visible(ctl);
        return (window.DTP && window.DTP.visible) ? window.DTP.visible(ctl) : ctl;
    }

    /** Kaydedilecek HAM değer; tarihte ISO'ya, listede KODA kesinleştirilir. */
    function ctlValue(ctl) {
        if (ctl.__dtp && window.DTP && window.DTP.commit) window.DTP.commit(ctl);
        if (ctl.__lkp && window.LKP && window.LKP.commit) return window.LKP.commit(ctl);
        return ctl.value == null ? '' : String(ctl.value);
    }

    /** Odak hâlâ düzenlemenin içinde mi? Takvim/öneri paneli body'ye taşındığı
        için row.contains() tek başına yanılır; panele tıklamak "çıkış" sayılmamalı. */
    function stillInside(row, node) {
        if (!node) return false;
        if (row.contains(node)) return true;
        if (window.LKP && window.LKP.inPanel && window.LKP.inPanel(node)) return true;
        return !!(window.DTP && window.DTP.inPanel && window.DTP.inPanel(node));
    }

    /** Düzenleme kabuğunu söker; alanın açık paneli varsa onu da kapatır
        ki satır boyandıktan sonra sahipsiz bir panel ekranda kalmasın. */
    function closeEditor(row) {
        var ctl = row.__ctl;
        if (ctl && ctl.__dtp && window.DTP && window.DTP.close) window.DTP.close(ctl);
        if (ctl && ctl.__lkp && window.LKP && window.LKP.close) window.LKP.close(ctl);
        row.__ctl = null;
        row.classList.remove('editing');
    }

    // ── Düzenleme ───────────────────────────────────────────────────────
    function startEdit(row) {
        if (!row.dataset.field || row.classList.contains('editing')) return;

        var type = row.dataset.type || 'text';
        var v = row.querySelector('.pfx-v');
        row.__snapshot = v.textContent;

        var ctl;
        if (type === 'select') {
            ctl = document.createElement('select');
            JSON.parse(row.dataset.options || '[]').forEach(function (o) {
                var op = document.createElement('option');
                op.value = o.value; op.textContent = o.label;
                ctl.appendChild(op);
            });
            ctl.value = row.dataset.value || '';
        } else if (type === 'textarea') {
            ctl = document.createElement('textarea');
            ctl.value = row.dataset.value || '';
        } else if (type === 'lookup') {
            // 250 seçeneği her satıra gömmek kartı şişirirdi; alan yalnızca
            // liste anahtarını taşır, listeyi lookup-picker kart başına bir
            // kez çeker. Bu input KODU tutar, kullanıcı görünen eşinde ADI yazar.
            ctl = document.createElement('input');
            ctl.type = 'text';
            ctl.setAttribute('data-lookup', row.dataset.lookup || '');
            ctl.value = row.dataset.value || '';
        } else {
            ctl = document.createElement('input');
            // Ürün kartları saat/sayı/tarih-saat alanları da kullanır (ör. tur saati, kapasite, yayın tarihi)
            ctl.type = ['date', 'email', 'time', 'number', 'datetime-local'].indexOf(type) !== -1 ? type : 'text';
            // number input biçimli metni kabul etmez; ham sayıya indirilir
            ctl.value = type === 'number' ? numParse(row.dataset.value) : (row.dataset.value || '');
            if (type === 'number' && row.dataset.dec) ctl.step = row.dataset.dec === '0' ? '1' : '0.01';
        }
        ctl.className = 'pfx-in';
        if (row.dataset.field) ctl.setAttribute('data-field', row.dataset.field);
        if (row.dataset.label) ctl.setAttribute('aria-label', row.dataset.label);

        v.textContent = '';
        v.appendChild(ctl);
        row.__ctl = ctl;                       // .pfx-in sınıfını tarihte GÖRÜNEN alan devralır,
        row.__gen = (row.__gen || 0) + 1;      // ISO kaynağı olan özgün input yalnızca burada tutulur
        row.classList.add('editing');

        // Tarih/saat alanını görünen eşine HEMEN dönüştür: MutationObserver
        // beklenirse odak bir an gizli input'ta kalır, klavye de yanlış düğüme
        // düşerdi. enhance eşzamanlı çalışır, gözlemci sonradan atlar.
        if (window.DTP && DTP_TYPES.indexOf(type) !== -1) window.DTP.enhance(v);

        // Aranabilir liste alanı da eşzamanlı sarılır (aynı gerekçe).
        // Liste hiç yüklenmemişse (seeder çalıştırılmamış) satır düzenlemeye
        // kapanır: yazılabilir ama hiçbir zaman kabul edilmeyen bir alan
        // bırakmak kullanıcıyı boşuna uğraştırırdı — nedeni seçici kendi
        // uyarısında söyler.
        if (window.LKP && type === 'lookup') {
            window.LKP.enhance(v);
            window.LKP.ready(ctl).then(function (ok) {
                if (ok || row.__ctl !== ctl) return;
                cancelEdit(row);
                note('info', window.LKP.message(ctl) || 'Bu alanın listesi yüklenmemiş.');
            });
        }

        var box = visibleCtl(ctl);
        box.focus();
        if (box.select) { try { box.select(); } catch (e) { /* select yok */ } }

        // Klavye ve odak kaybı SATIRIN değer hücresinde dinlenir: hem düz
        // input hem de tarih alanının görünen eşi buradan geçer. Hücre satırla
        // birlikte yaşadığı için bağlama bir kez yapılır (art arda açılan
        // düzenlemelerde dinleyici birikmesin); güncel alan row.__ctl'dedir.
        // document seviyesine taşınamaz: Escape'i burada durdurmazsak
        // drawer'ın genel Escape kancası tüm paneli kapatır.
        if (!v.__pfxEdit) {
            v.__pfxEdit = true;
            v.addEventListener('keydown', onEditKey);
            v.addEventListener('focusout', onEditOut);
        }

        // Seçim yapılır yapılmaz kaydet: seçim kutusunda ve aranabilir listede
        // "yazımı bitirme" diye bir an yoktur, seçim kendisi bitiştir.
        // (lookup'ta 'change' özgün input'tan gelir — değer koddur.)
        if (type === 'select' || type === 'lookup') ctl.addEventListener('change', function () { commit(row, ctl); });
    }

    function onEditKey(e) {
        var row = e.target.closest('.pfx-row');
        if (!row || !row.classList.contains('editing') || !row.__ctl) return;
        var ctl = row.__ctl;
        var type = row.dataset.type || 'text';

        if (e.key === 'Escape') { e.stopPropagation(); cancelEdit(row); return; }

        // Tab: satırlar <div> olduğu için tarayıcının doğal sırası ledger'ın
        // dışına kaçıyordu; sıra elle yürütülür. textarea'da da geçiş yapar —
        // ledger satırı kısa bir not alanıdır, sekme karakterine ihtiyaç
        // duymaz ve klavye akışı Tab'ı "sonraki alan" olarak bekler.
        if (e.key === 'Tab') { e.preventDefault(); stepEdit(row, ctl, e.shiftKey ? -1 : 1); return; }

        if (e.key !== 'Enter') return;
        // textarea'da düz Enter satır atlar; kaydetmek için Ctrl/Cmd+Enter.
        if (type === 'textarea' && !(e.ctrlKey || e.metaKey)) return;
        e.preventDefault();
        commit(row, ctl);
    }

    function onEditOut(e) {
        var row = e.target.closest('.pfx-row');
        if (!row || !row.classList.contains('editing') || !row.__ctl) return;
        var ctl = row.__ctl;
        // Gecikme: takvim panelinden dönen odağın ve global seçicinin kendi
        // kesinleştirmesinin (blur'da 120 ms) oturmasını bekler.
        setTimeout(function () {
            if (!row.classList.contains('editing') || row.__ctl !== ctl) return;
            if (stillInside(row, document.activeElement)) return;
            commit(row, ctl);
        }, 160);
    }

    /**
     * Aynı panelde düzenlenebilir ve EKRANDA olan satırlar.
     * offsetParent denetimi "boş alanları gizle" düğmesini, kart tipine göre
     * gizlenen satırları, katlanmış kartı ve kapalı sekme panelini tek seferde
     * eler; salt okunur satırlarda data-field yoktur.
     */
    function editableRows(scope) {
        var out = [];
        if (!scope) return out;
        scope.querySelectorAll('.pfx-row[data-field]').forEach(function (r) {
            if (r.classList.contains('ro') || r.offsetParent === null) return;
            out.push(r);
        });
        return out;
    }

    /**
     * Tab ile gidilecek satır.
     *
     * Panelin sonuna gelindiğinde AYNI KARTTAKİ bir sonraki ledger paneline
     * geçilir: quick-view'da künye / iletişim / adres panelleri kullanıcı için
     * tek bir formun bölümleridir, Tab'a basmayı sürdüren kişi kartın tamamını
     * dolaşmayı bekler. Kartın da sonuna gelinirse null döner — düzenleme
     * kapanır ve odak serbest bırakılır. Başa sarmak (döngü) bilerek tercih
     * edilmedi: "kart bitti" bilgisini vermez ve kullanıcıyı farkında olmadan
     * aynı alanlarda ikinci kez gezdirir.
     */
    function neighborRow(row, dir) {
        var panel = row.closest('.pfx');
        if (!panel) return null;

        var rows = editableRows(panel);
        var i = rows.indexOf(row);
        if (i > -1 && rows[i + dir]) return rows[i + dir];

        var card = panel.closest('.qv-card-wrapper') || panel.parentNode;
        var panels = [];
        card.querySelectorAll('.pfx').forEach(function (p) {
            if (editableRows(p).length) panels.push(p);
        });
        var np = panels[panels.indexOf(panel) + dir];
        if (!np) return null;
        var nr = editableRows(np);
        return dir > 0 ? nr[0] : nr[nr.length - 1];
    }

    /**
     * Tab: mevcut alanı kaydet, sıradakini aç.
     * Kaydetme fetch ile sürdüğü için SONUÇ BEKLENMEZ — beklenirse her alan
     * arasında ağ gecikmesi kadar duraklama olur ve yazım akışı kesilir. Satır
     * beklemeden okuma kipine döner, kaydetme arka planda sürer; hata olursa
     * satır kırmızı yanıp eski değerine döner ve uyarı çıkar.
     */
    function stepEdit(row, ctl, dir) {
        var target = neighborRow(row, dir);   // hedef, satır boşalıp gizlenmeden ÖNCE bulunur
        commit(row, ctl, true);
        if (target) startEdit(target);
    }

    function cancelEdit(row) {
        if (!row.classList.contains('editing')) return;
        closeEditor(row);
        row.classList.remove('saving');
        paint(row, row.__snapshot != null ? row.__snapshot : '');
    }

    // Kart tarafı bir satırın metnini kendisi tazelemek isteyebilir: satış
    // kartında para birimi değişince tüm tutar satırlarının birim eki değişir,
    // ham değer ise aynı kalır — dolayısıyla değere bakan eşitleme tetiklenmez.
    window.PFX = window.PFX || {};
    window.PFX.repaint = function (row) {
        if (!row || row.classList.contains('editing')) return;
        paint(row, displayText(row, row.dataset.value || '', null));
    };

    // ── "target" satırları: kaydı kartın kendi otomatik kaydı gönderir ──
    // Satırın arkasındaki gerçek form alanı DEĞERİN TEK KAYNAĞIDIR. Satır onu
    // okur ve ona yazar; böylece kartın kendi kaydı (ör. quick-create'in
    // debounce'lu qcSave'i) tek yazar olarak kalır. Alan kart tarafından
    // programla da doldurulabildiği için (katalogdan tutar/kişi otomatik
    // dolduruluyor) bağ İKİ YÖNLÜDÜR: aşağıdaki dinleyici alanı izler.

    /** Satırın hedef form alanı; yoksa null (normal PATCH satırı). */
    function targetEl(row) {
        var sel = row.dataset.target;
        if (!sel) return null;
        var scope = row.closest('.qv-wrapper') || document;
        return scope.querySelector(sel) || document.querySelector(sel);
    }

    /** Hedefe yaz + kartın dinleyicilerini uyandır (metrik/otomatik kayıt). */
    function setTargetValue(el, raw) {
        if (el.value === raw) return;
        el.value = raw;
        el.dispatchEvent(new Event('input', { bubbles: true }));
        el.dispatchEvent(new Event('change', { bubbles: true }));
    }

    /** Alan kart tarafından değiştirildiyse satır metnini tazele. */
    function syncFromTarget(e) {
        var el = e.target;
        if (!el || !el.id || el.__pfxSyncing) return;
        var rows = document.querySelectorAll('.pfx-row[data-target="#' + el.id + '"]');
        if (!rows.length) return;
        el.__pfxSyncing = true;
        var raw = el.value == null ? '' : String(el.value);
        rows.forEach(function (row) {
            // Düzenlenen satıra dokunulmaz: kullanıcı yazarken metni ezmek,
            // yarım kalan girişi geri alırdı.
            if (row.classList.contains('editing')) return;
            if ((row.dataset.value || '') === raw) return;
            row.dataset.value = raw;
            paint(row, displayText(row, raw, null));
        });
        el.__pfxSyncing = false;
    }
    document.addEventListener('input', syncFromTarget, true);
    document.addEventListener('change', syncFromTarget, true);

    /** detach: kaydetmeyi beklemeden satırı okuma kipine döndür (Tab ile geçiş). */
    function commit(row, ctl, detach) {
        var raw = ctlValue(ctl);

        // Sayı alanında kayıtlı değer biçimli olabilir; karşılaştırma ham
        // sayı üzerinden yapılır, yoksa dokunulmayan alan bile kayıt atar.
        var current = row.dataset.value || '';
        if ((row.dataset.type || '') === 'number') {
            raw = numParse(raw);
            current = numParse(current);
        }
        // Tarihte iki taraf da ISO'dur: row.dataset.value "2001-01-18",
        // ctlValue de özgün input'tan ISO okur — görünen "18.01.2001" metni
        // buraya asla ulaşmaz.
        if (raw === current) { cancelEdit(row); return; }

        // Kendi otomatik kaydı olan kartlarda (satış quick-create) satırın
        // arkasında gerçek bir form alanı durur: kaydı o kartın kendi
        // debounce'lu kaydı gönderir, satır yalnızca değeri oraya akıtır.
        // Ayrı bir PATCH atılsaydı iki yazar aynı kaydı ezerdi.
        var tgt = targetEl(row);
        if (tgt) {
            row.dataset.value = raw;
            setTargetValue(tgt, raw);
            closeEditor(row);
            paint(row, displayText(row, raw, null));
            row.classList.add('saved');
            setTimeout(function () { row.classList.remove('saved'); }, 1200);
            row.dispatchEvent(new CustomEvent('pfx:saved', {
                bubbles: true,
                detail: { field: row.dataset.field, value: raw, text: row.querySelector('.pfx-v').textContent }
            }));
            return;
        }

        var panel = row.closest('.pfx');
        // Bazı satırlar başka bir kayda yazar (ör. fatura muhatabı bağlı şirket
        // kartını günceller); bu yüzden satırın kendi adresi öncelikli.
        var url = row.dataset.url || panel.dataset.url;
        var snapshot = row.__snapshot;
        // Tab ile geçilen satır kaydı uçarken yeniden açılmış olabilir (Shift+Tab
        // ile geri dönmek gibi); yanıt geldiğinde açık düzenlemeyi ezmemek için
        // düzenleme kuşağı damgalanır.
        var gen = row.__gen;

        // Tab ile geçişte satır hemen okuma kipine döner; sarı şerit kaydetmenin
        // sürdüğünü göstermeyi sürdürür.
        if (detach) {
            closeEditor(row);
            paint(row, displayText(row, raw, null));
        }

        // Seçim yapan alanlar (select / lookup) hem 'change' hem de odak
        // kaybı/Tab ile kaydetmeye çalışır; ikisi arasında ağ yanıtı henüz
        // dönmemiş olabilir ve aynı değer iki kez gönderilirdi. Satırın
        // okuma kipine dönmesi yukarıda bitti, yalnızca ikinci istek elenir.
        if (row.classList.contains('saving') && row.__sending === raw) return;
        row.__sending = raw;

        row.classList.add('saving');

        fetch(url, {
            method: 'PATCH',
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
                'X-CSRF-TOKEN': CSRF(),
                'X-Requested-With': 'XMLHttpRequest'
            },
            body: JSON.stringify({ field: row.dataset.field, value: raw })
        })
        .then(function (r) { return r.json().then(function (d) { return { ok: r.ok, d: d || {} }; }); })
        .then(function (res) {
            if (!res.ok || res.d.success === false) throw new Error(res.d.message || 'Kaydedilemedi');

            row.dataset.value = raw;
            row.classList.remove('saving');
            row.__sending = null;
            if (row.__gen !== gen) return;     // satır yeniden düzenleniyor: ekrana dokunma
            closeEditor(row);
            paint(row, displayText(row, raw, res.d.display_value));

            row.classList.add('saved');
            setTimeout(function () { row.classList.remove('saved'); }, 1200);

            sideEffects(row, raw);

            // Kartın kendi özetini tazeleyebilmesi için (ör. program tablosu satırı)
            row.dispatchEvent(new CustomEvent('pfx:saved', {
                bubbles: true,
                detail: { field: row.dataset.field, value: raw, text: row.querySelector('.pfx-v').textContent }
            }));
        })
        .catch(function (err) {
            row.classList.remove('saving');
            row.__sending = null;
            row.classList.add('err');
            setTimeout(function () { row.classList.remove('err'); }, 1600);
            note('error', err.message || 'Kaydedilemedi');
            if (row.__gen !== gen) return;     // satır yeniden düzenleniyor: ekrana dokunma
            // Satır Tab ile çoktan kapanmış olabilir; eski değere dönüş her iki
            // durumda da elle yapılır (cancelEdit yalnızca açık satırda çalışır).
            closeEditor(row);
            paint(row, snapshot != null ? snapshot : '');
        });
    }

    /** Bazı alanlar kartın başka yerlerini de etkiler. */
    function sideEffects(row, raw) {
        var card = row.closest('.qv-card-wrapper') || document;
        var f = row.dataset.field;

        // Yolcu kartı: başlık ve avatar baş harfleri ad/soyaddan türer
        var panel = row.closest('.pfx');
        if (panel && panel.hasAttribute('data-cpx-id') && (f === 'first_name' || f === 'last_name')) {
            var parts = ['first_name', 'last_name'].map(function (k) {
                var r = panel.querySelector('.pfx-row[data-field="' + k + '"]');
                return r ? (r.dataset.value || '').trim() : '';
            }).filter(Boolean);

            var full = parts.join(' ');
            var name = panel.querySelector('[data-role="pfx-name"]');
            if (name) name.textContent = full || 'İsimsiz yolcu';
            var initials = parts.map(function (n) { return n.charAt(0).toLocaleUpperCase('tr-TR'); }).join('').slice(0, 2) || '?';
            var av = panel.querySelector('.cpx-av');
            if (av) av.textContent = initials;
            panel.dataset.cpxName = full.toLocaleLowerCase('tr-TR');

            // Tablo düzeninde panel bir detay satırının içindedir; üstündeki
            // özet satırındaki ad, baş harfler ve arama anahtarı da tazelenir.
            var det = panel.closest('tr.cpx-det');
            var head = det && det.previousElementSibling;
            if (head) {
                var hn = head.querySelector('[data-role="cpx-row-name"]');
                if (hn) {
                    hn.textContent = full || 'İsimsiz yolcu';
                    hn.dataset.copy = full;
                }
                var ha = head.querySelector('.cpx-av');
                if (ha) ha.textContent = initials;
                head.dataset.cpxName = full.toLocaleLowerCase('tr-TR');
            }
            return;
        }

        if (f === 'customer_type' && typeof qvApplyCustomerType === 'function') {
            qvApplyCustomerType(raw);
            countEmpties(row.closest('.pfx'));
        }
        if (f === 'first_name' || f === 'last_name' || f === 'company_name') {
            var head = card.querySelector('.qv-header .inline-editable[data-field="' + f + '"]');
            if (head) head.textContent = raw;
        }

        // Ortak qv-etitle başlığı (ürün/tedarikçi kartları): aynı alan ledgerdan
        // değişince header'daki tıkla-düzenle başlığını da eşitle.
        var et = card.querySelector('.qv-header [data-qv-title][data-field="' + f + '"]');
        if (et) {
            et.dataset.value = raw;
            et.textContent = raw || et.dataset.auto || '';
            et.classList.toggle('is-auto', raw === '');
        }

        // Header'daki durum pili aynı alanı gösteriyorsa metni ve rengi eşitle.
        // Sınıf adı değerin kendisi olmayabilir (is_active 1/0 ↔ active/inactive),
        // bu yüzden satırın seçenek listesindeki 'class' anahtarı kullanılır.
        var pill = card.querySelector('.qv-header [data-qv-pillsel][data-field="' + f + '"]');
        if (pill && typeof window.qvPillPaint === 'function') {
            var cls = '';
            try {
                JSON.parse(row.dataset.options || '[]').forEach(function (o) {
                    if (String(o.value) === String(raw) && o.class) cls = o.class;
                });
            } catch (e) { /* seçenek yok */ }
            window.qvPillPaint(pill, raw, row.querySelector('.pfx-v').textContent, cls);
        }
    }

    /**
     * Pil menüsünden yapılan değişikliği aynı alanı gösteren ledger satırına
     * yansıtır (ters yön). Drawer bu kancayı pillsel içinden çağırır.
     */
    window.qvSyncLedgerRow = function (scope, field, value, label) {
        if (!scope || !field) return;
        scope.querySelectorAll('.pfx-row[data-field="' + field + '"]').forEach(function (r) {
            if (r.classList.contains('editing')) return;
            r.dataset.value = value;
            paint(r, label != null ? label : displayText(r, value, null));
        });
    };

    // ── Kopyalama ───────────────────────────────────────────────────────
    function copy(text, btn) {
        text = (text || '').trim();
        if (!text) { note('info', 'Kopyalanacak bilgi yok'); return; }

        var done = function () {
            if (btn) {
                var i = btn.querySelector('i'), prev = i && i.className;
                btn.classList.add('ok');
                if (i) i.className = 'fas fa-check';
                setTimeout(function () { btn.classList.remove('ok'); if (i && prev) i.className = prev; }, 1000);
            }
            note('success', 'Kopyalandı');
        };

        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(done).catch(function () { fallback(text, done); });
        } else {
            fallback(text, done);
        }
    }

    function fallback(text, done) {
        var ta = document.createElement('textarea');
        ta.value = text;
        ta.style.cssText = 'position:fixed;top:-1000px;opacity:0';
        document.body.appendChild(ta);
        ta.select();
        var ok = false;
        try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
        ta.remove();
        ok ? done() : note('error', 'Kopyalanamadı');
    }

    /** Görünür ve dolu satırları "Etiket: değer" olarak toplar. */
    function collect(scope) {
        var lines = [];
        scope.querySelectorAll('.pfx-row').forEach(function (r) {
            // offsetParent: hem inline display:none hem de kapalı sekme panelini eler
            if (r.offsetParent === null || r.hasAttribute('data-empty')) return;
            var t = r.querySelector('.pfx-v').textContent.trim();
            if (t) lines.push(r.dataset.label + ': ' + t);
        });
        return lines.join('\n');
    }

    // ── Olaylar ─────────────────────────────────────────────────────────
    document.addEventListener('click', function (e) {
        var btn = e.target.closest('.pfx [data-a]');
        if (btn) {
            var a = btn.dataset.a;
            var row = btn.closest('.pfx-row');

            if (a === 'copy') { e.preventDefault(); copy(row.querySelector('.pfx-v').textContent, btn); return; }
            if (a === 'edit') { e.preventDefault(); startEdit(row); return; }
            if (a === 'copy-sec') { e.preventDefault(); copy(collect(btn.closest('.pfx-sec')), btn); return; }
            if (a === 'copy-block') { e.preventDefault(); copy(btn.dataset.copyBlock, btn); return; }
            if (a === 'copy-all') { e.preventDefault(); copy(collect(btn.closest('.pfx')), btn); return; }
            if (a === 'fold') {
                e.preventDefault();
                var fp = btn.closest('.pfx');
                var open = !fp.classList.toggle('folded');
                btn.querySelector('i').className = open ? 'fas fa-chevron-up' : 'fas fa-chevron-down';
                btn.setAttribute('aria-expanded', open ? 'true' : 'false');
                btn.title = open ? 'Kartı katla' : 'Kartı aç';
                return;
            }
            if (a === 'bp-tab') {
                e.preventDefault();
                var sec = btn.closest('.pfx-bpsec');
                var key = btn.dataset.bp;
                sec.querySelectorAll('.pfx-bptab').forEach(function (t) { t.classList.toggle('on', t === btn); });
                sec.querySelectorAll('.pfx-bppanel').forEach(function (pn) {
                    pn.classList.toggle('on', pn.dataset.bpPanel === key);
                });
                return;
            }
            if (a === 'empties') {
                e.preventDefault();
                var panel = btn.closest('.pfx');
                panel.classList.toggle('show-empty');
                btn.querySelector('i').className = panel.classList.contains('show-empty') ? 'fas fa-eye-slash' : 'fas fa-eye';
                return;
            }
        }

        // Değere tıklamak düzenlemeyi açar
        var val = e.target.closest('.pfx-v');
        if (val && !val.querySelector('.pfx-in')) {
            var r = val.closest('.pfx-row');
            if (r && r.dataset.field) startEdit(r);
        }
    });
})();
</script>
@endonce