{{--
    Giderler sekmesinin uçları: kalem ekle/güncelle/sil + satır içi gerçekleşen
    ödeme girişi. Ayrıntılı ödeme (dekont, yöntem, fatura) mevcut ödeme
    quick-create kartından yapılır; o kart kaydettiğinde window.payListRefresh
    kancasıyla bu sekme tazelenir.

    Beklenen: $uid, $typeKey, $id
--}}
<script>
(function () {
    const UID = @js($uid);
    const box = document.getElementById('opsex-' + UID);
    if (!box) return;

    const CSRF = document.querySelector('meta[name="csrf-token"]').content;
    const BASE = box.dataset.base;
    const SELF = box.dataset.selfurl;

    const el = s => document.getElementById(s + '-' + UID);
    let editing = null; // düzenlenen kalem id'si (null = yeni kayıt)

    function notify(msg, ok) {
        if (window.Swal) {
            Swal.fire({ toast: true, position: 'top-end', timer: 2200, timerProgressBar: true,
                showConfirmButton: false, icon: ok === false ? 'error' : 'success', title: msg });
        } else if (typeof toastr !== 'undefined') {
            ok === false ? toastr.error(msg) : toastr.success(msg);
        }
    }

    /** Sekme açık kalacak şekilde operasyon kartını yeniden çizer. */
    function refresh() { if (window.openQuickView) window.openQuickView(SELF, 'expenses'); }

    function req(url, method, body) {
        return fetch(url, {
            method: method || 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
            body: method === 'GET' ? undefined : JSON.stringify(body || {})
        }).then(async r => {
            const d = await r.json().catch(() => ({}));
            if (!r.ok || d.success === false) throw new Error(d.message || 'İşlem gerçekleştirilemedi.');
            return d;
        });
    }

    // ── Kalem formu ───────────────────────────────────────────────
    function formToggle(show) {
        const f = el('exForm');
        if (!f) return;
        const open = show === undefined ? f.classList.contains('d-none') : show;
        f.classList.toggle('d-none', !open);
        if (open) el('exTitle').focus();
        else { editing = null; formReset(); }
    }

    function formReset() {
        ['exTitle', 'exPartyFree', 'exAmount', 'exDue', 'exDesc'].forEach(k => { if (el(k)) el(k).value = ''; });
        if (el('exParty')) el('exParty').value = '';
        if (el('exCategory')) el('exCategory').value = 'supplier';
        paintParty();
    }

    /** Kayıtlı muhatap seçiliyse serbest metin alanı gizlenir. */
    function paintParty() {
        const wrap = el('exPartyFreeWrap');
        if (wrap) wrap.style.display = el('exParty') && el('exParty').value ? 'none' : '';
    }

    function formFill(t) {
        editing = +t.dataset.row;
        el('exTitle').value = t.dataset.title || '';
        el('exDesc').value = t.dataset.desc || '';
        el('exCategory').value = t.dataset.category || 'supplier';
        el('exAmount').value = t.dataset.amount || '';
        el('exDue').value = t.dataset.due || '';
        el('exParty').value = t.dataset.party || '';
        el('exPartyFree').value = t.dataset.partyfree || '';
        if (el('exCurrency') && t.dataset.currency) el('exCurrency').value = t.dataset.currency;
        paintParty();
        el('exForm').classList.remove('d-none');
        el('exTitle').focus();
    }

    function formPayload() {
        const party = (el('exParty').value || '').split(':');

        return {
            title: el('exTitle').value.trim(),
            description: el('exDesc').value.trim(),
            category: el('exCategory').value,
            planned_amount: +el('exAmount').value || 0,
            currency: el('exCurrency') ? el('exCurrency').value : 'TRY',
            due_date: el('exDue').value || null,
            counterparty_type: party[0] === 'supplier' ? @js(\App\Models\Supplier\Supplier::class) : null,
            counterparty_id: party[0] === 'supplier' ? +party[1] : null,
            counterparty_name: party[0] === 'supplier' ? null : (el('exPartyFree').value.trim() || null),
        };
    }

    function formSave(btn) {
        const data = formPayload();
        if (!data.title) { notify('Kalem başlığı girin.', false); el('exTitle').focus(); return; }

        btn.disabled = true;
        const url = editing ? `${BASE}/expenses/${editing}` : `${BASE}/expenses`;

        req(url, editing ? 'PUT' : 'POST', data)
            .then(d => { notify(d.message); refresh(); })
            .catch(e => { btn.disabled = false; notify(e.message, false); });
    }

    // ── Satır içi gerçekleşen ödeme ───────────────────────────────
    function payRow(kind, id) {
        return box.querySelector('[data-payrow="' + kind + ':' + id + '"]');
    }

    function paySave(btn) {
        const row = payRow(btn.dataset.kind, btn.dataset.row);
        if (!row) return;

        const amount = +row.querySelector('.opsex-pay-amt').value || 0;
        if (amount <= 0) { notify('Ödeme tutarı girin.', false); row.querySelector('.opsex-pay-amt').focus(); return; }

        const status = row.querySelector('.opsex-pay-status').value;
        const date = row.querySelector('.opsex-pay-date').value || null;

        btn.disabled = true;
        req(`${BASE}/expenses/payments`, 'POST', {
            kind: btn.dataset.kind,
            row_id: +btn.dataset.row,
            amount: amount,
            method: row.querySelector('.opsex-pay-method').value,
            status: status,
            paid_at: status === 'completed' ? date : null,
            due_date: status === 'pending' ? date : null,
        })
            .then(d => { notify(d.message); refresh(); })
            .catch(e => { btn.disabled = false; notify(e.message, false); });
    }

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

        if (act === 'ex-form') { formToggle(); }
        if (act === 'ex-save') { formSave(t); }
        if (act === 'ex-edit') { formFill(t); }

        if (act === 'ex-del') {
            if (!confirm('Bu gider kalemi silinsin mi?')) return;
            req(`${BASE}/expenses/${t.dataset.row}`, 'DELETE')
                .then(d => { notify(d.message); refresh(); })
                .catch(e2 => notify(e2.message, false));
        }

        if (act === 'ex-pay') {
            const row = payRow(t.dataset.kind, t.dataset.row);
            if (row) {
                row.classList.toggle('d-none');
                if (!row.classList.contains('d-none')) row.querySelector('.opsex-pay-amt').focus();
            }
        }

        if (act === 'ex-pay-save') { paySave(t); }
    });

    box.addEventListener('change', function (e) {
        if (e.target.id === 'exParty-' + UID) paintParty();
    });

    paintParty();

    // Ödeme kartı (quick-create/quick-view) kaydettiğinde bu sekmeyi tazele
    const prevRefresh = window.payListRefresh;
    window.payListRefresh = function () {
        if (typeof prevRefresh === 'function') { try { prevRefresh(); } catch (err) {} }
        if (document.body.contains(box)) refresh();
    };
})();
</script>