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

    $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;
    };

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

    $pcLinkedKeys = is_array($pcLinkedKeys ?? null) ? $pcLinkedKeys : [];
    $ro = function (string $key) use ($pcLinkedKeys): string {
        return in_array($key, $pcLinkedKeys, true) ? 'readonly' : '';
    };

    $rbmRows = data_get($data ?? [], 'rbm', []);
    $rbmCount = max(1, is_array($rbmRows) ? count($rbmRows) : 0);

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

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

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

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

        table.ddwpwp-form {
            width: 100%;
            table-layout: fixed;
            border-collapse: collapse;
        }
        table.ddwpwp-form td,
        table.ddwpwp-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.ddwpwp-form th { font-weight: 700; text-align: center; }
        table.ddwpwp-form.wp-narrative-table,
        table#wp-sponsor-response {
            table-layout: fixed;
        }
        table.ddwpwp-form.wp-narrative-table td,
        table#wp-sponsor-response td {
            vertical-align: top;
        }

        .ddwpwp-n { width: 6%; text-align: center; font-weight: 700; }
        .ddwpwp-label { font-weight: 700; }
        .ddwpwp-small { font-size: 11px; }
        .ddwpwp-tiny { font-size: 11px; }

        .ddwpwp-input,
        .ddwpwp-textarea {
            width: 100%;
            border: 0;
            outline: none;
            background: transparent;
            font: inherit;
            color: inherit;
            padding: 0;
            margin: 0;
            min-width: 0;
        }
        .ddwpwp-num {
            /* text-align: right; */
        }
        .ddwpwp-textarea {
            resize: none;
            overflow: hidden;
            min-height: 20px;
            line-height: 1.12;
            white-space: pre-wrap;
            overflow-wrap: break-word;
            word-break: break-word;
        }
        .ddwpwp-textarea-inline { min-height: 18px; display: inline-block; }

        .ddwpwp-scrollcell {
            min-height: 110px;
            max-height: 110px;
            overflow-x: hidden;
            overflow-y: hidden;
            overscroll-behavior: contain;
            scroll-behavior: smooth;
            display: block;
        }
        .ddwpwp-scrollcell.is-scrollable { overflow-y: auto; }
        .ddwpwp-printcell { display: none; }

        .ddwpwp-rbm-row td {
            vertical-align: top;
            overflow: visible !important; /* override td overflow hidden so scrollbars/content aren't clipped */
        }
        .ddwpwp-scrollcell .ddwpwp-textarea.ddwpwp-noautosize {
            min-height: 0;
            overflow: hidden;
            resize: none;
        }

        /* Section 5: make Original/Revised mini-table borders consistent */
        table.ddwpwp-costmini {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }
        table.ddwpwp-costmini td {
            border: 0;
            padding: 2px 4px; /* match outer cells */
            vertical-align: middle;
            line-height: 1.12;
        }
        table.ddwpwp-costmini tr + tr td {
            border-top: 1px solid var(--border); /* divider between Original/Revised */
        }
        table.ddwpwp-costmini td + td {
            border-left: 1px solid var(--border); /* divider between label/value */
        }

        .ddwpwp-row-actions {
            display: flex;
            justify-content: flex-end;
            gap: 6px;
            margin: 6px 0 10px;
        }

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

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

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

        <table class="ddwpwp-form">
            <colgroup>
                <col style="width:6%">
                <col style="width:34%">
                <col style="width:60%">
            </colgroup>
            <tr>
                <th colspan="3" style="background:#dbe6f7;">PART-A<br>(Project Profile)</th>
            </tr>
            <tr>
                <td class="ddwpwp-n">1.</td>
                <td class="ddwpwp-label">Project Title:</td>
                <td><textarea class="ddwpwp-textarea ddwpwp-textarea-inline" name="data[project_title]" {{ $ro('project_title') }}>{{ $v('project_title') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">2.</td>
                <td class="ddwpwp-label">Location:</td>
                <td><textarea class="ddwpwp-textarea ddwpwp-textarea-inline" name="data[location]" {{ $ro('location') }}>{{ $v('location') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">3.</td>
                <td class="ddwpwp-label">Authorities Responsible for;</td>
                <td></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">(i)</td>
                <td class="ddwpwp-label">Sponsoring Agency</td>
                <td><textarea class="ddwpwp-textarea ddwpwp-textarea-inline" name="data[sponsoring_agency]" {{ $ro('sponsoring_agency') }}>{{ $v('sponsoring_agency') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">(ii)</td>
                <td class="ddwpwp-label">Executing Agency</td>
                <td><textarea class="ddwpwp-textarea ddwpwp-textarea-inline" name="data[executing_agency]" {{ $ro('executing_agency') }}>{{ $v('executing_agency') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">(iii)</td>
                <td class="ddwpwp-label">Operation &amp; Maintenance</td>
                <td><textarea class="ddwpwp-textarea ddwpwp-textarea-inline" name="data[operation_maintenance]" {{ $ro('operation_maintenance') }}>{{ $v('operation_maintenance') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">4.</td>
                <td class="ddwpwp-label">Date of Forwarding of PC-1 to P&amp;D:</td>
                <td><input class="ddwpwp-input" name="data[date_forwarding_pc1_pd]" value="{{ $v('date_forwarding_pc1_pd') }}"></td>
            </tr>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:34%">
                <col style="width:60%">
            </colgroup>
            <tr>
                <td class="ddwpwp-n" rowspan="2">5.</td>
                <td class="ddwpwp-label" rowspan="2">Cost of Project:<br><span class="ddwpwp-small">(Rs. in Million)</span></td>
                <td style="padding:0;">
                    <table class="ddwpwp-costmini">
                        <colgroup>
                            <col style="width:32%">
                            <col style="width:68%">
                        </colgroup>
                        <tr>
                            <td class="ddwpwp-label">Original</td>
                            <td>
                                <input class="ddwpwp-input ddwpwp-num" name="data[cost][original][total]" value="{{ $m('cost.original.total') }}" readonly>
                            </td>
                        </tr>
                        <tr>
                            <td class="ddwpwp-label">Revised</td>
                            <td>
                                <input class="ddwpwp-input ddwpwp-num" name="data[cost][revised][total]" value="{{ $m('cost.revised.total') }}" readonly>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr style="display:none;"><td></td></tr>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:34%">
                <col style="width:60%">
            </colgroup>
            <tr>
                <td class="ddwpwp-n">7.</td>
                <td class="ddwpwp-label">Expenditure Incurred (if any)</td>
                <td>
                    <input
                        class="ddwpwp-input ddwpwp-num ddwpwp-money"
                        inputmode="decimal"
                        autocomplete="off"
                        name="data[expenditure][total]"
                        value="{{ $m('expenditure.total') }}"
                    >
                    {{-- keep legacy keys if present (read-only) --}}
                    <input type="hidden" name="data[expenditure][gop]" value="{{ $m('expenditure.gop') }}">
                    <input type="hidden" name="data[expenditure][gos]" value="{{ $m('expenditure.gos') }}">
                    <input type="hidden" name="data[expenditure][fpa]" value="{{ $m('expenditure.fpa') }}">
                    <input type="hidden" name="data[expenditure][fec]" value="{{ $m('expenditure.fec') }}">
                </td>
            </tr>
            <tr>
                <td class="ddwpwp-n">8.</td>
                <td class="ddwpwp-label">Period of Implementation:</td>
                <td><input class="ddwpwp-input" name="data[period_implementation]" value="{{ $v('period_implementation') }}"></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">9.</td>
                <td class="ddwpwp-label">Plan Provision:</td>
                <td><textarea class="ddwpwp-textarea" name="data[plan_provision]" style="min-height: 28px;">{{ $v('plan_provision') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">a)</td>
                <td class="ddwpwp-label">As per PC-1 format:</td>
                <td><textarea class="ddwpwp-textarea" name="data[plan_provision_pc1]">{{ $v('plan_provision_pc1') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">b)</td>
                <td class="ddwpwp-label">Provision in current year’s ADP:</td>
                <td><textarea class="ddwpwp-textarea" name="data[plan_provision_current_adp]">{{ $v('plan_provision_current_adp') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">c)</td>
                <td class="ddwpwp-label">Relationship of the project with sector strategy:</td>
                <td><textarea class="ddwpwp-textarea" name="data[plan_provision_sector_strategy]">{{ $v('plan_provision_sector_strategy') }}</textarea></td>
            </tr>
            <tr>
                <td class="ddwpwp-n">10.</td>
                <td class="ddwpwp-label">Project’s Objectives and Brief Description:</td>
                <td>
                    @include('working-papers.partials.objectives-brief-field', [
                        'v' => $v,
                        'textareaClass' => 'ddwpwp-textarea',
                        'fieldIdPrefix' => 'ddwpwp-objectives-brief',
                        'canEditWorkingPaperBody' => $canEditWorkingPaperBody ?? true,
                    ])
                </td>
            </tr>
            <tr>
                <td class="ddwpwp-n">11.</td>
                <td class="ddwpwp-label">Implementation Arrangement:</td>
                <td><textarea class="ddwpwp-textarea" name="data[implementation_arrangement]">{{ $v('implementation_arrangement') }}</textarea></td>
            </tr>
        </table>

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

        <table class="ddwpwp-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>
                <th rowspan="2"></th>
                <th rowspan="2" class="ddwpwp-tiny">Input/<br>Activity</th>
                <th rowspan="2">Output</th>
                <th colspan="2">Outcome</th>
                <th rowspan="2" class="ddwpwp-tiny">Targeted<br>Impact</th>
            </tr>
            <tr>
                <th class="ddwpwp-tiny">Baseline Indicator</th>
                <th class="ddwpwp-tiny">Target after completion</th>
            </tr>
            <tbody id="ddwpwp-rbm-body">
                @for ($idx = 0; $idx < $rbmCount; $idx++)
                    <tr class="ddwpwp-rbm-row" data-idx="{{ $idx }}">
                        <td class="ddwpwp-n ddwpwp-center"></td>
                        <td>
                            <div class="ddwpwp-scrollcell">
                                <div class="ddwpwp-printcell">{{ $v("rbm.$idx.input") }}</div>
                                <textarea class="ddwpwp-textarea ddwpwp-noautosize" name="data[rbm][{{ $idx }}][input]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.input") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="ddwpwp-scrollcell">
                                <div class="ddwpwp-printcell">{{ $v("rbm.$idx.output") }}</div>
                                <textarea class="ddwpwp-textarea ddwpwp-noautosize" name="data[rbm][{{ $idx }}][output]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.output") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="ddwpwp-scrollcell">
                                <div class="ddwpwp-printcell">{{ $v("rbm.$idx.baseline") }}</div>
                                <textarea class="ddwpwp-textarea ddwpwp-noautosize" name="data[rbm][{{ $idx }}][baseline]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.baseline") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="ddwpwp-scrollcell">
                                <div class="ddwpwp-printcell">{{ $v("rbm.$idx.target") }}</div>
                                <textarea class="ddwpwp-textarea ddwpwp-noautosize" name="data[rbm][{{ $idx }}][target]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.target") }}</textarea>
                            </div>
                        </td>
                        <td>
                            <div class="ddwpwp-scrollcell">
                                <div class="ddwpwp-printcell">{{ $v("rbm.$idx.impact") }}</div>
                                <textarea class="ddwpwp-textarea ddwpwp-noautosize" name="data[rbm][{{ $idx }}][impact]" {{ $ro('rbm') }}>{{ $v("rbm.$idx.impact") }}</textarea>
                            </div>
                        </td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr>
                <td class="ddwpwp-n">13.</td>
                <td class="ddwpwp-label">Outcome of Stakeholders Consultation:</td>
            </tr>
            <tr>
                <td></td>
                <td><textarea class="ddwpwp-textarea" name="data[outcome_stakeholders_consultation]" style="min-height: 40px;">{{ $v('outcome_stakeholders_consultation') }}</textarea></td>
            </tr>
        </table>

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

        {{-- 15 to 23 as per DDWP screenshot --}}
        @php
            $phys = is_array($v('schedule.physical', [])) ? $v('schedule.physical', []) : [];
            $fin = is_array($v('schedule.financial', [])) ? $v('schedule.financial', []) : [];
            $physCount = max(1, count($phys));
            $finCount = max(1, count($fin));
        @endphp

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:30%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:14%">
            </colgroup>
            <tr>
                <td class="ddwpwp-n">15.</td>
                <td class="ddwpwp-label" colspan="7">Physical and Financial Scheduling:</td>
            </tr>
            <tr>
                <td class="ddwpwp-label ddwpwp-center">A.</td>
                <td class="ddwpwp-label">Physical Scheduling</td>
                <th>Unit</th>
                <th>Year-1</th>
                <th>Year-2</th>
                <th>Year-3</th>
                <th>Year-4</th>
                <th>Total</th>
            </tr>
            <tbody id="ddwpwp-phys-body">
                @for($i=0; $i<$physCount; $i++)
                    <tr class="ddwpwp-phys-row">
                        <td class="ddwpwp-n ddwpwp-center"><span class="ddwpwp-roman"></span></td>
                        <td><input class="ddwpwp-input" name="data[schedule][physical][{{ $i }}][item]" value="{{ $v("schedule.physical.$i.item") }}"></td>
                        <td><input class="ddwpwp-input" name="data[schedule][physical][{{ $i }}][unit]" value="{{ $v("schedule.physical.$i.unit") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y1]" value="{{ $v("schedule.physical.$i.y1") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y2]" value="{{ $v("schedule.physical.$i.y2") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y3]" value="{{ $v("schedule.physical.$i.y3") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y4]" value="{{ $v("schedule.physical.$i.y4") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num" name="data[schedule][physical][{{ $i }}][total]" value="{{ $v("schedule.physical.$i.total") }}" readonly></td>
                    </tr>
                @endfor
            </tbody>
            <tr class="no-print">
                <td colspan="8" style="border-left:0; border-right:0; border-bottom:0; border-top:0; padding:0;">
                    <div class="ddwpwp-row-actions" style="margin: 6px 0 8px;">
                        <button type="button" class="btn btn-sm btn-primary" data-action="phys-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="phys-remove" title="Remove row" aria-label="Remove row" @if($physCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
                    </div>
                </td>
            </tr>
            <!-- <tr>
                <td></td>
                <td></td>
                <td class="ddwpwp-label ddwpwp-center">Total</td>
                <td colspan="5"><input class="ddwpwp-input ddwpwp-num" name="data[schedule][physical_total]" value="{{ $v('schedule.physical_total') }}" readonly></td>
            </tr> -->
            <tr>
                <td class="ddwpwp-label ddwpwp-center">B.</td>
                <td class="ddwpwp-label" colspan="2">
                    Financial Scheduling<br>
                    <span class="ddwpwp-small">(Cost Items, <span style="text-decoration: underline;">Rs.</span> in Million)</span>
                </td>
                <th>Year-1</th>
                <th>Year-2</th>
                <th>Year-3</th>
                <th>Year-4</th>
                <th>Total</th>
            </tr>
            <tbody id="ddwpwp-fin-body">
                @for($i=0; $i<$finCount; $i++)
                    <tr class="ddwpwp-fin-row">
                        <td class="ddwpwp-n ddwpwp-center"><span class="ddwpwp-roman"></span></td>
                        <td colspan="2"><input class="ddwpwp-input" name="data[schedule][financial][{{ $i }}][item]" value="{{ $v("schedule.financial.$i.item") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y1]" value="{{ $v("schedule.financial.$i.y1") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y2]" value="{{ $v("schedule.financial.$i.y2") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y3]" value="{{ $v("schedule.financial.$i.y3") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y4]" value="{{ $v("schedule.financial.$i.y4") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num ddwpwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][total]" value="{{ $v("schedule.financial.$i.total") }}"></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <input type="hidden" name="data[schedule][financial_total]" value="{{ $v('schedule.financial_total') }}">

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <col style="width:30%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:14%">
            </colgroup>
            <tr>
                <td></td>
                <td></td>
                <td class="ddwpwp-label ddwpwp-center">Total</td>
                <td colspan="5"><input class="ddwpwp-input ddwpwp-num" name="data[schedule][combined_total]" value="{{ $v('schedule.combined_total') }}" readonly></td>
            </tr>
        </table>

        <div class="ddwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="fin-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="fin-remove" title="Remove row" aria-label="Remove row" @if($finCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr>
                <td class="ddwpwp-n">16.</td>
                <td class="ddwpwp-label">In Case of Revised Project;</td>
            </tr>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:10%">
                <col style="width:12%">
                <col style="width:12%">
                <col style="width:10%">
                <col style="width:13%">
                <col style="width:13%">
            </colgroup>
            <tr>
                <td class="ddwpwp-n">(i)</td>
                <td colspan="8" class="ddwpwp-label">Comparison of cost estimates of the last sanctioned and revised project</td>
            </tr>
            <tr>
                <th>Item No:</th>
                <th colspan="3">Last Sanction</th>
                <th colspan="3">Revised Proposal</th>
                <th colspan="2">Total</th>
            </tr>
            <tr>
                <th></th>
                <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>
            </tr>
            <tbody id="ddwpwp-rev-body">
                @php $rev = is_array($v('revised.compare', [])) ? $v('revised.compare', []) : []; $revCount = max(1, count($rev)); @endphp
                @for($i=0; $i<$revCount; $i++)
                    <tr class="ddwpwp-rev-row">
                        <td class="ddwpwp-center">
                            <span class="ddwpwp-rev-label">{{ $i + 1 }}</span>
                        </td>
                        <td><input class="ddwpwp-input" name="data[revised][compare][{{ $i }}][last_unit]" value="{{ $v("revised.compare.$i.last_unit") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num" name="data[revised][compare][{{ $i }}][last_rate]" value="{{ $v("revised.compare.$i.last_rate") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num" name="data[revised][compare][{{ $i }}][last_total]" value="{{ $v("revised.compare.$i.last_total") }}"></td>
                        <td><input class="ddwpwp-input" name="data[revised][compare][{{ $i }}][work_done]" value="{{ $v("revised.compare.$i.work_done") }}"></td>
                        <td><input class="ddwpwp-input" name="data[revised][compare][{{ $i }}][to_be_done]" value="{{ $v("revised.compare.$i.to_be_done") }}"></td>
                        <td><input class="ddwpwp-input" name="data[revised][compare][{{ $i }}][rev_unit]" value="{{ $v("revised.compare.$i.rev_unit") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num" name="data[revised][compare][{{ $i }}][total_rate]" value="{{ $v("revised.compare.$i.total_rate") }}"></td>
                        <td><input class="ddwpwp-input ddwpwp-num" name="data[revised][compare][{{ $i }}][total_total]" value="{{ $v("revised.compare.$i.total_total") }}"></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="ddwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="rev-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="rev-remove" title="Remove row" aria-label="Remove row" @if($revCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><td class="ddwpwp-n">(ii)</td><td class="ddwpwp-label">Reasons for Revision for each Activity:</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[revised][reasons]" style="min-height: 36px;">{{ $v('revised.reasons') }}</textarea></td></tr>
            <tr><td class="ddwpwp-n">(iii)</td><td class="ddwpwp-label">Total expenditure incurred for each item;</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[revised][expenditure_incurred]" style="min-height: 36px;">{{ $v('revised.expenditure_incurred') }}</textarea></td></tr>
            <tr><td class="ddwpwp-n">(iv)</td><td class="ddwpwp-label">Physical Progress Achieved;</td></tr>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:47%"><col style="width:47%"></colgroup>
            <tr>
                <td class="ddwpwp-label ddwpwp-center"></td>
                <td class="ddwpwp-label ddwpwp-center">Actual achievement</td>
                <td class="ddwpwp-label ddwpwp-center">Reasons for delay</td>
            </tr>
            <tr>
                <td class="ddwpwp-label">As per original sanction</td>
                <td><textarea class="ddwpwp-textarea" name="data[revised][physical_progress][achievement]" style="min-height: 36px;">{{ $v('revised.physical_progress.achievement') }}</textarea></td>
                <td><textarea class="ddwpwp-textarea" name="data[revised][physical_progress][delay_reasons]" style="min-height: 36px;">{{ $v('revised.physical_progress.delay_reasons') }}</textarea></td>
            </tr>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><td class="ddwpwp-n">(v)</td><td class="ddwpwp-label">Comments of Technical Section reasons for revision</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[revised][technical_comments]" style="min-height: 36px;">{{ $v('revised.technical_comments') }}</textarea></td></tr>
            <tr><td class="ddwpwp-n">17.</td><td class="ddwpwp-label">Overall Unit Cost with Basis of Cost Estimates:</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[overall_unit_cost]" style="min-height: 36px;">{{ $v('overall_unit_cost') }}</textarea></td></tr>
            <tr>
                <td class="ddwpwp-n">18.</td>
                <td class="ddwpwp-label">Sustainability of the Project:</td>
            </tr>
            <tr><td></td><td class="ddwpwp-label">a.&nbsp;Annual recurring expenditure after completion (source of financing)</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[sustainability][annual_recurring]" style="min-height: 32px;">{{ $v('sustainability.annual_recurring') }}</textarea></td></tr>
            <tr><td></td><td class="ddwpwp-label">b.&nbsp;Income Generation (if any):</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[sustainability][income_generation]" style="min-height: 32px;">{{ $v('sustainability.income_generation') }}</textarea></td></tr>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:7%">
                <col style="width:25%">
                <col style="width:22%">
                <col style="width:22%">
                <col style="width:24%">
            </colgroup>
            <tr>
                <td class="ddwpwp-label" colspan="5">19.&nbsp;&nbsp;Requirement of Vehicles:</td>
            </tr>
            <tr>
                <th>Sr. No</th>
                <th>Make and Model of vehicles</th>
                <th>Existing owned by the Executing Agency</th>
                <th>Requirement under the project</th>
                <th>Justifications for additional requirement</th>
            </tr>
            <tbody id="ddwpwp-vehicles-body">
                @php $veh = is_array($v('vehicles', [])) ? $v('vehicles', []) : []; $vehCount = max(1, count($veh)); @endphp
                @for($i=0; $i<$vehCount; $i++)
                    <tr class="ddwpwp-vehicles-row">
                        <td class="ddwpwp-center">
                            <span class="ddwpwp-veh-label">{{ $i + 1 }}</span>
                        </td>
                        <td><textarea class="ddwpwp-textarea" name="data[vehicles][{{ $i }}][make_model]">{{ $v("vehicles.$i.make_model") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[vehicles][{{ $i }}][existing]">{{ $v("vehicles.$i.existing") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[vehicles][{{ $i }}][requirement]">{{ $v("vehicles.$i.requirement") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[vehicles][{{ $i }}][justification]">{{ $v("vehicles.$i.justification") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="ddwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="veh-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="veh-remove" title="Remove row" aria-label="Remove row" @if($vehCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:7%">
                <col style="width:35%">
                <col style="width:20%">
                <col style="width:20%">
                <col style="width:18%">
            </colgroup>
            <tr>
                <td class="ddwpwp-label" colspan="5">20.&nbsp;&nbsp;Existing Facilities:</td>
            </tr>
            <tr>
                <th>Sr. No</th>
                <th>Facilities/Inputs/Services</th>
                <th>Existing with Executing Agency</th>
                <th>Requirement under project</th>
                <th>Justifications for additional requirement</th>
            </tr>
            <tbody id="ddwpwp-facilities-body">
                @php $fac = is_array($v('facilities', [])) ? $v('facilities', []) : []; $facCount = max(1, count($fac)); @endphp
                @for($i=0; $i<$facCount; $i++)
                    <tr class="ddwpwp-facilities-row">
                        <td class="ddwpwp-center">
                            <span class="ddwpwp-fac-label">{{ $i + 1 }}</span>
                        </td>
                        <td><textarea class="ddwpwp-textarea" name="data[facilities][{{ $i }}][name]">{{ $v("facilities.$i.name") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[facilities][{{ $i }}][existing]">{{ $v("facilities.$i.existing") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[facilities][{{ $i }}][requirement]">{{ $v("facilities.$i.requirement") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[facilities][{{ $i }}][justification]">{{ $v("facilities.$i.justification") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="ddwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="fac-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="fac-remove" title="Remove row" aria-label="Remove row" @if($facCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:7%">
                <col style="width:35%">
                <col style="width:28%">
                <col style="width:30%">
            </colgroup>
            <tr>
                <td class="ddwpwp-label" colspan="4">21.&nbsp;&nbsp;Ownership of project assets after completion:</td>
            </tr>
            <tr>
                <th>Sr. No</th>
                <th>Assets Description</th>
                <th>Ownership to be transferred to</th>
                <th>Justification</th>
            </tr>
            <tbody id="ddwpwp-assets-body">
                @php $assets = is_array($v('assets', [])) ? $v('assets', []) : []; $assetsCount = max(1, count($assets)); @endphp
                @for($i=0; $i<$assetsCount; $i++)
                    <tr class="ddwpwp-assets-row">
                        <td class="ddwpwp-center">
                            <span class="ddwpwp-asset-label">{{ $i + 1 }}</span>
                        </td>
                        <td><textarea class="ddwpwp-textarea" name="data[assets][{{ $i }}][description]">{{ $v("assets.$i.description") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[assets][{{ $i }}][transfer_to]">{{ $v("assets.$i.transfer_to") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[assets][{{ $i }}][justification]">{{ $v("assets.$i.justification") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="ddwpwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="asset-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="asset-remove" title="Remove row" aria-label="Remove row" @if($assetsCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><td class="ddwpwp-n">22.</td><td class="ddwpwp-label">Reduced map &amp; elevation of buildings (for civil works only):</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[reduced_map_elevation]" style="min-height: 44px;">{{ $v('reduced_map_elevation') }}</textarea></td></tr>
            <tr><td class="ddwpwp-n">23.</td><td class="ddwpwp-label">Other major on-going and potential projects in the Sector:</td></tr>
            <tr><td></td><td><textarea class="ddwpwp-textarea" name="data[other_major_projects]" style="min-height: 44px;">{{ $v('other_major_projects') }}</textarea></td></tr>
        </table>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr>
                <th colspan="2" style="background:#dbe6f7;">PART-B<br>(Technical Appraisal)</th>
            </tr>
            <tr>
                <td class="ddwpwp-n">24.</td>
                <td class="ddwpwp-label">Technical Appraisal by the Administrative Department</td>
            </tr>
        </table>

        <table id="wp-sponsor-response" class="ddwpwp-form wp-narrative-table" style="margin-top:-1px;">
            <colgroup>
                <col style="width:8%">
                <col style="width:31%">
                <col style="width:31%">
                <col style="width:30%">
            </colgroup>
            <tr>
                <th>S#</th>
                <th>Observations</th>
                <th>Response of Executing Agency</th>
                <th>Follow-up Comments</th>
            </tr>
            @php $ta = is_array($v('tech_appraisal', [])) ? $v('tech_appraisal', []) : []; $taCount = max(1, count($ta)); @endphp
            <tbody id="ddwpwp-tech-body">
                @for($i = 0; $i < $taCount; $i++)
                    <tr class="ddwpwp-tech-row">
                        <td class="ddwpwp-center">
                            <span class="ddwpwp-tech-label">{{ $i + 1 }}</span>
                        </td>
                        <td><textarea class="ddwpwp-textarea" name="data[tech_appraisal][{{ $i }}][observations]">{{ $v("tech_appraisal.$i.observations") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[tech_appraisal][{{ $i }}][response]">{{ $v("tech_appraisal.$i.response") }}</textarea></td>
                        <td><textarea class="ddwpwp-textarea" name="data[tech_appraisal][{{ $i }}][followup]">{{ $v("tech_appraisal.$i.followup") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>

        <div class="ddwpwp-row-actions wp-observation-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="tech-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="tech-remove" title="Remove row" aria-label="Remove row" @if($taCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="ddwpwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr>
                <th colspan="2" style="background:#dbe6f7;">PART-C<br>(Project Cost &amp; Benefit Analysis)</th>
            </tr>
            <tr>
                <td class="ddwpwp-n">25.</td>
                <td class="ddwpwp-label">Comments on Financial / Social / Environmental aspects are as under:</td>
            </tr>
            @php
                $finRows = is_array($v('comments.financial', [])) ? $v('comments.financial', []) : [];
                $socRows = is_array($v('comments.social', [])) ? $v('comments.social', []) : [];
                $envRows = is_array($v('comments.environmental', [])) ? $v('comments.environmental', []) : [];
                $finN = max(1, count($finRows));
                $socN = max(1, count($socRows));
                $envN = max(1, count($envRows));
            @endphp

            <tbody id="ddwpwp-comments-fin">
                @for($i=0; $i<$finN; $i++)
                    <tr class="ddwpwp-comment-row" data-group="fin">
                        <td class="ddwpwp-n">i.</td>
                        <td>
                            <span class="ddwpwp-label">Financial:</span>
                            <textarea class="ddwpwp-textarea" name="data[comments][financial][{{ $i }}]">{{ $v("comments.financial.$i") }}</textarea>
                        </td>
                    </tr>
                @endfor
            </tbody>
            <tbody id="ddwpwp-comments-soc">
                @for($i=0; $i<$socN; $i++)
                    <tr class="ddwpwp-comment-row" data-group="soc">
                        <td class="ddwpwp-n">ii.</td>
                        <td>
                            <span class="ddwpwp-label">Social:</span>
                            <textarea class="ddwpwp-textarea" name="data[comments][social][{{ $i }}]">{{ $v("comments.social.$i") }}</textarea>
                        </td>
                    </tr>
                @endfor
            </tbody>
            <tbody id="ddwpwp-comments-env">
                @for($i=0; $i<$envN; $i++)
                    <tr class="ddwpwp-comment-row" data-group="env">
                        <td class="ddwpwp-n">iii.</td>
                        <td>
                            <span class="ddwpwp-label">Environmental:</span>
                            <textarea class="ddwpwp-textarea" name="data[comments][environmental][{{ $i }}]">{{ $v("comments.environmental.$i") }}</textarea>
                        </td>
                    </tr>
                @endfor
            </tbody>

            <tr class="ddwpwp-comment-row">
                <td class="ddwpwp-n">iv.</td>
                <td>
                    <span class="ddwpwp-label">Results of Analysis:</span>
                    <textarea class="ddwpwp-textarea" name="data[results_of_analysis]">{{ $v('results_of_analysis') }}</textarea>
                </td>
            </tr>
            <tr class="ddwpwp-comment-row">
                <td class="ddwpwp-n">v.</td>
                <td>
                    <span class="ddwpwp-label">Other issues (if any):</span>
                    <textarea class="ddwpwp-textarea" name="data[other_issues]">{{ $v('other_issues') }}</textarea>
                </td>
            </tr>
            <tr class="ddwpwp-comment-row">
                <td class="ddwpwp-n">vi.</td>
                <td>
                    <span class="ddwpwp-label">Risks and mitigation measures:</span>
                    <textarea class="ddwpwp-textarea" name="data[risks_mitigation]">{{ $v('risks_mitigation') }}</textarea>
                </td>
            </tr>
        </table>

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

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

@push('scripts')
    <script>
        (function () {
            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('.ddwpwp-textarea:not(.ddwpwp-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 rafThrottle(fn) {
                let queued = false;
                return function () {
                    if (queued) return;
                    queued = true;
                    requestAnimationFrame(() => {
                        queued = false;
                        fn();
                    });
                };
            }

            function sizeRbmScrollCells(root) {
                const scope = root || document;
                const cells = scope.querySelectorAll('.ddwpwp-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.ddwpwp-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 wireRbmScrollWheel(root) {
                const scope = root || document;
                const textareas = scope.querySelectorAll('.ddwpwp-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('.ddwpwp-scrollcell');
                        if (!cell) return;
                        const canScroll = cell.scrollHeight > cell.clientHeight + 1;
                        if (!canScroll) return;
                        e.preventDefault();
                        cell.scrollTop += e.deltaY;
                    }, { passive: false });
                });
            }

            function romanLower(n) {
                const romans = ['i','ii','iii','iv','v','vi','vii','viii','ix','x','xi','xii','xiii','xiv','xv','xvi','xvii','xviii','xix','xx'];
                if (n >= 1 && n <= romans.length) return romans[n - 1];
                return String(n);
            }

            function renumberRomans(tbody, rowSelector) {
                if (!tbody) return;
                const sel = rowSelector || 'tr';
                const rows = Array.from(tbody.querySelectorAll(sel));
                rows.forEach((row, idx) => {
                    const slot = row.querySelector('.ddwpwp-roman');
                    if (slot) slot.textContent = romanLower(idx + 1);
                });
            }

            function updateRemoveDisabled(tbody, btn) {
                if (!tbody || !btn) return;
                const rows = tbody.querySelectorAll('tr');
                btn.disabled = rows.length <= 1;
            }

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

            function fmt(n) {
                if (!Number.isFinite(n)) return '';
                if (window.wpWorkingPaperMoney && typeof window.wpWorkingPaperMoney.toDisplayRounded === 'function') {
                    return window.wpWorkingPaperMoney.toDisplayRounded(n, 2);
                }
                return (Math.round(n * 100) / 100).toString();
            }

            function sanitizeMoneyInput(input) {
                const raw = String(input.value ?? '');
                const cleaned = raw.replace(/,/g, '').replace(/[^\d.]/g, '');
                const parts = cleaned.split('.');
                const next = parts.length <= 1 ? cleaned : (parts[0] + '.' + parts.slice(1).join(''));
                if (next !== raw) input.value = next;
            }

            function calcCapitalCost() {
                if (document.querySelector('[data-wp-ce-cost="1"]')) return;
                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 (!subCap || !subRev || !total) return;
                const cap = parseNum(a1 && a1.value) + parseNum(a2 && a2.value);
                const rev = parseNum(b1 && b1.value) + parseNum(b2 && b2.value);
                subCap.value = fmt(cap);
                subRev.value = fmt(rev);
                total.value = fmt(cap + rev);
            }

            function calcScheduleTotals() {
                const physBody = document.querySelector('#ddwpwp-phys-body');
                const finBody = document.querySelector('#ddwpwp-fin-body');

                let physSum = 0;
                if (physBody) {
                    physBody.querySelectorAll('tr.ddwpwp-phys-row').forEach(row => {
                        const y1 = row.querySelector('input[name*="[y1]"]');
                        const y2 = row.querySelector('input[name*="[y2]"]');
                        const y3 = row.querySelector('input[name*="[y3]"]');
                        const y4 = row.querySelector('input[name*="[y4]"]');
                        const tot = row.querySelector('input[name*="[total]"]');
                        const sum = parseNum(y1 && y1.value) + parseNum(y2 && y2.value) + parseNum(y3 && y3.value) + parseNum(y4 && y4.value);
                        if (tot) tot.value = fmt(sum);
                        physSum += sum;
                    });
                }

                let finSum = 0;
                if (finBody) {
                    finBody.querySelectorAll('tr.ddwpwp-fin-row').forEach(row => {
                        const y1 = row.querySelector('input[name*="[y1]"]');
                        const y2 = row.querySelector('input[name*="[y2]"]');
                        const y3 = row.querySelector('input[name*="[y3]"]');
                        const y4 = row.querySelector('input[name*="[y4]"]');
                        const tot = row.querySelector('input[name*="[total]"]');
                        const sum = parseNum(y1 && y1.value) + parseNum(y2 && y2.value) + parseNum(y3 && y3.value) + parseNum(y4 && y4.value);
                        if (tot) tot.value = fmt(sum);
                        finSum += sum;
                    });
                }

                const physTotal = document.querySelector('input[name="data[schedule][physical_total]"]');
                const finTotal = document.querySelector('input[name="data[schedule][financial_total]"]');
                const combTotal = document.querySelector('input[name="data[schedule][combined_total]"]');
                if (physTotal) physTotal.value = fmt(physSum);
                if (finTotal) finTotal.value = fmt(finSum);
                if (combTotal) combTotal.value = fmt(physSum + finSum);
            }

            function cloneLastRow(tbody) {
                const rows = tbody.querySelectorAll('tr');
                const tpl = rows[rows.length - 1];
                const clone = tpl.cloneNode(true);
                clone.querySelectorAll('input, textarea').forEach(el => { el.value = ''; });
                tbody.appendChild(clone);
                return clone;
            }

            function reindexNames(tbody, basePrefix) {
                const rows = Array.from(tbody.querySelectorAll('tr'));
                rows.forEach((row, idx) => {
                    row.querySelectorAll('input[name], textarea[name]').forEach(el => {
                        const name = el.getAttribute('name');
                        if (!name) return;
                        const re = new RegExp('^' + basePrefix.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '\\[(\\d+)\\]');
                        if (!re.test(name)) return;
                        el.setAttribute('name', name.replace(re, basePrefix + '[' + idx + ']'));
                    });
                });
            }

            const repeaters = {
                phys: { tbody: '#ddwpwp-phys-body', prefix: 'data[schedule][physical]', min: 1, renumberRoman: true, rowSelector: 'tr.ddwpwp-phys-row' },
                fin: { tbody: '#ddwpwp-fin-body', prefix: 'data[schedule][financial]', min: 1, renumberRoman: true, rowSelector: 'tr.ddwpwp-fin-row' },
                rev: { tbody: '#ddwpwp-rev-body', prefix: 'data[revised][compare]', min: 1 },
                veh: { tbody: '#ddwpwp-vehicles-body', prefix: 'data[vehicles]', min: 1 },
                fac: { tbody: '#ddwpwp-facilities-body', prefix: 'data[facilities]', min: 1 },
                asset: { tbody: '#ddwpwp-assets-body', prefix: 'data[assets]', min: 1 },
                tech: { tbody: '#ddwpwp-tech-body', prefix: 'data[tech_appraisal]', min: 1 },
                cfin: { tbody: '#ddwpwp-comments-fin', prefix: 'data[comments][financial]', min: 1 },
                csoc: { tbody: '#ddwpwp-comments-soc', prefix: 'data[comments][social]', min: 1 },
                cenv: { tbody: '#ddwpwp-comments-env', prefix: 'data[comments][environmental]', min: 1 }
            };

            function updateRemoveButton(key) {
                const cfg = repeaters[key];
                if (!cfg) return;
                const tbody = document.querySelector(cfg.tbody);
                const btn = document.querySelector('button[data-action="' + key + '-remove"]');
                if (!tbody || !btn) return;
                const sel = cfg.rowSelector || 'tr';
                const rows = tbody.querySelectorAll(sel);
                btn.disabled = rows.length <= cfg.min;
            }

            function afterRepeaterChange(key) {
                const cfg = repeaters[key];
                if (!cfg) return;
                const tbody = document.querySelector(cfg.tbody);
                if (!tbody) return;
                reindexNames(tbody, cfg.prefix);
                if (cfg.renumberRoman) renumberRomans(tbody, cfg.rowSelector);
                if (key === 'rev') {
                    const rows = tbody.querySelectorAll('tr.ddwpwp-rev-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.ddwpwp-rev-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                if (key === 'tech') {
                    const rows = tbody.querySelectorAll('tr.ddwpwp-tech-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.ddwpwp-tech-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                if (key === 'veh') {
                    const rows = tbody.querySelectorAll('tr.ddwpwp-vehicles-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.ddwpwp-veh-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                if (key === 'fac') {
                    const rows = tbody.querySelectorAll('tr.ddwpwp-facilities-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.ddwpwp-fac-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                if (key === 'asset') {
                    const rows = tbody.querySelectorAll('tr.ddwpwp-assets-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.ddwpwp-asset-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                updateRemoveButton(key);
                if (key === 'phys' || key === 'fin') calcScheduleTotals();
            }

            function handleRepeaterAction(action) {
                const m = /^([a-z]+)-(add|remove)$/.exec(action || '');
                if (!m) return false;
                const key = m[1];
                const verb = m[2];
                const cfg = repeaters[key];
                if (!cfg) return false;
                const tbody = document.querySelector(cfg.tbody);
                if (!tbody) return true;

                if (verb === 'add') {
                    const sel = cfg.rowSelector || 'tr';
                    const rows = tbody.querySelectorAll(sel);
                    const tpl = rows[rows.length - 1];
                    if (!tpl) return true;
                    const row = tpl.cloneNode(true);
                    row.querySelectorAll('input, textarea').forEach(el => { el.value = ''; });
                    tbody.appendChild(row);
                    wireAutosize(row);
                } else {
                    const sel = cfg.rowSelector || 'tr';
                    const rows = tbody.querySelectorAll(sel);
                    if (rows.length <= cfg.min) return true;
                    rows[rows.length - 1].remove();
                }

                afterRepeaterChange(key);
                return true;
            }

            function hookRowActions() {
                document.addEventListener('click', function (e) {
                    const btn = e.target.closest('button[data-action]');
                    if (!btn) return;
                    const action = btn.getAttribute('data-action') || '';
                    if (!handleRepeaterAction(action)) return;
                    e.preventDefault();
                });
            }

            function initRowActions() {
                Object.keys(repeaters).forEach(updateRemoveButton);
                renumberRomans(document.querySelector('#ddwpwp-phys-body'), repeaters.phys.rowSelector);
                renumberRomans(document.querySelector('#ddwpwp-fin-body'), repeaters.fin.rowSelector);
            }

            function hookMoney() {
                document.addEventListener('input', function (e) {
                    const el = e.target;
                    if (!(el instanceof HTMLInputElement)) return;
                    if (!el.classList.contains('ddwpwp-money')) return;
                    sanitizeMoneyInput(el);
                    calcCapitalCost();
                    calcScheduleTotals();
                });
                calcCapitalCost();
                calcScheduleTotals();
            }

            wireAutosize(document);
            hookRowActions();
            initRowActions();
            hookMoney();
            if (window.wpWorkingPaperMoney && typeof window.wpWorkingPaperMoney.normalizeAll === 'function') {
                window.wpWorkingPaperMoney.normalizeAll(document.getElementById('wp-form'));
            }

            sizeRbmScrollCells(document);
            wireRbmScrollWheel(document);
            const resizeRbm = rafThrottle(function () { sizeRbmScrollCells(document); });
            window.addEventListener('resize', resizeRbm);
            document.addEventListener('input', function (e) {
                const t = e.target;
                if (t && t.closest && t.closest('.ddwpwp-scrollcell')) {
                    resizeRbm();
                }
            });
        })();
    </script>
@endpush