@once
@push('stylesheets')
<style>
    .pci-pc-v-ro-textarea[readonly],
    .pci-pc-v-ro-textarea.pci-readonly {
        background-color: #F9FAFB;
    }
    .pci-pc-v-project-objective-section .note-editor.note-frame {
        pointer-events: none;
        opacity: 1;
    }
    .pci-pc-v-project-objective-section .note-toolbar {
        display: none;
    }
</style>
@endpush
@endonce

<script>
(function() {
    function pciPcVEscHtml(val) {
        if (typeof window.pmsEscapeHtml === 'function') {
            return window.pmsEscapeHtml(val);
        }
        return String(val || '').replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    }

    function pciPcVSetReadonlyTextarea($ta, html) {
        if (!$ta || !$ta.length) {
            return;
        }
        var content = html != null ? String(html) : '';
        $ta.val(content);
        if (typeof $.fn.summernote !== 'undefined' && $ta.data('summernote')) {
            try {
                $ta.summernote('code', content);
                $ta.summernote('disable');
            } catch (e) {}
        }
    }

    function pciPcVRebuildTfTable($tbody, rows, isAnnexure) {
        if (!$tbody || !$tbody.length) {
            return;
        }
        $tbody.empty();
        rows = Array.isArray(rows) ? rows : [];
        if (!rows.length) {
            $tbody.append(isAnnexure
                ? '<tr class="pci-tf-annexure-empty"><td colspan="3" class="text-center text-muted small">No annexure</td></tr>'
                : '<tr class="pci-tf-files-empty"><td colspan="3" class="text-center text-muted small">No attachment</td></tr>');
            return;
        }
        rows.forEach(function(row, idx) {
            var path = row && row.path ? String(row.path) : '';
            var title = row && row.title ? String(row.title) : (path ? path.split('/').pop() : '');
            var url = row && row.url ? String(row.url) : '#';
            var tr = '<tr data-path="' + pciPcVEscHtml(path) + '">';
            tr += '<td class="text-center" style="width: 9%;">' + (idx + 1) + '</td>';
            if (isAnnexure) {
                tr += '<td>' + pciPcVEscHtml(title) + '</td>';
                tr += '<td class="text-center pci-map-files-actions" style="width: 120px;">';
                tr += '<a href="' + pciPcVEscHtml(url) + '" class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener" title="View"><i class="fas fa-eye"></i></a>';
                tr += '</td>';
            } else {
                tr += '<td><span class="d-block">' + pciPcVEscHtml(title) + '</span>';
                tr += '<a href="' + pciPcVEscHtml(url) + '" class="small d-inline-block mt-1" target="_blank" rel="noopener">View file</a></td>';
                tr += '<td class="text-center pci-map-files-actions" style="width: 120px;"></td>';
            }
            tr += '</tr>';
            $tbody.append(tr);
        });
    }

    function pciPcVSyncMapFilesPanel(uid, attRows, annRows) {
        var $panel = $('.pci-textarea-map-files[data-panel-uid="' + uid + '"]');
        if (!$panel.length) {
            return;
        }
        pciPcVRebuildTfTable($panel.find('.pci-tf-att-tbody'), attRows, false);
        pciPcVRebuildTfTable($panel.find('.pci-tf-ann-tbody'), annRows, true);
    }

    function pciPcVNormalizePrefill(raw) {
        if (!raw || typeof raw !== 'object') {
            return null;
        }
        return {
            project_objectives: raw.project_objectives != null ? String(raw.project_objectives) : '',
            project_scopes: raw.project_scopes != null ? String(raw.project_scopes) : '',
            project_objectives_attachments: Array.isArray(raw.project_objectives_attachments) ? raw.project_objectives_attachments : [],
            project_objectives_annexures: Array.isArray(raw.project_objectives_annexures) ? raw.project_objectives_annexures : [],
            project_scopes_attachments: Array.isArray(raw.project_scopes_attachments) ? raw.project_scopes_attachments : [],
            project_scopes_annexures: Array.isArray(raw.project_scopes_annexures) ? raw.project_scopes_annexures : []
        };
    }

    window.pciPcVObjectivesScopeSyncFromDetail = function(detail) {
        if (!$('#pci-pc-v-project-objective-section').length) {
            return;
        }
        var pre = detail && detail.pc_v_project_objective_prefill
            ? pciPcVNormalizePrefill(detail.pc_v_project_objective_prefill)
            : null;
        if (!pre && detail && detail.pci_approved_objectives_and_scope) {
            pre = {
                project_objectives: String(detail.pci_approved_objectives_and_scope || ''),
                project_scopes: '',
                project_objectives_attachments: [],
                project_objectives_annexures: [],
                project_scopes_attachments: [],
                project_scopes_annexures: []
            };
        }
        if (!pre) {
            pciPcVSetReadonlyTextarea($('#pci-pc-v-project-objectives'), '');
            pciPcVSetReadonlyTextarea($('#pci-pc-v-project-scopes'), '');
            pciPcVSyncMapFilesPanel('pci-pc-v-po', [], []);
            pciPcVSyncMapFilesPanel('pci-pc-v-ps', [], []);
            return;
        }
        pciPcVSetReadonlyTextarea($('#pci-pc-v-project-objectives'), pre.project_objectives);
        pciPcVSetReadonlyTextarea($('#pci-pc-v-project-scopes'), pre.project_scopes);
        pciPcVSyncMapFilesPanel('pci-pc-v-po', pre.project_objectives_attachments, pre.project_objectives_annexures);
        pciPcVSyncMapFilesPanel('pci-pc-v-ps', pre.project_scopes_attachments, pre.project_scopes_annexures);
    };

    function pciPcVDisableObjectiveSummernotes() {
        $('#pci-pc-v-project-objective-section textarea.pci-pc-v-ro-textarea').each(function() {
            var $ta = $(this);
            if (typeof $.fn.summernote !== 'undefined' && $ta.data('summernote')) {
                try { $ta.summernote('disable'); } catch (e) {}
            }
        });
    }

    $(function() {
        if (!$('#pci-pc-v-project-objective-section').length) {
            return;
        }
        setTimeout(pciPcVDisableObjectiveSummernotes, 0);
        setTimeout(pciPcVDisableObjectiveSummernotes, 400);
    });

    var PCI_V_MILLION_INPUT_SEL = '.pci-crud-pc-v .pci-pc-v-rof-million, .pci-crud-pc-v .pci-pc-v-out-million, .pci-crud-pc-v .pci-pc-v-uc-million';
    var PCI_V_QTY_INPUT_SEL = '.pci-crud-pc-v .pci-pc-v-rof-qty, .pci-crud-pc-v .pci-pc-v-out-qty';

    function pciPcVParseNum(s) {
        var t = String(s || '').replace(/,/g, '').trim();
        if (!t || t === '—' || t === '-') return null;
        var n = typeof pciCoaParseCostMillionInput === 'function' ? pciCoaParseCostMillionInput(t) : parseFloat(t);
        return isNaN(n) ? null : n;
    }
    function pciPcVFmtMillionDisplay(val) {
        var n = pciPcVParseNum(val);
        if (n == null || !isFinite(n)) return '';
        if (n === 0) {
            return typeof pciFormatPkrFullPrecisionString === 'function' ? pciFormatPkrFullPrecisionString('0') : '0';
        }
        var plain = typeof pciPlanProvisionFormatAmountForInput === 'function'
            ? pciPlanProvisionFormatAmountForInput(n)
            : String(n);
        if (!plain) return '';
        return typeof pciFormatPkrFullPrecisionString === 'function'
            ? pciFormatPkrFullPrecisionString(plain)
            : plain;
    }
    function pciPcVSanitizeQtyInput(s) {
        return String(s || '').replace(/\D+/g, '');
    }
    function pciPcVPlainMillionSubmitValue(trimmed) {
        if (!trimmed || trimmed === '—' || trimmed === '-') return '';
        if (typeof pciCoaStripCostMillionGroupingForEdit === 'function') {
            return pciCoaStripCostMillionGroupingForEdit(trimmed);
        }
        var n = pciPcVParseNum(trimmed);
        return n != null && isFinite(n) ? String(n) : '';
    }
    function pciPcVFormatMillionInputElement($el) {
        if (!$el || !$el.length) return;
        if ($el.prop('readonly')) {
            var roVal = String($el.val() || '').trim();
            if (roVal && roVal !== '—') {
                $el.val(pciPcVFmtMillionDisplay(roVal));
            }
            return;
        }
        var raw = typeof pciCoaStripCostMillionGroupingForEdit === 'function'
            ? pciCoaStripCostMillionGroupingForEdit($el.val())
            : String($el.val() || '').replace(/,/g, '').trim();
        if (!raw) {
            $el.val('');
            return;
        }
        var n = typeof pciCoaParseCostMillionInput === 'function' ? pciCoaParseCostMillionInput(raw) : pciPcVParseNum(raw);
        if (n == null || !isFinite(n)) {
            $el.val('');
            return;
        }
        $el.val(pciPcVFmtMillionDisplay(n));
    }
    function pciPcVPrepareNumericSubmit() {
        $('#pciForm').find(PCI_V_MILLION_INPUT_SEL).each(function() {
            var trimmed = String($(this).val() || '').trim();
            if (!trimmed || trimmed === '—' || trimmed === '-') {
                $(this).val('');
                return;
            }
            $(this).val(pciPcVPlainMillionSubmitValue(trimmed));
        });
        $(PCI_V_QTY_INPUT_SEL).each(function() {
            $(this).val(pciPcVSanitizeQtyInput($(this).val()));
        });
    }
    window.pciPcVPrepareNumericSubmit = pciPcVPrepareNumericSubmit;

    $(document).on('blur', PCI_V_MILLION_INPUT_SEL, function() {
        pciPcVFormatMillionInputElement($(this));
    });
    $(document).on('input', PCI_V_QTY_INPUT_SEL, function() {
        if ($(this).prop('readonly')) return;
        var cleaned = pciPcVSanitizeQtyInput($(this).val());
        if ($(this).val() !== cleaned) {
            $(this).val(cleaned);
        }
    });

    $(function() {
        if (!$('#pci-pc-v-recurring-operational-framework-section').length && !$('#pci-pc-v-outputs-income-section').length && !$('#pci-pc-v-ucmtv-section').length) {
            return;
        }
        $(PCI_V_MILLION_INPUT_SEL).each(function() {
            pciPcVFormatMillionInputElement($(this));
        });
        $(PCI_V_QTY_INPUT_SEL).each(function() {
            if (!$(this).prop('readonly')) {
                $(this).val(pciPcVSanitizeQtyInput($(this).val()));
            }
        });
    });

    function pciPcVPhysicalOutputRowHtml(idx, row, editMode) {
        row = row || {};
        editMode = editMode !== false;
        var ro = editMode ? '' : ' readonly';
        var roCls = editMode ? '' : ' pci-readonly';
        var item = String(row.quantifiable_item || '');
        var target = pciPcVSanitizeQtyInput(row.envisaged_pci_target);
        var actual = pciPcVSanitizeQtyInput(row.actual_realized_output);
        var analysis = String(row.shortfall_surplus_analysis || '');
        var html = '<tr class="pci-pc-v-physical-output-row" data-pc-v-physical-output-row="' + idx + '">';
        html += '<td><input type="text" name="pc_v_planned_actual_physical_output[rows][' + idx + '][quantifiable_item]" value="' + pciPcVEscHtml(item) + '" class="form-control form-control-sm pci-pc-v-physical-output-item' + roCls + '" placeholder="e.g., Annual Energy / Production unit"' + ro + ' /></td>';
        html += '<td class="pci-pc-v-qty-cell"><input type="text" name="pc_v_planned_actual_physical_output[rows][' + idx + '][envisaged_pci_target]" value="' + pciPcVEscHtml(target) + '" class="form-control form-control-sm pci-pc-v-out-qty pci-pc-iii-qty text-center' + roCls + '" placeholder="0" inputmode="numeric" pattern="[0-9]*"' + ro + ' /></td>';
        html += '<td class="pci-pc-v-qty-cell"><input type="text" name="pc_v_planned_actual_physical_output[rows][' + idx + '][actual_realized_output]" value="' + pciPcVEscHtml(actual) + '" class="form-control form-control-sm pci-pc-v-out-qty pci-pc-iii-qty text-center pci-pc-v-actual-col' + roCls + '" placeholder="0" inputmode="numeric" pattern="[0-9]*"' + ro + ' /></td>';
        html += '<td><input type="text" name="pc_v_planned_actual_physical_output[rows][' + idx + '][shortfall_surplus_analysis]" value="' + pciPcVEscHtml(analysis) + '" class="form-control form-control-sm pci-pc-v-physical-output-analysis' + roCls + '"' + ro + ' /></td>';
        if (editMode) {
            html += '<td class="text-center align-middle"><button type="button" class="btn btn-link text-danger btn-sm pci-pc-v-physical-output-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>';
        }
        html += '</tr>';
        return html;
    }
    function pciPcVReindexPhysicalOutputRows() {
        $('#pci-pc-v-physical-output-tbody .pci-pc-v-physical-output-row').each(function(i) {
            $(this).attr('data-pc-v-physical-output-row', i);
            $(this).find('input').each(function() {
                var n = $(this).attr('name');
                if (!n) return;
                $(this).attr('name', n.replace(/pc_v_planned_actual_physical_output\[rows\]\[\d+\]/, 'pc_v_planned_actual_physical_output[rows][' + i + ']'));
            });
        });
    }
    function pciPcVIncomeRevenueRowHtml(idx, row, editMode) {
        row = row || {};
        editMode = editMode !== false;
        var ro = editMode ? '' : ' readonly';
        var roCls = editMode ? '' : ' pci-readonly';
        var channel = String(row.revenue_channel || '');
        var pciIncome = String(row.pci_projected_income || '');
        var actualIncome = String(row.actual_earned_revenue || '');
        var notes = String(row.variance_notes || '');
        var html = '<tr class="pci-pc-v-income-revenue-row" data-pc-v-income-revenue-row="' + idx + '">';
        html += '<td><input type="text" name="pc_v_planned_actual_income_revenue[rows][' + idx + '][revenue_channel]" value="' + pciPcVEscHtml(channel) + '" class="form-control form-control-sm pci-pc-v-income-revenue-channel' + roCls + '" placeholder="e.g., Service fees, tariffs, commercial proceeds"' + ro + ' /></td>';
        html += '<td class="pci-pc-v-amt-cell"><input type="text" name="pc_v_planned_actual_income_revenue[rows][' + idx + '][pci_projected_income]" value="' + pciPcVEscHtml(pciIncome) + '" class="form-control form-control-sm pci-pc-v-out-million pci-pc-iii-num text-right' + roCls + '" placeholder="0.0000" inputmode="decimal"' + ro + ' /></td>';
        html += '<td class="pci-pc-v-amt-cell"><input type="text" name="pc_v_planned_actual_income_revenue[rows][' + idx + '][actual_earned_revenue]" value="' + pciPcVEscHtml(actualIncome) + '" class="form-control form-control-sm pci-pc-v-out-million pci-pc-iii-num text-right pci-pc-v-actual-col' + roCls + '" placeholder="0.0000" inputmode="decimal"' + ro + ' /></td>';
        html += '<td><input type="text" name="pc_v_planned_actual_income_revenue[rows][' + idx + '][variance_notes]" value="' + pciPcVEscHtml(notes) + '" class="form-control form-control-sm pci-pc-v-income-revenue-notes' + roCls + '"' + ro + ' /></td>';
        if (editMode) {
            html += '<td class="text-center align-middle"><button type="button" class="btn btn-link text-danger btn-sm pci-pc-v-income-revenue-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>';
        }
        html += '</tr>';
        return html;
    }
    function pciPcVReindexIncomeRevenueRows() {
        $('#pci-pc-v-income-revenue-tbody .pci-pc-v-income-revenue-row').each(function(i) {
            $(this).attr('data-pc-v-income-revenue-row', i);
            $(this).find('input').each(function() {
                var n = $(this).attr('name');
                if (!n) return;
                $(this).attr('name', n.replace(/pc_v_planned_actual_income_revenue\[rows\]\[\d+\]/, 'pc_v_planned_actual_income_revenue[rows][' + i + ']'));
            });
        });
    }
    $(document).on('click', '#pci-pc-v-physical-output-add', function() {
        var $tbody = $('#pci-pc-v-physical-output-tbody');
        var idx = $tbody.find('.pci-pc-v-physical-output-row').length;
        $tbody.append(pciPcVPhysicalOutputRowHtml(idx, {}, true));
        pciPcVReindexPhysicalOutputRows();
    });
    $(document).on('click', '.pci-pc-v-physical-output-remove', function() {
        var $tbody = $('#pci-pc-v-physical-output-tbody');
        if ($tbody.find('.pci-pc-v-physical-output-row').length <= 1) {
            $tbody.find('.pci-pc-v-physical-output-row').first().find('input').val('');
            return;
        }
        $(this).closest('.pci-pc-v-physical-output-row').remove();
        pciPcVReindexPhysicalOutputRows();
    });
    $(document).on('click', '#pci-pc-v-income-revenue-add', function() {
        var $tbody = $('#pci-pc-v-income-revenue-tbody');
        var idx = $tbody.find('.pci-pc-v-income-revenue-row').length;
        $tbody.append(pciPcVIncomeRevenueRowHtml(idx, {}, true));
        pciPcVReindexIncomeRevenueRows();
    });
    $(document).on('click', '.pci-pc-v-income-revenue-remove', function() {
        var $tbody = $('#pci-pc-v-income-revenue-tbody');
        if ($tbody.find('.pci-pc-v-income-revenue-row').length <= 1) {
            $tbody.find('.pci-pc-v-income-revenue-row').first().find('input').val('');
            return;
        }
        $(this).closest('.pci-pc-v-income-revenue-row').remove();
        pciPcVReindexIncomeRevenueRows();
    });
})();
</script>