{{-- Kaynak atama paneli JS: rol filtresi/arama + çarpanlı maliyet + drawer AJAX gönderimi.
     Global fonksiyonlar (inline onclick/oninput için) + bir kez bağlanan interceptor. --}}
<script>
(function () {
    if (window.__opsApInit) return;
    window.__opsApInit = true;

    var OPS_UNITS = ['gün','gece','saat','km','kişi','adet','sefer'];
    var opsApRole = 'all';

    function opsApApply() {
        var q = (document.getElementById('opsApSearch') && document.getElementById('opsApSearch').value || '').toLowerCase().trim();
        document.querySelectorAll('.ops-ap-item').forEach(function (el) {
            var roleOk = opsApRole === 'all' || el.dataset.role === opsApRole;
            var nameOk = !q || (el.dataset.name || '').indexOf(q) !== -1;
            el.style.display = (roleOk && nameOk) ? '' : 'none';
        });
    }
    window.opsApFilter = function (btn, role) {
        opsApRole = role;
        var panel = btn.closest('.ops-assign-panel') || document;
        panel.querySelectorAll('.ops-ap-tab').forEach(function (t) { t.classList.remove('active'); });
        btn.classList.add('active');
        opsApApply();
    };
    window.opsApSearchFn = function () { opsApApply(); };

    window.opsApReindex = function (form) {
        form.querySelectorAll('.ops-ap-crow').forEach(function (row, i) {
            var t = row.querySelector('.ops-ap-ct'), u = row.querySelector('.ops-ap-unitprice'),
                q = row.querySelector('.ops-ap-qty'), un = row.querySelector('.ops-ap-unit');
            if (t)  t.name  = 'cost_items[' + i + '][title]';
            if (u)  u.name  = 'cost_items[' + i + '][unit_amount]';
            if (q)  q.name  = 'cost_items[' + i + '][quantity]';
            if (un) un.name = 'cost_items[' + i + '][unit]';
        });
    };
    window.opsApTotal = function (el) {
        var form = el.closest('.ops-ap-item'); if (!form) return;
        var sum = 0;
        form.querySelectorAll('.ops-ap-crow').forEach(function (row) {
            var up = parseFloat(row.querySelector('.ops-ap-unitprice') && row.querySelector('.ops-ap-unitprice').value) || 0;
            var q = parseFloat(row.querySelector('.ops-ap-qty') && row.querySelector('.ops-ap-qty').value);
            if (isNaN(q)) q = 1;
            sum += up * q;
        });
        var out = form.querySelector('.ops-ap-ctotal strong');
        if (out) out.textContent = sum.toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '₺';
    };
    window.opsApLine = function (el) {
        var row = el.closest('.ops-ap-crow');
        var up = parseFloat(row.querySelector('.ops-ap-unitprice') && row.querySelector('.ops-ap-unitprice').value) || 0;
        var q = parseFloat(row.querySelector('.ops-ap-qty') && row.querySelector('.ops-ap-qty').value);
        if (isNaN(q)) q = 1;
        var out = row.querySelector('.ops-ap-linetotal');
        if (out) out.textContent = (up * q).toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '₺';
        window.opsApTotal(el);
    };
    window.opsApAddCost = function (btn) {
        var form = btn.closest('.ops-ap-item');
        var rows = form.querySelector('.ops-ap-crows');
        var i = rows.querySelectorAll('.ops-ap-crow').length;
        var opts = '<option value="">— birim —</option>' + OPS_UNITS.map(function (u) { return '<option value="' + u + '">' + u + '</option>'; }).join('');
        var row = document.createElement('div');
        row.className = 'ops-ap-crow';
        row.innerHTML =
            '<input type="text" name="cost_items[' + i + '][title]" class="ops-ap-ct" list="ops-cost-titles" placeholder="Başlık" maxlength="150">' +
            '<input type="number" step="0.01" min="0" name="cost_items[' + i + '][unit_amount]" class="ops-ap-unitprice" placeholder="Birim ₺" title="Birim fiyat" oninput="opsApLine(this)">' +
            '<span class="ops-ap-x">×</span>' +
            '<input type="number" step="0.01" min="0" name="cost_items[' + i + '][quantity]" class="ops-ap-qty" value="1" placeholder="Çarpan" oninput="opsApLine(this)">' +
            '<select name="cost_items[' + i + '][unit]" class="ops-ap-unit">' + opts + '</select>' +
            '<span class="ops-ap-eq">=</span><span class="ops-ap-linetotal">0,00₺</span>' +
            '<button type="button" class="ops-ap-cdel" onclick="opsApDelCost(this)" title="Satırı sil"><i class="fas fa-xmark"></i></button>';
        rows.appendChild(row);
        row.querySelector('.ops-ap-ct').focus();
    };
    window.opsApDelCost = function (btn) {
        var form = btn.closest('.ops-ap-item');
        btn.closest('.ops-ap-crow').remove();
        window.opsApReindex(form);
        var any = form.querySelector('.ops-ap-unitprice');
        if (any) window.opsApTotal(any);
        else { var out = form.querySelector('.ops-ap-ctotal strong'); if (out) out.textContent = '0,00₺'; }
    };

    // ── Drawer içi form gönderimi: AJAX + drawer'ı yeniden yükle ──
    document.addEventListener('submit', function (e) {
        var panel = e.target.closest('[data-ops-drawer]');
        if (!panel) return;
        var form = e.target;
        if (!form.matches || !form.matches('form')) return;
        if (e.defaultPrevented) return; // onsubmit confirm iptal ettiyse
        e.preventDefault();
        var selfUrl = panel.getAttribute('data-ops-selfurl');
        var csrf = (document.querySelector('meta[name="csrf-token"]') || {}).content;
        var btn = form.querySelector('[type="submit"]');
        if (btn) btn.disabled = true;
        fetch(form.action, { method: 'POST', headers: { 'X-CSRF-TOKEN': csrf, 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' }, body: new FormData(form) })
            .then(function () {
                if (selfUrl && typeof openQuickView === 'function') openQuickView(selfUrl, 'overview');
                if (typeof Swal !== 'undefined') Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 1500 }).fire({ icon: 'success', title: 'İşlem tamam' });
            })
            .catch(function () { if (btn) btn.disabled = false; });
    });
})();
</script>