@php
    /**
     * PDWP Working Paper Form (Word-like).
     * Expects: $data (array)
     */
    $data = \App\Support\WorkingPaperRichTextHtml::decodePayloadStrings(is_array($data ?? null) ? $data : []);

    $m = function (string $key) use ($data): string {
        $raw = data_get($data ?? [], $key, '');
        if ($raw === null || $raw === '') {
            return '';
        }
        return \App\Helpers\PC\AmountMillionHelper::amountToMillion($raw);
    };

    $v = function (string $key, $default = '') use ($data) {
        $raw = data_get($data ?? [], $key, $default);
        if (is_string($raw)) {
            return \App\Support\HtmlDisplay::decodeEntities($raw, 8);
        }
        if (is_array($raw)) {
            return \App\Support\WorkingPaperRichTextHtml::decodePayloadStrings($raw);
        }

        return $raw;
    };
    $rbmRows = data_get($data ?? [], 'rbm', []);
    $rbmCount = max(1, is_array($rbmRows) ? count($rbmRows) : 0);
    $rbmMinRows = 1;
    $revisionRows = data_get($data ?? [], 'revision_compare', []);
    $revisionCount = max(3, is_array($revisionRows) ? count($revisionRows) : 0);
    $overallRows = data_get($data ?? [], 'overall_comments', []);
    $overallCount = max(3, is_array($overallRows) ? count($overallRows) : 0);
    $pcLinkedKeys = is_array($pcLinkedKeys ?? null) ? $pcLinkedKeys : [];
    $canEditBody = (bool) ($canEditWorkingPaperBody ?? true);
    $ro = function (string $key) use ($pcLinkedKeys, $canEditBody): string {
        if (in_array($key, ['rbm', 'cost', 'operation_maintenance', 'location'], true) && $canEditBody) {
            return '';
        }

        return in_array($key, $pcLinkedKeys, true) ? 'readonly' : '';
    };

    $defaultCostSourceLabel = function (string $k): string {
        if ($k === 'original') {
            return 'Original';
        }
        if ($k === 'revised') {
            return 'Revised';
        }
        if ($k === 'revised2') {
            return '2nd Revised';
        }
        if (preg_match('/^revised(\d+)$/', $k, $m)) {
            $n = (int) $m[1];
            $suffix = ($n % 100 >= 11 && $n % 100 <= 13) ? 'th' : (match ($n % 10) { 1 => 'st', 2 => 'nd', 3 => 'rd', default => 'th' });

            return $n.$suffix.' Revised';
        }

        return $k;
    };
    $costSourceValue = fn (string $k): string => trim((string) $v("cost.$k.source", '')) !== ''
        ? trim((string) $v("cost.$k.source", ''))
        : $defaultCostSourceLabel($k);

    $ce = is_array($ceProjectCostBreakdown ?? null) ? $ceProjectCostBreakdown : [];
    $ceHasCostBreakdown = ! empty($ce['has_lines']);
@endphp

@push('stylesheets')
    <style>
        .pdwpwp-wrap {
            --border: #111;
            color: #000;
        }

        .pdwpwp-sheet {
            width: 100%;
            max-width: none;
            min-height: unset;
            height: max-content;
            margin: 0;
            background: #fff;
            padding: 18px 22px 22px;
            position: relative;
            border: 0;
        }

        .pdwpwp-center { text-align: center; }
        .pdwpwp-title-small { font-size: 16px; line-height: 1.15; text-transform: uppercase; margin: 0; }
        .pdwpwp-title-main { margin: 2px 0 8px; font-size: 28px; font-weight: 700; text-transform: uppercase; text-decoration: underline; line-height: 1; }

        table.pdwpwp-form {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
            font-size: 14px;
        }
        table.pdwpwp-form td,
        table.pdwpwp-form th {
            border: 1px solid var(--border);
            padding: 2px 4px;
            vertical-align: middle;
            line-height: 1.12;
            max-width: 100%;
            overflow: visible;
            overflow-wrap: break-word;
            word-break: break-word;
        }
        table.pdwpwp-form th { font-weight: 700; text-align: center; }
        table.pdwpwp-form.wp-narrative-table,
        table#wp-sponsor-response {
            table-layout: fixed;
        }
        table.pdwpwp-form.wp-narrative-table td,
        table#wp-sponsor-response td {
            vertical-align: top;
        }
        .pdwpwp-n { width: 6%; text-align: center; font-weight: 700; }
        .pdwpwp-label { font-weight: 700; }
        /* Shared 8-column grid: serial | label | source | gop | gos | fpa | total | fec */
        .pdwpwp-col-n { width: 6%; }
        .pdwpwp-col-label { width: 32%; }
        .pdwpwp-col-src { width: 12%; }
        .pdwpwp-col-gop { width: 10%; }
        .pdwpwp-col-gos { width: 10%; }
        .pdwpwp-col-fpa { width: 12%; }
        .pdwpwp-col-total { width: 10%; }
        .pdwpwp-col-fec { width: 10%; }
        .pdwpwp-small { font-size: 12px; }
        .pdwpwp-tiny { font-size: 11px; }

        /* Use min-height so rows can grow when text wraps */
        .pdwpwp-h22 td, .pdwpwp-h22 th { min-height: 22px; }
        .pdwpwp-h24 td, .pdwpwp-h24 th { min-height: 24px; }
        .pdwpwp-h28 td, .pdwpwp-h28 th { min-height: 28px; }
        .pdwpwp-h30 td, .pdwpwp-h30 th { min-height: 30px; }
        .pdwpwp-h34 td, .pdwpwp-h34 th { min-height: 34px; }

        .pdwpwp-input,
        .pdwpwp-textarea {
            width: 100%;
            border: 0;
            outline: none;
            background: transparent;
            font: inherit;
            color: inherit;
            padding: 0;
            margin: 0;
            min-width: 0;
        }
        /* Inputs are single-line; for long text fields we use textarea */
        .pdwpwp-input { min-width: 0; }
        .pdwpwp-textarea {
            resize: none;
            overflow: hidden;
            min-height: 20px;
            line-height: 1.12;
            white-space: pre-wrap;
            overflow-wrap: break-word;
            word-break: break-word;
        }
        .pdwpwp-textarea-inline {
            min-height: 18px;
        }

        .pdwpwp-htmlbox {
            width: 100%;
            min-height: 64px;
            padding: 2px 0;
            line-height: 1.2;
        }
        .pdwpwp-htmlbox p { margin: 0 0 6px; }
        .pdwpwp-htmlbox p:last-child { margin-bottom: 0; }
        .pdwpwp-htmlbox ul, .pdwpwp-htmlbox ol { margin: 0 0 6px 18px; padding: 0; }
        .pdwpwp-htmlbox li { margin: 0 0 2px; }

        .pdwpwp-rbm-row td {
            vertical-align: top;
            overflow: visible !important; /* override table cell overflow:hidden so scrollbars/content aren't clipped */
        }
        .pdwpwp-scrollcell {
            min-height: 110px;
            max-height: 110px;
            overflow-x: hidden;
            overflow-y: hidden;
            overscroll-behavior: contain;
            scroll-behavior: smooth;
            display: block;
        }
        .pdwpwp-scrollcell.is-scrollable { overflow-y: auto; }
        .pdwpwp-scrollcell .pdwpwp-textarea.pdwpwp-noautosize {
            min-height: 0;
            overflow: hidden;
            resize: none;
        }
        .pdwpwp-printcell { display: none; }

        .pdwpwp-row-actions {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin: 10px 0 2px;
        }
        .pdwpwp-row-actions .btn {
            border-radius: 6px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
            transition: transform 0.12s ease, box-shadow 0.12s ease;
        }
        .pdwpwp-row-actions .btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
        }
        .pdwpwp-row-actions .btn:active {
            transform: translateY(0);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
        }

        @media (max-width: 992px) {
            .pdwpwp-sheet { height: auto; padding: 12px 12px 16px; }
        }

        /* Print / A4: see working-papers/partials/print-a4.blade.php (loaded from crud) */
    </style>
@endpush

<div class="pdwpwp-wrap">
    <section class="pdwpwp-sheet">
        <p class="pdwpwp-title-small pdwpwp-center">GOVERNMENT OF SINDH</p>
        <p class="pdwpwp-title-small pdwpwp-center">PLANNING AND DEVELOPMENT DEPARTMENT</p>
        <h1 class="pdwpwp-title-main pdwpwp-center">WORKING PAPER FOR PDWP</h1>

        @include('working-papers.partials.scheme-meta-header', [
            'v' => $v,
            'inputClass' => 'pdwpwp-input',
            'textareaClass' => 'pdwpwp-textarea',
            'fontSize' => '11pt',
        ])

        <table class="pdwpwp-form">
            <colgroup>
                <col class="pdwpwp-col-n">
                <col class="pdwpwp-col-label">
                <col class="pdwpwp-col-src">
                <col class="pdwpwp-col-gop">
                <col class="pdwpwp-col-gos">
                <col class="pdwpwp-col-fpa">
                <col class="pdwpwp-col-total">
                <col class="pdwpwp-col-fec">
            </colgroup>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">1.</td>
                <td class="pdwpwp-label">Project Title:</td>
                <td colspan="6"><textarea class="pdwpwp-textarea pdwpwp-textarea-inline" name="data[project_title]" {{ $ro('project_title') }}>{{ $v('project_title') }}</textarea></td>
            </tr>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">2.</td>
                <td class="pdwpwp-label">Location:</td>
                <td colspan="6"><textarea class="pdwpwp-textarea pdwpwp-textarea-inline" name="data[location]" {{ $ro('location') }}>{{ $v('location') }}</textarea></td>
            </tr>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">3.</td>
                <td class="pdwpwp-label">Authorities Responsible for;</td>
                <td colspan="6"></td>
            </tr>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">(i)</td>
                <td class="pdwpwp-label">Sponsoring Agency</td>
                <td colspan="6"><textarea class="pdwpwp-textarea pdwpwp-textarea-inline" name="data[sponsoring_agency]" {{ $ro('sponsoring_agency') }}>{{ $v('sponsoring_agency') }}</textarea></td>
            </tr>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">(ii)</td>
                <td class="pdwpwp-label">Executing Agency</td>
                <td colspan="6"><textarea class="pdwpwp-textarea pdwpwp-textarea-inline" name="data[executing_agency]" {{ $ro('executing_agency') }}>{{ $v('executing_agency') }}</textarea></td>
            </tr>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">(iii)</td>
                <td class="pdwpwp-label">Operation &amp; Maintenance</td>
                <td colspan="6"><textarea class="pdwpwp-textarea pdwpwp-textarea-inline" name="data[operation_maintenance]" {{ $ro('operation_maintenance') }}>{{ $v('operation_maintenance') }}</textarea></td>
            </tr>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">4.</td>
                <td class="pdwpwp-label">Date of Receipt in P&amp;D:</td>
                <td colspan="6"><input class="pdwpwp-input" name="data[date_receipt_pd]" value="{{ $v('date_receipt_pd') }}"></td>
            </tr>
        </table>

        @php
            $cost = data_get($data ?? [], 'cost', []);
            $cost = is_array($cost) ? $cost : [];

            $revisionKeys = array_values(array_filter(array_keys($cost), fn ($k) => $k !== 'original'));
            usort($revisionKeys, function ($a, $b) {
                $idx = function ($k) {
                    if ($k === 'revised') return 1;
                    if ($k === 'revised2') return 2;
                    if (preg_match('/^revised(\d+)$/', (string) $k, $m)) return (int) $m[1];
                    return 9999;
                };
                return $idx($a) <=> $idx($b);
            });

            $costRowKeys = array_merge(['original'], $revisionKeys);

            $revLabel = function (string $k) {
                if ($k === 'original') {
                    return 'Original';
                }
                if ($k === 'revised') return 'Revised';
                if ($k === 'revised2') return '2<sup>nd</sup> Revised';
                if (preg_match('/^revised(\d+)$/', $k, $m)) {
                    $n = (int) $m[1];
                    $suffix = ($n % 100 >= 11 && $n % 100 <= 13) ? 'th' : (match ($n % 10) { 1 => 'st', 2 => 'nd', 3 => 'rd', default => 'th' });

                    return $n.'<sup>'.$suffix.'</sup> Revised';
                }

                return e($k);
            };

            $costMinRows = 1;
        @endphp

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col class="pdwpwp-col-n">
                <col class="pdwpwp-col-label">
                <col class="pdwpwp-col-src">
                <col class="pdwpwp-col-gop">
                <col class="pdwpwp-col-gos">
                <col class="pdwpwp-col-fpa">
                <col class="pdwpwp-col-total">
                <col class="pdwpwp-col-fec">
            </colgroup>
            {{-- 5. Cost of Project --}}
            <tr class="pdwpwp-h22">
                <td class="pdwpwp-n">5.</td>
                <td class="pdwpwp-label">Cost of Project:<br><span class="pdwpwp-small">(Rs in Million)</span></td>
                <th rowspan="2">Source</th>
                <th colspan="2">Local</th>
                <th rowspan="2">FPA</th>
                <th rowspan="2">Total</th>
                <th rowspan="2">FEC</th>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td></td>
                <th>GoP</th>
                <th>GoS</th>
            </tr>
            @foreach($costRowKeys as $costKey)
                <tr class="pdwpwp-h24 pdwpwp-cost-row" data-cost-key="{{ $costKey }}">
                    <td></td>
                    <td></td>
                    <td class="pdwpwp-label">
                        <textarea class="pdwpwp-textarea pdwpwp-textarea-inline pdwpwp-cost-source-input" name="data[cost][{{ $costKey }}][source]" rows="1" {{ $ro('cost') }}>{{ $costSourceValue($costKey) }}</textarea>
                    </td>
                    <td><input class="pdwpwp-input pdwpwp-num pdwpwp-money" inputmode="decimal" autocomplete="off" name="data[cost][{{ $costKey }}][gop]" value="{{ $m("cost.$costKey.gop") }}" {{ $ro('cost') }}></td>
                    <td><input class="pdwpwp-input pdwpwp-num pdwpwp-money" inputmode="decimal" autocomplete="off" name="data[cost][{{ $costKey }}][gos]" value="{{ $m("cost.$costKey.gos") }}" {{ $ro('cost') }}></td>
                    <td><input class="pdwpwp-input pdwpwp-num pdwpwp-money" inputmode="decimal" autocomplete="off" name="data[cost][{{ $costKey }}][fpa]" value="{{ $m("cost.$costKey.fpa") }}" {{ $ro('cost') }}></td>
                    <td><input class="pdwpwp-input pdwpwp-num pdwpwp-money" inputmode="decimal" autocomplete="off" name="data[cost][{{ $costKey }}][total]" value="{{ $m("cost.$costKey.total") }}" readonly tabindex="-1"></td>
                    <td><input class="pdwpwp-input pdwpwp-num pdwpwp-money" inputmode="decimal" autocomplete="off" name="data[cost][{{ $costKey }}][fec]" value="{{ $m("cost.$costKey.fec") }}" {{ $ro('cost') }}></td>
                </tr>
            @endforeach

            @if ($canEditBody)
            <tr class="no-print pdwpwp-cost-actions-row">
                <td colspan="8" style="border-left: 1px solid var(--border, #111); border-right: 1px solid var(--border, #111); border-bottom: 1px solid var(--border, #111); padding: 6px 4px;">
                    <div class="pdwpwp-row-actions" style="margin: 0;">
                        <button type="button" class="btn btn-sm btn-primary" data-action="cost-add" title="Add cost row" aria-label="Add cost row"><i class="fas fa-plus"></i></button>
                        <button type="button" class="btn btn-sm btn-danger" data-action="cost-remove" title="Remove cost row" aria-label="Remove cost row" @if(count($costRowKeys) <= $costMinRows) disabled @endif><i class="fas fa-minus"></i></button>
                    </div>
                </td>
            </tr>
            @endif

            {{-- 6. Expenditure Incurred (if any) --}}
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">6.</td>
                <td class="pdwpwp-label">Expenditure Incurred (if any)</td>
                <td></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[expenditure][gop]" value="{{ $m('expenditure.gop') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[expenditure][gos]" value="{{ $m('expenditure.gos') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[expenditure][fpa]" value="{{ $m('expenditure.fpa') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[expenditure][total]" value="{{ $m('expenditure.total') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[expenditure][fec]" value="{{ $m('expenditure.fec') }}"></td>
            </tr>

            {{-- 7. Period of Implementation --}}
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">7.</td>
                <td class="pdwpwp-label">Period of Implementation</td>
                <td colspan="6"><textarea class="pdwpwp-textarea pdwpwp-textarea-inline" name="data[period_implementation]" rows="1">{{ $v('period_implementation') }}</textarea></td>
            </tr>

            {{-- 8. Plan Framework (inline input added) --}}
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">8.</td>
                <td class="pdwpwp-label">Plan Framework:</td>
                <td colspan="6"><input class="pdwpwp-input" name="data[plan_framework]" value="{{ $v('plan_framework') }}"></td>
            </tr>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">(i)</td>
                <td class="pdwpwp-label">ADP Allocation <span class="pdwpwp-small"><em>(CFY)</em></span>:</td>
                <td colspan="6"><input class="pdwpwp-input" name="data[adp_allocation_cfy]" value="{{ $v('adp_allocation_cfy') }}"></td>
            </tr>
            <tr class="pdwpwp-h28">
                <td class="pdwpwp-n">(ii)</td>
                <td class="pdwpwp-label">Sector Strategy:</td>
                <td colspan="6"><textarea class="pdwpwp-textarea" name="data[sector_strategy]" style="min-height: 54px;">{{ $v('sector_strategy') }}</textarea></td>
            </tr>
            <tr class="pdwpwp-h28">
                <td class="pdwpwp-n">(iii)</td>
                <td class="pdwpwp-label">Sector issues with relationship of the project:</td>
                <td colspan="6"><textarea class="pdwpwp-textarea" name="data[sector_issues]" style="min-height: 54px;">{{ $v('sector_issues') }}</textarea></td>
            </tr>

            {{-- 9. Objectives & Brief Description --}}
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">9.</td>
                <td class="pdwpwp-label" colspan="7">Project&rsquo;s Objectives and Brief Description:</td>
            </tr>
            <tr class="pdwpwp-h30">
                <td></td>
                <td colspan="7">
                    @include('working-papers.partials.objectives-brief-field', [
                        'v' => $v,
                        'textareaClass' => 'pdwpwp-textarea',
                        'fieldIdPrefix' => 'pdwpwp-objectives-brief',
                        'canEditWorkingPaperBody' => $canEditWorkingPaperBody ?? true,
                        'wpPreviewOnly' => $wpPreviewOnly ?? false,
                    ])
                </td>
            </tr>

            {{-- 10. Status of Pre-PDWP Meeting --}}
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">10.</td>
                <td class="pdwpwp-label" colspan="7">Status of Pre-PDWP Meeting:</td>
            </tr>
            <tr class="pdwpwp-h24">
                <td></td>
                <td class="pdwpwp-label">(a) Date of Pre-PDWP</td>
                <td colspan="6" style="text-align:right;">
                    <input class="pdwpwp-input" name="data[pre_pdwp_date]" value="{{ $v('pre_pdwp_date') }}">
                </td>
            </tr>
            <tr class="pdwpwp-h24">
                <td></td>
                <td class="pdwpwp-label">(b) Date of Receipt of Modified PC-I (if required):</td>
                <td colspan="6" style="text-align:right;">
                    <input class="pdwpwp-input" name="data[modified_pci_receipt_date]" value="{{ $v('modified_pci_receipt_date') }}">
                </td>
            </tr>
        </table>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:10%">
                <col style="width:42%">
                <col style="width:42%">
            </colgroup>
            <tr class="pdwpwp-h24">
                <th></th>
                <th>S #</th>
                <th>Decisions</th>
                <th>Compliance</th>
            </tr>
            <tbody id="pdwpwp-decisions-body">
                @php
                    $decisionsRows = $v('decisions');
                    $decisionsRows = is_array($decisionsRows) ? $decisionsRows : [];
                    if (empty($decisionsRows)) {
                        $decisionsRows = [['decision' => '', 'compliance' => '']];
                    }
                    $decisionsRows = array_values($decisionsRows);
                    $decisionsMinRows = 1;
                @endphp
                @foreach($decisionsRows as $i => $row)
                    <tr class="pdwpwp-h34 pdwpwp-decisions-row" data-idx="{{ $i }}">
                        <td class="pdwpwp-center"></td>
                        <td class="pdwpwp-center pdwpwp-decisions-sno">{{ $i + 1 }}</td>
                        <td>
                            <textarea class="pdwpwp-textarea" name="data[decisions][{{ $i }}][decision]">{{ is_array($row) ? ($row['decision'] ?? '') : '' }}</textarea>
                        </td>
                        <td>
                            <textarea class="pdwpwp-textarea" name="data[decisions][{{ $i }}][compliance]">{{ is_array($row) ? ($row['compliance'] ?? '') : '' }}</textarea>
                        </td>
                    </tr>
                @endforeach
            </tbody>
            <tr class="pdwpwp-h30">
                <td></td>
                <td colspan="3" class="pdwpwp-label">Comments of Technical Section on status of compliance</td>
            </tr>
            <tr class="pdwpwp-h30">
                <td></td>
                <td colspan="3"><textarea class="pdwpwp-textarea" name="data[technical_comments_compliance]">{{ $v('technical_comments_compliance') }}</textarea></td>
            </tr>
        </table>

        <div class="pdwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="decisions-add" title="Add row" aria-label="Add row"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="decisions-remove" title="Remove row" aria-label="Remove row" @if(count($decisionsRows) <= $decisionsMinRows) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">11.</td>
                <td class="pdwpwp-label">Result Based Monitoring (RBM) Indicators</td>
            </tr>
        </table>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:15%">
                <col style="width:25%">
                <col style="width:20%">
                <col style="width:19%">
                <col style="width:15%">
            </colgroup>
            <tr class="pdwpwp-h24">
                <th rowspan="2"></th>
                <th rowspan="2" class="pdwpwp-tiny">Input/<br>Activity</th>
                <th rowspan="2">Output</th>
                <th colspan="2">Outcome</th>
                <th rowspan="2" class="pdwpwp-tiny">Targeted<br>Impact</th>
            </tr>
            <tr class="pdwpwp-h24">
                <th class="pdwpwp-tiny">Baseline Indicator</th>
                <th class="pdwpwp-tiny">Target after completion</th>
            </tr>
            <tbody id="pdwpwp-rbm-body">
                @for ($idx = 0; $idx < $rbmCount; $idx++)
                    <tr class="pdwpwp-h24 pdwpwp-rbm-row" data-idx="{{ $idx }}">
                        <td class="pdwpwp-n pdwpwp-rbm-label"></td>
                        <td>
                            <div class="pdwpwp-scrollcell">
                                <div class="pdwpwp-printcell">{{ $v("rbm.$idx.input") }}</div>
                                <textarea class="pdwpwp-textarea pdwpwp-noautosize" name="data[rbm][{{ $idx }}][input]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.input") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="pdwpwp-scrollcell">
                                <div class="pdwpwp-printcell">{{ $v("rbm.$idx.output") }}</div>
                                <textarea class="pdwpwp-textarea pdwpwp-noautosize" name="data[rbm][{{ $idx }}][output]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.output") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="pdwpwp-scrollcell">
                                <div class="pdwpwp-printcell">{{ $v("rbm.$idx.baseline") }}</div>
                                <textarea class="pdwpwp-textarea pdwpwp-noautosize" name="data[rbm][{{ $idx }}][baseline]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.baseline") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="pdwpwp-scrollcell">
                                <div class="pdwpwp-printcell">{{ $v("rbm.$idx.target") }}</div>
                                <textarea class="pdwpwp-textarea pdwpwp-noautosize" name="data[rbm][{{ $idx }}][target]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.target") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="pdwpwp-scrollcell">
                                <div class="pdwpwp-printcell">{{ $v("rbm.$idx.impact") }}</div>
                                <textarea class="pdwpwp-textarea pdwpwp-noautosize" name="data[rbm][{{ $idx }}][impact]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.impact") }}</textarea>
                            </div>
                        </td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="pdwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="rbm-add" title="Add row" aria-label="Add row"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="rbm-remove" title="Remove row" aria-label="Remove row" @if($rbmCount <= $rbmMinRows) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">12.</td>
                <td class="pdwpwp-label">Major Financial / Economical / Environmental Indicators:</td>
            </tr>
        </table>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:19%">
                <col style="width:25%">
                <col style="width:25%">
                <col style="width:25%">
            </colgroup>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n"></td>
                <td class="pdwpwp-label pdwpwp-center">BCR</td>
                <td class="pdwpwp-label pdwpwp-center">FIRR</td>
                <td class="pdwpwp-label pdwpwp-center">EIRR</td>
                <td class="pdwpwp-label pdwpwp-center">EIA</td>
            </tr>
            <tbody id="pdwpwp-indicators-body">
                @php
                    $indRows = $v('indicators_rows');
                    $indRows = is_array($indRows) ? $indRows : [];
                    if (empty($indRows)) {
                        $indRows = [['bcr' => '', 'firr' => '', 'eirr' => '', 'eia' => '']];
                    }
                    $indRows = array_values($indRows);
                    $indMinRows = 1;
                @endphp
                @foreach($indRows as $i => $row)
                    <tr class="pdwpwp-h24 pdwpwp-indicators-row" data-idx="{{ $i }}">
                        <td class="pdwpwp-n"></td>
                        <td><input class="pdwpwp-input" name="data[indicators_rows][{{ $i }}][bcr]" value="{{ is_array($row) ? ($row['bcr'] ?? '') : '' }}"></td>
                        <td><input class="pdwpwp-input" name="data[indicators_rows][{{ $i }}][firr]" value="{{ is_array($row) ? ($row['firr'] ?? '') : '' }}"></td>
                        <td><input class="pdwpwp-input" name="data[indicators_rows][{{ $i }}][eirr]" value="{{ is_array($row) ? ($row['eirr'] ?? '') : '' }}"></td>
                        <td><input class="pdwpwp-input" name="data[indicators_rows][{{ $i }}][eia]" value="{{ is_array($row) ? ($row['eia'] ?? '') : '' }}"></td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div class="pdwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="indicators-add" title="Add row" aria-label="Add row"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="indicators-remove" title="Remove row" aria-label="Remove row" @if(count($indRows) <= $indMinRows) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        @if ($ceHasCostBreakdown)
            @include('working-papers.partials.ce-project-cost-breakdown', ['ce' => $ce, 'variant' => 'pd'])
        @else
        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:4%">
                <col style="width:70%">
                <col style="width:20%">
            </colgroup>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">13.</td>
                <td colspan="2" class="pdwpwp-label">Capital Cost (Summary of the Project Cost):</td>
                <td class="pdwpwp-label pdwpwp-center">(Rs. In Million)</td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td class="pdwpwp-n">A.</td>
                <td class="pdwpwp-label">Capital Cost component</td>
                <td></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td class="pdwpwp-n"><u>i</u></td>
                <td><input class="pdwpwp-input" name="data[capital_cost][a_i]" value="{{ $v('capital_cost.a_i') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[capital_cost][a_i_amount]" value="{{ $m('capital_cost.a_i_amount') }}"></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td class="pdwpwp-n"><u>ii</u></td>
                <td><input class="pdwpwp-input" name="data[capital_cost][a_ii]" value="{{ $v('capital_cost.a_ii') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[capital_cost][a_ii_amount]" value="{{ $m('capital_cost.a_ii_amount') }}"></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td></td>
                <td class="pdwpwp-label pdwpwp-center">Sub-Total Capital</td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[capital_cost][sub_total_capital]" value="{{ $m('capital_cost.sub_total_capital') }}" readonly></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td class="pdwpwp-n">B.</td>
                <td class="pdwpwp-label">Revenue Component</td>
                <td></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td class="pdwpwp-n"><u>i</u></td>
                <td><input class="pdwpwp-input" name="data[capital_cost][b_i]" value="{{ $v('capital_cost.b_i') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[capital_cost][b_i_amount]" value="{{ $m('capital_cost.b_i_amount') }}"></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td class="pdwpwp-n"><u>ii</u></td>
                <td><input class="pdwpwp-input" name="data[capital_cost][b_ii]" value="{{ $v('capital_cost.b_ii') }}"></td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[capital_cost][b_ii_amount]" value="{{ $m('capital_cost.b_ii_amount') }}"></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td></td>
                <td class="pdwpwp-label pdwpwp-center">Sub-Total Revenue</td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[capital_cost][sub_total_revenue]" value="{{ $m('capital_cost.sub_total_revenue') }}" readonly></td>
            </tr>
            <tr class="pdwpwp-h22">
                <td></td>
                <td></td>
                <td class="pdwpwp-label pdwpwp-center">Total (Capital + Revenue)</td>
                <td><input class="pdwpwp-input pdwpwp-num" inputmode="decimal" autocomplete="off" name="data[capital_cost][total]" value="{{ $m('capital_cost.total') }}" readonly></td>
            </tr>
        </table>
        @endif

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">14.</td>
                <td class="pdwpwp-label">In case of Revised Project;</td>
            </tr>
            <tr class="pdwpwp-h30">
                <td class="pdwpwp-n">(i)</td>
                <td class="pdwpwp-label">Comparison of cost estimates of the last sanctioned and revised project<br><span class="pdwpwp-small">(This information may be attached as Annexure-I)</span></td>
            </tr>
        </table>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:11%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:13%">
                <col style="width:13%">
                <col style="width:8%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:9%">
            </colgroup>
            <tr class="pdwpwp-h22">
                <th rowspan="2">Item #</th>
                <th colspan="3">Last Sanction Project</th>
                <th colspan="2">Revised Proposal</th>
                <th colspan="3">Total</th>
                <th></th>
            </tr>
            <tr class="pdwpwp-h22">
                <th>Unit</th><th>Rate</th><th>Total</th>
                <th>Work Done</th><th>To be Done</th>
                <th>Unit</th><th>Rate</th><th>Total</th>
                <th></th>
            </tr>
            <tbody id="pdwpwp-revision-body">
                @for ($r = 0; $r < $revisionCount; $r++)
                    <tr class="pdwpwp-h24 pdwpwp-revision-row" data-idx="{{ $r }}">
                        <td class="pdwpwp-center"><input class="pdwpwp-input pdwpwp-revision-itemno pdwpwp-center" name="data[revision_compare][{{ $r }}][item]" value="{{ $v("revision_compare.$r.item") }}" readonly></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][last_unit]" value="{{ $v("revision_compare.$r.last_unit") }}"></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][last_rate]" value="{{ $v("revision_compare.$r.last_rate") }}"></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][last_total]" value="{{ $v("revision_compare.$r.last_total") }}"></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][work_done]" value="{{ $v("revision_compare.$r.work_done") }}"></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][to_be_done]" value="{{ $v("revision_compare.$r.to_be_done") }}"></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][total_unit]" value="{{ $v("revision_compare.$r.total_unit") }}"></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][total_rate]" value="{{ $v("revision_compare.$r.total_rate") }}"></td>
                        <td><input class="pdwpwp-input" name="data[revision_compare][{{ $r }}][total_total]" value="{{ $v("revision_compare.$r.total_total") }}"></td>
                        <td></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="pdwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="revision-add" title="Add row" aria-label="Add row"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="revision-remove" title="Remove row" aria-label="Remove row" @if($revisionCount <= 3) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr class="pdwpwp-h30">
                <td class="pdwpwp-n">(ii)</td>
                <td class="pdwpwp-label">Comments of Technical Section on reasons for revision</td>
            </tr>
            <tr class="pdwpwp-h30">
                <td></td>
                <td><textarea class="pdwpwp-textarea" name="data[revision_reasons_comments]">{{ $v('revision_reasons_comments') }}</textarea></td>
            </tr>
        </table>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr class="pdwpwp-h24">
                <td class="pdwpwp-n">15.</td>
                <td class="pdwpwp-label">Overall Comments of Technical Section(s):</td>
            </tr>
        </table>

        <table id="wp-sponsor-response" class="pdwpwp-form wp-narrative-table" style="margin-top:-1px;">
            <colgroup>
                <col style="width:7%">
                <col style="width:38%">
                <col style="width:38%">
                <col style="width:17%">
            </colgroup>
            <tr class="pdwpwp-h24">
                <th>S. no.</th>
                <th>Comments of Technical Section</th>
                <th>Response of Sponsor</th>
                <th>Remarks</th>
            </tr>
            <tbody id="pdwpwp-overall-body">
                @for ($idx = 0; $idx < $overallCount; $idx++)
                    <tr class="pdwpwp-h24 pdwpwp-overall-row" data-idx="{{ $idx }}">
                        <td class="pdwpwp-center pdwpwp-overall-label"></td>
                        <td><textarea class="pdwpwp-textarea" name="data[overall_comments][{{ $idx }}][comment]">{{ $v("overall_comments.$idx.comment") }}</textarea></td>
                        <td><textarea class="pdwpwp-textarea" name="data[overall_comments][{{ $idx }}][response]">{{ $v("overall_comments.$idx.response") }}</textarea></td>
                        <td><textarea class="pdwpwp-textarea" name="data[overall_comments][{{ $idx }}][remarks]">{{ $v("overall_comments.$idx.remarks") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="pdwpwp-row-actions wp-observation-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="overall-add" title="Add row" aria-label="Add row"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="overall-remove" title="Remove row" aria-label="Remove row" @if($overallCount <= 3) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="pdwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr class="pdwpwp-h34">
                <td class="pdwpwp-n">16.</td>
                <td class="pdwpwp-label">Conclusion / Recommendations:</td>
            </tr>
            <tr class="pdwpwp-h34">
                <td></td>
                <td><textarea class="pdwpwp-textarea" name="data[conclusion_recommendations]">{{ $v('conclusion_recommendations') }}</textarea></td>
            </tr>
        </table>

        @include('working-papers.partials.comments-inline', ['variant' => 'pdwp'])
        @include('working-papers.partials.attachments', ['variant' => 'pdwp'])
    </section>
</div>

@push('scripts')
    <script>
        (function () {
            function roman(n) {
                const map = [
                    ['m', 1000], ['cm', 900], ['d', 500], ['cd', 400],
                    ['c', 100], ['xc', 90], ['l', 50], ['xl', 40],
                    ['x', 10], ['ix', 9], ['v', 5], ['iv', 4], ['i', 1]
                ];
                let out = '';
                let x = n;
                for (const [sym, val] of map) {
                    while (x >= val) { out += sym; x -= val; }
                }
                return out;
            }

            function autosize(el) {
                if (!el) return;
                el.style.height = 'auto';
                el.style.height = (el.scrollHeight + 2) + 'px';
            }

            function wireAutosize(root) {
                const areas = (root || document).querySelectorAll('.pdwpwp-textarea:not(.pdwpwp-noautosize)');
                areas.forEach(a => {
                    autosize(a);
                    a.addEventListener('input', () => autosize(a));
                });
            }

            function clamp(n, min, max) {
                return Math.max(min, Math.min(max, n));
            }

            function sizeRbmScrollCells(root) {
                const scope = root || document;
                const cells = scope.querySelectorAll('.pdwpwp-scrollcell');
                const viewportCap = Math.floor(window.innerHeight * 0.33);
                const maxCap = clamp(viewportCap, 140, 260);
                const minCap = 110;

                cells.forEach(cell => {
                    const ta = cell.querySelector('textarea.pdwpwp-noautosize');
                    if (!ta) return;

                    ta.style.height = 'auto';
                    ta.style.minHeight = '0';
                    const contentH = Math.max(ta.scrollHeight + 2, 1);
                    const cellH = clamp(contentH, minCap, maxCap);
                    const scrollable = contentH > cellH;

                    cell.style.height = cellH + 'px';
                    cell.style.maxHeight = maxCap + 'px';
                    cell.style.overflowY = scrollable ? 'auto' : 'hidden';
                    cell.classList.toggle('is-scrollable', scrollable);

                    ta.style.height = contentH + 'px';
                    ta.style.overflow = 'hidden';
                });
            }

            function rafThrottle(fn) {
                let queued = false;
                return function () {
                    if (queued) return;
                    queued = true;
                    requestAnimationFrame(() => {
                        queued = false;
                        fn();
                    });
                };
            }

            function wireRbmScrollWheel(root) {
                const scope = root || document;
                const textareas = scope.querySelectorAll('.pdwpwp-scrollcell textarea');
                textareas.forEach(ta => {
                    if (ta.dataset && ta.dataset.rbmWheelWired === '1') return;
                    if (ta.dataset) ta.dataset.rbmWheelWired = '1';

                    ta.addEventListener('wheel', function (e) {
                        const cell = ta.closest('.pdwpwp-scrollcell');
                        if (!cell) return;

                        // If the cell can scroll, consume wheel and scroll the cell instead of the page.
                        const canScroll = cell.scrollHeight > cell.clientHeight + 1;
                        if (!canScroll) return;

                        e.preventDefault();
                        cell.scrollTop += e.deltaY;
                    }, { passive: false });
                });
            }

            function parseNum(val) {
                const s = String(val ?? '').trim().replace(/,/g, '');
                if (s === '') return 0;
                const n = Number(s);
                return Number.isFinite(n) ? n : 0;
            }

            function fmtNum(n) {
                if (!Number.isFinite(n)) return '';
                if (window.wpWorkingPaperMoney && typeof window.wpWorkingPaperMoney.toDisplayRounded === 'function') {
                    return window.wpWorkingPaperMoney.toDisplayRounded(n, 2);
                }
                const rounded = Math.round((n + Number.EPSILON) * 100) / 100;
                return String(rounded);
            }

            function sanitizeNumericInput(el) {
                // allow digits, commas, and at most one dot
                let s = String(el.value ?? '');
                s = s.replace(/,/g, '').replace(/[^\d.]/g, '');
                const firstDot = s.indexOf('.');
                if (firstDot !== -1) {
                    s = s.slice(0, firstDot + 1) + s.slice(firstDot + 1).replace(/\./g, '');
                }
                el.value = s;
            }

            function recalcCapitalCost() {
                const a1 = document.querySelector('input[name="data[capital_cost][a_i_amount]"]');
                const a2 = document.querySelector('input[name="data[capital_cost][a_ii_amount]"]');
                const b1 = document.querySelector('input[name="data[capital_cost][b_i_amount]"]');
                const b2 = document.querySelector('input[name="data[capital_cost][b_ii_amount]"]');
                const subCap = document.querySelector('input[name="data[capital_cost][sub_total_capital]"]');
                const subRev = document.querySelector('input[name="data[capital_cost][sub_total_revenue]"]');
                const total = document.querySelector('input[name="data[capital_cost][total]"]');
                if (!a1 || !a2 || !b1 || !b2 || !subCap || !subRev || !total) return;

                const subC = parseNum(a1.value) + parseNum(a2.value);
                const subR = parseNum(b1.value) + parseNum(b2.value);
                subCap.value = fmtNum(subC);
                subRev.value = fmtNum(subR);
                total.value = fmtNum(subC + subR);
            }

            function recalcCostOfProjectRow(row) {
                if (!row) return;
                const gop = row.querySelector('input[name*="[gop]"]');
                const gos = row.querySelector('input[name*="[gos]"]');
                const fpa = row.querySelector('input[name*="[fpa]"]');
                const total = row.querySelector('input[name*="[total]"]');
                if (!gop || !gos || !fpa || !total) return;
                total.value = fmtNum(parseNum(gop.value) + parseNum(gos.value) + parseNum(fpa.value));
            }

            function recalcCostOfProject() {
                document.querySelectorAll('tr.pdwpwp-cost-row').forEach(recalcCostOfProjectRow);
            }

            function costRevisionLabelPlain(key) {
                if (key === 'original') return 'Original';
                if (key === 'revised') return 'Revised';
                if (key === 'revised2') return '2nd Revised';
                var m = /^revised(\d+)$/.exec(String(key || ''));
                if (m) {
                    var n = parseInt(m[1], 10);
                    var suffix = 'th';
                    if (n % 100 < 11 || n % 100 > 13) {
                        suffix = (n % 10 === 1) ? 'st' : (n % 10 === 2) ? 'nd' : (n % 10 === 3) ? 'rd' : 'th';
                    }
                    return n + suffix + ' Revised';
                }
                return String(key || '');
            }

            function costRevisionLabel(key) {
                if (key === 'original') return 'Original';
                if (key === 'revised') return 'Revised';
                if (key === 'revised2') return '2<sup>nd</sup> Revised';
                var m = /^revised(\d+)$/.exec(String(key || ''));
                if (m) {
                    var n = parseInt(m[1], 10);
                    var suffix = 'th';
                    if (n % 100 < 11 || n % 100 > 13) {
                        suffix = (n % 10 === 1) ? 'st' : (n % 10 === 2) ? 'nd' : (n % 10 === 3) ? 'rd' : 'th';
                    }
                    return n + '<sup>' + suffix + '</sup> Revised';
                }
                return String(key || '');
            }

            function nextCostRevisionKey() {
                var keys = Array.from(document.querySelectorAll('tr.pdwpwp-cost-row')).map(function (tr) {
                    return tr.getAttribute('data-cost-key') || '';
                });
                if (keys.indexOf('revised') === -1) return 'revised';
                var n = 2;
                while (keys.indexOf('revised' + n) !== -1) n++;
                return 'revised' + n;
            }

            function renumberCostRows() {
                document.querySelectorAll('tr.pdwpwp-cost-row').forEach(function (tr) {
                    var key = tr.getAttribute('data-cost-key') || 'original';
                    tr.querySelectorAll('input, textarea').forEach(function (el) {
                        var name = el.getAttribute('name');
                        if (!name) return;
                        el.setAttribute('name', name.replace(/data\[cost\]\[[^\]]+\]/, 'data[cost][' + key + ']'));
                    });
                });
            }

            function updateCostRowspan() {
                // Cost section labels no longer use rowspan so print can split rows.
            }

            function updateCostRemoveState() {
                var rows = Array.from(document.querySelectorAll('tr.pdwpwp-cost-row'));
                var btn = document.querySelector('button[data-action="cost-remove"]');
                if (!btn) return;
                var removable = rows.filter(function (tr) {
                    return (tr.getAttribute('data-cost-key') || '') !== 'original';
                });
                btn.disabled = removable.length <= 0;
            }

            function cloneCostRow() {
                var rows = Array.from(document.querySelectorAll('tr.pdwpwp-cost-row'));
                var src = rows[rows.length - 1];
                if (!src) return null;
                var newKey = nextCostRevisionKey();
                var clone = src.cloneNode(true);
                clone.setAttribute('data-cost-key', newKey);
                clone.querySelectorAll('.wp-richtext-surface, .wp-print-text-surface').forEach(function (el) { el.remove(); });
                clone.querySelectorAll('input, textarea').forEach(function (el) {
                    var name = el.getAttribute('name');
                    if (name) {
                        el.setAttribute('name', name.replace(/data\[cost\]\[[^\]]+\]/, 'data[cost][' + newKey + ']'));
                    }
                    el.classList.remove('wp-richtext-source');
                    if (el.dataset) delete el.dataset.wpRichtext;
                    if (el.classList.contains('pdwpwp-cost-source-input')) {
                        el.value = costRevisionLabelPlain(newKey);
                        el.style.height = 'auto';
                        return;
                    }
                    el.value = '';
                });
                var actionsRow = document.querySelector('tr.pdwpwp-cost-actions-row');
                if (actionsRow && actionsRow.parentNode) {
                    actionsRow.parentNode.insertBefore(clone, actionsRow);
                } else if (src.parentNode) {
                    src.parentNode.appendChild(clone);
                }
                return clone;
            }

            function removeCostRow() {
                var rows = Array.from(document.querySelectorAll('tr.pdwpwp-cost-row'));
                if (rows.length <= 1) return;
                var last = rows[rows.length - 1];
                if ((last.getAttribute('data-cost-key') || '') === 'original') return;
                last.remove();
            }

            function refreshCostSection() {
                renumberCostRows();
                updateCostRowspan();
                updateCostRemoveState();
                recalcCostOfProject();
            }

            function renumberRbm() {
                const body = document.getElementById('pdwpwp-rbm-body');
                if (!body) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-rbm-row'));
                rows.forEach((tr, i) => {
                    tr.dataset.idx = String(i);
                    const label = tr.querySelector('.pdwpwp-rbm-label');
                    if (label) label.textContent = '(' + roman(i + 1) + ')';
                    tr.querySelectorAll('input, textarea, select').forEach(el => {
                        const name = el.getAttribute('name');
                        if (!name) return;
                        el.setAttribute('name', name.replace(/data\[rbm\]\[\d+\]/, 'data[rbm][' + i + ']'));
                    });
                });
            }

            function renumberOverall() {
                const body = document.getElementById('pdwpwp-overall-body');
                if (!body) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-overall-row'));
                rows.forEach((tr, i) => {
                    tr.dataset.idx = String(i);
                    const label = tr.querySelector('.pdwpwp-overall-label');
                    if (label) label.textContent = roman(i + 1) + '.';
                    tr.querySelectorAll('input, textarea, select').forEach(el => {
                        const name = el.getAttribute('name');
                        if (!name) return;
                        el.setAttribute('name', name.replace(/data\[overall_comments\]\[\d+\]/, 'data[overall_comments][' + i + ']'));
                    });
                });
            }

            function renumberRevision() {
                const body = document.getElementById('pdwpwp-revision-body');
                if (!body) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-revision-row'));
                rows.forEach((tr, i) => {
                    tr.dataset.idx = String(i);
                    const itemNo = tr.querySelector('input.pdwpwp-revision-itemno');
                    if (itemNo) itemNo.value = '(' + roman(i + 1) + ')';
                    tr.querySelectorAll('input, textarea, select').forEach(el => {
                        const name = el.getAttribute('name');
                        if (!name) return;
                        el.setAttribute('name', name.replace(/data\[revision_compare\]\[\d+\]/, 'data[revision_compare][' + i + ']'));
                    });
                });
            }

            function renumberDecisions() {
                const body = document.getElementById('pdwpwp-decisions-body');
                if (!body) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-decisions-row'));
                rows.forEach((tr, i) => {
                    tr.dataset.idx = String(i);
                    const sno = tr.querySelector('.pdwpwp-decisions-sno');
                    if (sno) sno.textContent = String(i + 1);
                    tr.querySelectorAll('textarea, input, select').forEach(el => {
                        const name = el.getAttribute('name');
                        if (!name) return;
                        el.setAttribute('name', name.replace(/data\[decisions\]\[\d+\]/, 'data[decisions][' + i + ']'));
                    });
                });
            }

            function updateDecisionsRemoveState() {
                const body = document.getElementById('pdwpwp-decisions-body');
                const btn = document.querySelector('button[data-action="decisions-remove"]');
                if (!body || !btn) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-decisions-row'));
                btn.disabled = rows.length <= 1;
            }

            function renumberIndicators() {
                const body = document.getElementById('pdwpwp-indicators-body');
                if (!body) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-indicators-row'));
                rows.forEach((tr, i) => {
                    tr.dataset.idx = String(i);
                    tr.querySelectorAll('input').forEach(el => {
                        const name = el.getAttribute('name');
                        if (!name) return;
                        el.setAttribute('name', name.replace(/data\[indicators_rows\]\[\d+\]/, 'data[indicators_rows][' + i + ']'));
                    });
                });
            }

            function updateIndicatorsRemoveState() {
                const body = document.getElementById('pdwpwp-indicators-body');
                const btn = document.querySelector('button[data-action="indicators-remove"]');
                if (!body || !btn) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-indicators-row'));
                btn.disabled = rows.length <= 1;
            }

            function updateRbmRemoveState() {
                const body = document.getElementById('pdwpwp-rbm-body');
                const btn = document.querySelector('button[data-action="rbm-remove"]');
                if (!body || !btn) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-rbm-row'));
                btn.disabled = rows.length <= 1;
            }

            function refreshRbmRows(root) {
                renumberRbm();
                updateRbmRemoveState();
                sizeRbmScrollCells(root || document.getElementById('pdwpwp-rbm-body') || document);
                wireRbmScrollWheel(root || document.getElementById('pdwpwp-rbm-body') || document);
            }

            function updateRevisionRemoveState() {
                const body = document.getElementById('pdwpwp-revision-body');
                const btn = document.querySelector('button[data-action="revision-remove"]');
                if (!body || !btn) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-revision-row'));
                btn.disabled = rows.length <= 3;
            }

            function updateOverallRemoveState() {
                const body = document.getElementById('pdwpwp-overall-body');
                const btn = document.querySelector('button[data-action="overall-remove"]');
                if (!body || !btn) return;
                const rows = Array.from(body.querySelectorAll('tr.pdwpwp-overall-row'));
                btn.disabled = rows.length <= 3;
            }

            function cloneRow(rowClass, bodyId) {
                const body = document.getElementById(bodyId);
                if (!body) return;
                const rows = Array.from(body.querySelectorAll('tr.' + rowClass));
                const src = rows[rows.length - 1];
                if (!src) return;
                const clone = src.cloneNode(true);
                clone.querySelectorAll('input, textarea').forEach(el => {
                    el.value = '';
                    if (el.tagName.toLowerCase() === 'textarea') {
                        el.textContent = '';
                        autosize(el);
                    }
                });
                clone.querySelectorAll('.pdwpwp-printcell').forEach(el => {
                    el.textContent = '';
                });
                body.appendChild(clone);
            }

            function removeRow(rowClass, bodyId, minRows) {
                const body = document.getElementById(bodyId);
                if (!body) return;
                const rows = Array.from(body.querySelectorAll('tr.' + rowClass));
                if (rows.length <= minRows) return;
                rows[rows.length - 1].remove();
            }

            document.addEventListener('click', function (e) {
                const btn = e.target && e.target.closest ? e.target.closest('button[data-action]') : null;
                if (!btn) return;
                const action = btn.getAttribute('data-action');
                if (!action) return;

                if (action === 'decisions-add') { cloneRow('pdwpwp-decisions-row', 'pdwpwp-decisions-body'); renumberDecisions(); updateDecisionsRemoveState(); wireAutosize(document.getElementById('pdwpwp-decisions-body')); }
                if (action === 'decisions-remove') { removeRow('pdwpwp-decisions-row', 'pdwpwp-decisions-body', 1); renumberDecisions(); updateDecisionsRemoveState(); }
                if (action === 'indicators-add') { cloneRow('pdwpwp-indicators-row', 'pdwpwp-indicators-body'); renumberIndicators(); updateIndicatorsRemoveState(); }
                if (action === 'indicators-remove') { removeRow('pdwpwp-indicators-row', 'pdwpwp-indicators-body', 1); renumberIndicators(); updateIndicatorsRemoveState(); }
                if (action === 'rbm-add') { cloneRow('pdwpwp-rbm-row', 'pdwpwp-rbm-body'); refreshRbmRows(document.getElementById('pdwpwp-rbm-body')); }
                if (action === 'rbm-remove') { removeRow('pdwpwp-rbm-row', 'pdwpwp-rbm-body', 1); refreshRbmRows(document.getElementById('pdwpwp-rbm-body')); }
                if (action === 'cost-add') { var added = cloneCostRow(); refreshCostSection(); if (added) wireAutosize(added); }
                if (action === 'cost-remove') { removeCostRow(); refreshCostSection(); }
                if (action === 'overall-add') { cloneRow('pdwpwp-overall-row', 'pdwpwp-overall-body'); renumberOverall(); updateOverallRemoveState(); wireAutosize(document.getElementById('pdwpwp-overall-body')); }
                if (action === 'overall-remove') { removeRow('pdwpwp-overall-row', 'pdwpwp-overall-body', 3); renumberOverall(); updateOverallRemoveState(); }
                if (action === 'revision-add') { cloneRow('pdwpwp-revision-row', 'pdwpwp-revision-body'); renumberRevision(); updateRevisionRemoveState(); wireAutosize(document.getElementById('pdwpwp-revision-body')); }
                if (action === 'revision-remove') { removeRow('pdwpwp-revision-row', 'pdwpwp-revision-body', 3); renumberRevision(); updateRevisionRemoveState(); }
            });

            renumberRbm();
            updateRbmRemoveState();
            renumberDecisions();
            updateDecisionsRemoveState();
            renumberIndicators();
            updateIndicatorsRemoveState();
            renumberOverall();
            renumberRevision();
            updateRevisionRemoveState();
            updateOverallRemoveState();
            sizeRbmScrollCells(document);
            wireRbmScrollWheel(document);
            wireAutosize(document);
            if (window.wpWorkingPaperMoney && typeof window.wpWorkingPaperMoney.normalizeAll === 'function') {
                window.wpWorkingPaperMoney.normalizeAll(document.getElementById('wp-form'));
            }
            recalcCostOfProject();
            updateCostRemoveState();
            recalcCapitalCost();

            const resizeRbm = rafThrottle(function () { sizeRbmScrollCells(document); });
            window.addEventListener('resize', resizeRbm);
            window.addEventListener('scroll', resizeRbm, { passive: true });
            document.addEventListener('input', function (e) {
                const t = e.target;
                if (t && t.closest && t.closest('.pdwpwp-scrollcell')) {
                    resizeRbm();
                }
                if (t && t.matches && t.matches('input.pdwpwp-num')) {
                    sanitizeNumericInput(t);
                    if (t.name && t.name.indexOf('data[cost]') === 0 && t.name.indexOf('[total]') === -1) {
                        recalcCostOfProjectRow(t.closest('tr.pdwpwp-cost-row'));
                    }
                    recalcCapitalCost();
                }
            });
        })();
    </script>
@endpush