{{--
    ETKİNLİK AKIŞINDAKİ POSTA OKUYUCUSU — ortak davranış. TEK KAYNAK.

    Postaların ayrı bir sekmesi yoktur: gelen ve giden iletiler her modülün
    quick-view kartındaki mevcut etkinlik akışına, not/arama/WhatsApp
    satırlarıyla aynı dilde düşer. Bir posta satırına tıklandığında gövde
    SATIRIN ALTINDA açılır — kart terk edilmez, akıştaki yer korunur.

    Gövde ilk açılışta sunucudan istenir (gerekiyorsa IMAP'ten indirilip
    önbelleğe alınır) ve satırda saklanır; ikinci açılışta ağ isteği olmaz.

    Beklenen: akışı saran öğede
      data-mail-preview-url  → /agency/mail/messages/0/preview  (0 yerine id)
      data-mail-unlink-url   → /agency/mail/messages/0/links/0  (opsiyonel)
      data-mail-detach-url   → müşteri kartındaki adres bağı için (opsiyonel)

    Kullanım: @include('components.quick-view.mail-reader')
--}}
@once
<script>
/**
 * Posta satırını açar/kapatır.
 *
 * Satırın kendi içindeki bağlantı ve düğmeler (okuyucu eylemleri, ekler)
 * açma/kapama saymaz — yoksa ek indirmek okuyucuyu kapatırdı.
 */
function qvFlowMailToggle(row, event) {
    const ev = event || window.event;
    if (ev && ev.target.closest('.flw-mail-body, a, button')) return;

    const root = row.closest('[data-mail-preview-url]');
    if (!root) return;

    if (row.classList.contains('open')) {
        row.classList.remove('open');
        return;
    }

    // Aynı anda tek okuyucu açık kalsın — akış okunur kalır
    root.querySelectorAll('[data-mail-id].open').forEach(n => n.classList.remove('open'));
    row.classList.add('open');
    row.classList.remove('unread');

    const box = row.querySelector('.flw-mail-body');
    if (!box || row.dataset.loaded === '1') return;

    const url = root.dataset.mailPreviewUrl.replace(/\/0\/preview$/, '/' + row.dataset.mailId + '/preview');

    fetch(url, { headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } })
        .then(r => r.ok ? r.json() : Promise.reject(new Error('İleti alınamadı')))
        .then(d => {
            row.dataset.loaded = '1';
            box.innerHTML = qvFlowMailFrame(d, row);
            qvFlowMailMount(box.querySelector('.mlx-html'), d.body_html);
        })
        .catch(e => {
            box.innerHTML = '<div class="mlx-err"><i class="fas fa-triangle-exclamation"></i> ' + e.message + '</div>';
        });
}

/**
 * İleti gövdesini yalıtılmış bir iframe içine yerleştirir.
 *
 * Gövde güvenilmez içeriktir: sunucudaki temizleyici (MailHtmlSanitizer)
 * script ve olay özniteliklerini söker, burası ikinci katmanı ekler. Çerçeveye
 * allow-same-origin verilmez — içindeki hiçbir şey panelin DOM'una, çerezine
 * ya da depolamasına erişemez. allow-scripts yalnızca yüksekliği bildiren
 * küçük betik içindir ve ayrıksı (opaque) bir kaynakta çalışır.
 */
function qvFlowMailMount(host, html) {
    if (!host) return;

    const css = 'html,body{margin:0;padding:0;background:transparent}'
        + 'body{font:13px/1.6 -apple-system,"Segoe UI",Inter,Roboto,sans-serif;color:#1f2937;'
        + 'word-break:break-word;overflow-x:auto}'
        + 'img{max-width:100%;height:auto}table{max-width:100%}a{color:#2563eb}'
        + '.mail-plain{white-space:pre-wrap;font-family:inherit}'
        + '.mail-blocked-img{min-width:18px;min-height:18px;background:#f1f5f9;'
        + 'border:1px dashed #cbd5e1;border-radius:4px}';

    const js = '(function(){var last=0;function r(){'
        + 'var h=Math.max(document.documentElement.scrollHeight,document.body?document.body.scrollHeight:0);'
        + 'if(h!==last){last=h;parent.postMessage({source:"qv-mail-frame",height:h},"*");}}'
        + 'r();window.addEventListener("load",r);'
        + 'if(window.ResizeObserver){new ResizeObserver(r).observe(document.documentElement);}'
        + 'setTimeout(r,300);setTimeout(r,1200);})();';

    const frame = document.createElement('iframe');
    frame.className = 'mlx-frame-body';
    frame.setAttribute('sandbox', 'allow-scripts allow-popups allow-popups-to-escape-sandbox');
    frame.setAttribute('referrerpolicy', 'no-referrer');
    frame.setAttribute('title', 'İleti içeriği');

    host.textContent = '';
    host.appendChild(frame);

    frame.srcdoc = '<!doctype html><html lang="tr"><head><meta charset="utf-8">'
        + '<meta name="referrer" content="no-referrer"><base target="_blank">'
        + '<style>' + css + '</style></head><body>'
        + (html || '<span style="color:#b6c2d2">(boş ileti)</span>')
        + '<' + 'script>' + js + '<' + '/script></body></html>';
}

// Çerçeveden gelen yükseklik bildirimi — gönderen doğrulanır
if (!window.__qvMailFrameBound) {
window.__qvMailFrameBound = true;
window.addEventListener('message', function (event) {
    const data = event.data;
    if (!data || data.source !== 'qv-mail-frame' || typeof data.height !== 'number') return;

    document.querySelectorAll('iframe.mlx-frame-body').forEach(function (frame) {
        if (frame.contentWindow === event.source) {
            frame.style.height = Math.max(40, Math.min(20000, data.height)) + 'px';
        }
    });
});
}

/** Okuyucu çerçevesi: başlıklar, gövde, ekler ve eylemler. */
function qvFlowMailFrame(d, row) {
    const esc = (s) => String(s == null ? '' : s).replace(/[&<>"]/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]));

    const head = '<div class="mlx-frame-h">'
        + '<span><b>Kimden</b>' + esc(d.from.name || d.from.email) + '</span>'
        + (d.to ? '<span><b>Kime</b>' + esc(d.to) + '</span>' : '')
        + (d.cc ? '<span><b>Bilgi</b>' + esc(d.cc) + '</span>' : '')
        + '<span><b>Tarih</b>' + esc(d.date_full) + '</span>'
        + '</div>';

    let atts = '';
    if (d.attachments && d.attachments.length) {
        atts = '<div class="mlx-atts">' + d.attachments.map(a =>
            '<a class="mlx-att" href="' + esc(a.download_url) + '" title="' + esc(a.filename) + '">'
            + '<i class="fas ' + esc(a.icon) + '"></i><span>' + esc(a.filename) + '</span><b>' + esc(a.size) + '</b></a>'
        ).join('') + '</div>';
    }

    // Yanıtlama yalnızca kartın kendi yazma kutusu e-posta kipini
    // destekliyorsa sunulur (bugün: müşteri kartı).
    const canReply = typeof window.qvMailCompose === 'function';
    if (canReply) row.dataset.reply = JSON.stringify(d.reply || {});

    return '<div class="mlx-frame">' + head
        + (d.error ? '<div class="mlx-err">' + esc(d.error) + '</div>' : '')
        + '<div class="mlx-html"></div>'
        + atts + '</div>'
        + '<div class="mlx-acts">'
        + (canReply
            ? '<button type="button" class="mlx-act" onclick="qvFlowMailReply(this)"><i class="fas fa-reply"></i> Yanıtla</button>'
            : '')
        + '<a class="mlx-act" href="' + esc(qvFlowMailPrintUrl(row)) + '" target="_blank" rel="noopener">'
        + '<i class="fas fa-up-right-from-square"></i> Mail modülünde aç</a>'
        + (row.dataset.linkId || row.dataset.detachable === '1'
            ? '<button type="button" class="mlx-act danger" onclick="qvFlowMailUnlink(this)">'
              + '<i class="fas fa-link-slash"></i> Bağı kaldır</button>'
            : '')
        + '</div>';
}

/** Postanın mail modülündeki yazdırma/okuma bağlantısı. */
function qvFlowMailPrintUrl(row) {
    const root = row.closest('[data-mail-preview-url]');
    return root.dataset.mailPreviewUrl.replace(/\/0\/preview$/, '/' + row.dataset.mailId + '/print');
}

/** Yanıt: kartın yazma kutusunu e-posta kipinde doldurur. */
function qvFlowMailReply(btn) {
    const row = btn.closest('[data-mail-id]');
    let reply = {};
    try { reply = JSON.parse(row.dataset.reply || '{}'); } catch (e) {}
    window.qvMailCompose(btn, reply);
}

/**
 * Postayı bu kayıttan koparır.
 *
 * İki bağ türü var: mail_links üzerinden kurulmuş ilişki (data-link-id) ve
 * müşteri kartındaki adres eşleşmesi (data-detachable). İkisi ayrı uçlara
 * gider ama kullanıcı için sonuç aynıdır — posta silinmez, yalnızca akıştan
 * çıkar.
 */
function qvFlowMailUnlink(btn) {
    const row = btn.closest('[data-mail-id]');
    const root = btn.closest('[data-mail-preview-url]');

    const url = row.dataset.linkId
        ? root.dataset.mailUnlinkUrl.replace(/\/0\/links\/0$/, '/' + row.dataset.mailId + '/links/' + row.dataset.linkId)
        : root.dataset.mailDetachUrl.replace(/\/0$/, '/' + row.dataset.mailId);

    const go = () => fetch(url, {
        method: 'DELETE',
        headers: {
            'Accept': 'application/json',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
        },
    })
    .then(r => r.json())
    .then(d => {
        if (d.ok || d.success) {
            row.remove();
            if (typeof Swal !== 'undefined') {
                Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 1800 })
                    .fire({ icon: 'success', title: d.message || 'Bağ kaldırıldı.' });
            }
        }
    });

    if (typeof Swal === 'undefined') return go();

    Swal.fire({
        title: 'Yazışmayı çıkar?',
        text: 'Posta silinmez, yalnızca bu kayıtla bağı kaldırılır.',
        icon: 'question', showCancelButton: true,
        confirmButtonColor: '#dc2626', confirmButtonText: 'Çıkar', cancelButtonText: 'Vazgeç',
    }).then(r => { if (r.isConfirmed) go(); });
}

/** Dışa aktarma biçim menüsünü açar/kapatır (akış başlığındaki düğme). */
function qvMailExportMenu(btn) {
    const menu = btn.parentNode.querySelector('.mlx-xp-menu');
    if (!menu) return;

    const open = menu.hidden;
    document.querySelectorAll('.mlx-xp-menu').forEach(m => { m.hidden = true; });
    menu.hidden = !open;

    if (open) {
        // Dışarı tıklanınca kapansın — tek seferlik dinleyici
        setTimeout(() => document.addEventListener('click', function close(e) {
            if (!menu.parentNode.contains(e.target)) {
                menu.hidden = true;
                document.removeEventListener('click', close);
            }
        }), 0);
    }
}
</script>
@endonce