{{-- Negative numeric values in report wizards display in red (#c00000). --}}
@prepend('stylesheets')
<style>
    .report-wizard-card .report-num--negative,
    .report-wizard-card input.report-num--negative,
    .report-wizard-card textarea.report-num--negative,
    .report-wizard-card .report-b2-total-val.report-num--negative,
    .report-wizard-card .report-a2-tender-total-val.report-num--negative,
    .report-wizard-card .report-a2-bid-variance-out.report-num--negative,
    .report-pa-field-table .form-control.report-a2-bid-variance-out.report-num--negative,
    .report-pa-field-table .form-control.report-a2-tender-variance.report-num--negative {
        color: #c00000 !important;
        -webkit-text-fill-color: #c00000 !important;
    }
    .dark-mode .report-wizard-card .report-num--negative,
    .dark-mode .report-wizard-card input.report-num--negative,
    .dark-mode .report-wizard-card textarea.report-num--negative,
    .dark-mode .report-wizard-card .report-b2-total-val.report-num--negative,
    .dark-mode .report-wizard-card .report-a2-tender-total-val.report-num--negative,
    .dark-mode .report-wizard-card .report-a2-bid-variance-out.report-num--negative,
    .dark-mode .report-pa-field-table .form-control.report-a2-bid-variance-out.report-num--negative,
    .dark-mode .report-pa-field-table .form-control.report-a2-tender-variance.report-num--negative {
        color: #f08080 !important;
        -webkit-text-fill-color: #f08080 !important;
    }
</style>
@endprepend

@prepend('scripts')
<script>
(function () {
    var SELECTORS = [
        'input[type="number"]:not(.report-sar-earned-result):not(.report-drr-earned-result):not(.report-e1-result-input)',
        '.report-b2-total-val',
        '.report-b2-variance-out',
        '.report-b2b-variance-out',
        '.report-drr-desk-variance-out',
        '.report-a2-bid-variance-out',
        '.report-a2-tender-variance',
        '.report-a2-tender-total-val'
    ].join(',');

    function parseReportNum(v) {
        if (v === null || v === undefined) return NaN;
        var s = String(v).trim();
        if (s === '' || s === '—' || s === '-') return NaN;
        var n = parseFloat(s.replace(/,/g, ''));
        return isNaN(n) ? NaN : n;
    }

    function applyNegativeStyle(el, num) {
        if (!el) return;
        var n = typeof num === 'number' && !isNaN(num) ? num : parseReportNum(el.tagName === 'SPAN' ? el.textContent : el.value);
        el.classList.toggle('report-num--negative', !isNaN(n) && n < 0);
    }

    function scanRoot(root) {
        if (!root) return;
        root.querySelectorAll(SELECTORS).forEach(function (el) {
            applyNegativeStyle(el);
        });
    }

    /** Percent display for Create Report: 200.000 → 200; 200.152 → 200.152 */
    function formatReportPercent(n) {
        if (typeof n !== 'number' || isNaN(n) || !isFinite(n)) return '';
        var s = Number(n.toFixed(10)).toString();
        if (s.indexOf('e') !== -1) {
            s = n.toFixed(10).replace(/\.?0+$/, '');
        } else if (s.indexOf('.') !== -1) {
            s = s.replace(/\.?0+$/, '');
        }
        return s === '' ? '0' : s;
    }

    function normalizeReportPercentInput(el) {
        if (!el) return;
        var n = parseReportNum(el.value);
        if (isNaN(n)) return;
        el.value = formatReportPercent(n);
    }

    window.pmsParseReportNum = parseReportNum;
    window.pmsFormatReportPercent = formatReportPercent;
    window.pmsNormalizeReportPercentInput = normalizeReportPercentInput;
    window.pmsApplyReportNegativeStyle = applyNegativeStyle;
    window.pmsScanReportNegativeIn = scanRoot;

    function bindWizardCard() {
        var card = document.querySelector('.report-wizard-card');
        if (!card) return;
        scanRoot(card);
        card.addEventListener('input', function (e) {
            var t = e.target;
            if (!t || !t.matches) return;
            if (t.matches('input[type="number"]:not(.report-sar-earned-result):not(.report-drr-earned-result):not(.report-e1-result-input)') || t.matches('.report-b2-variance-out, .report-b2b-variance-out, .report-drr-desk-variance-out, .report-a2-bid-variance-out')) {
                applyNegativeStyle(t);
            }
        });
        card.addEventListener('change', function (e) {
            var t = e.target;
            if (!t || !t.matches) return;
            if (t.matches('input[type="number"]:not(.report-sar-earned-result):not(.report-drr-earned-result):not(.report-e1-result-input)') || t.matches('.report-b2-variance-out, .report-b2b-variance-out, .report-drr-desk-variance-out, .report-a2-bid-variance-out')) {
                applyNegativeStyle(t);
            }
        });
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', bindWizardCard);
    } else {
        bindWizardCard();
    }
})();
</script>
@endprepend