@php
    /**
     * Pre-PDWP 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);

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

    // Section 17 (Revised Project) - support new structure (revised.items[*]) with fallback to older (revised.compare[*])
    $revItems = data_get($data ?? [], 'revised.items', null);
    if (!is_array($revItems)) {
        $legacy = is_array($v('revised.compare', [])) ? $v('revised.compare', []) : [];
        $revItems = [];
        foreach ($legacy as $row) {
            $revItems[] = [
                'compare' => is_array($row) ? $row : [],
                'reasons' => '',
                'expenditure' => '',
            ];
        }
    }
    $revItems = is_array($revItems) ? $revItems : [];
    $revItemsCount = max(1, count($revItems));

    $revProg = is_array($v('revised.progress', [])) ? $v('revised.progress', []) : [];
    $revProgCount = max(1, count($revProg));

    $veh = is_array($v('vehicles', [])) ? $v('vehicles', []) : [];
    $vehCount = max(1, count($veh));
    $fac = is_array($v('facilities', [])) ? $v('facilities', []) : [];
    $facCount = max(1, count($fac));
    $assets = is_array($v('assets', [])) ? $v('assets', []) : [];
    $assetsCount = max(1, count($assets));

    $ta = is_array($v('tech_appraisal', [])) ? $v('tech_appraisal', []) : [];
    $taCount = max(1, count($ta));

    $cFin = is_array($v('comments.financial', [])) ? $v('comments.financial', []) : [];
    $cSoc = is_array($v('comments.social', [])) ? $v('comments.social', []) : [];
    $cEnv = is_array($v('comments.environmental', [])) ? $v('comments.environmental', []) : [];
    $cRes = is_array($v('comments.results', [])) ? $v('comments.results', []) : [];
    $cOther = is_array($v('comments.other', [])) ? $v('comments.other', []) : [];
    $cRisk = is_array($v('comments.risks', [])) ? $v('comments.risks', []) : [];
    $cFinN = max(1, count($cFin));
    $cSocN = max(1, count($cSoc));
    $cEnvN = max(1, count($cEnv));
    $cResN = max(1, count($cRes));
    $cOtherN = max(1, count($cOther));
    $cRiskN = max(1, count($cRisk));

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

@push('stylesheets')
    <style>
        .prepwp-wrap { --border: #111; color: #000; }
        .prepwp-sheet { width: 100%; max-width: none; margin: 0; background: #fff; padding: 18px 22px 22px; border: 0; }
        .prepwp-center { text-align: center; }
        .prepwp-title-small { font-size: 16px; line-height: 1.15; text-transform: uppercase; margin: 0; }
        .prepwp-title-main { margin: 2px 0 8px; font-size: 28px; font-weight: 700; text-transform: uppercase; text-decoration: underline; line-height: 1; }

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

        .prepwp-n { width: 6%; text-align: center; font-weight: 700; }
        .prepwp-label { font-weight: 700; }
        .prepwp-small { font-size: 11px; }
        /* Shared 8-column grid: serial | label | source | gop | gos | fpa | total | fec */
        .prepwp-col-n { width: 6%; }
        .prepwp-col-label { width: 34%; }
        .prepwp-col-src { width: 12%; }
        .prepwp-col-gop { width: 10%; }
        .prepwp-col-gos { width: 10%; }
        .prepwp-col-fpa { width: 12%; }
        .prepwp-col-total { width: 8%; }
        .prepwp-col-fec { width: 8%; }

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

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

        /* RBM scrolling (same behavior as PDWP/DDWP) */
        .prepwp-rbm-row td { vertical-align: top; overflow: visible !important; }
        .prepwp-scrollcell {
            min-height: 110px;
            max-height: 110px;
            overflow-x: hidden;
            overflow-y: hidden;
            overscroll-behavior: contain;
            scroll-behavior: smooth;
            display: block;
        }
        .prepwp-scrollcell.is-scrollable { overflow-y: auto; }
        .prepwp-scrollcell .prepwp-textarea.prepwp-noautosize {
            min-height: 0;
            overflow: hidden;
            resize: none;
        }
        .prepwp-printcell { display: none; }

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

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

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

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

        {{-- 5. Cost of Project (Rs. in Million) --}}
        @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);
            });

            $visibleRevisionKeys = [];
            foreach ($revisionKeys as $rk) {
                $row = $cost[$rk] ?? [];
                $row = is_array($row) ? $row : [];
                $hasAny = false;
                foreach (['gop','gos','fpa','total','fec'] as $kk) {
                    $val = data_get($row, $kk);
                    if ($val !== null && $val !== '' && (float) str_replace(',', '', (string) $val) > 0) { $hasAny = true; break; }
                }
                if ($hasAny) $visibleRevisionKeys[] = $rk;
            }

            $revLabel = function (string $k) {
                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);
            };

            // Original + N revision rows sit under the cost header (no rowspan).
        @endphp
            <tr>
                <td class="prepwp-n">5.</td>
                <td class="prepwp-label">
                    Cost of Project:<br>
                    <span class="prepwp-small">(Rs in Million)</span>
                    <div style="margin-top:10px;">
                        <div class="prepwp-label" style="font-size:12px;">Exchange Rate</div>
                        <div style="font-size:11px; line-height:1.2;">
                            1US$ = Rs
                            <input class="prepwp-input" style="display:inline-block; width:70px; border-bottom:1px solid #000;" name="data[cost][exchange_rate_pc1]" value="{{ $v('cost.exchange_rate_pc1') }}">
                            (as per PC-1)
                        </div>
                        <div style="font-size:11px; line-height:1.2;">
                            1US$ = Rs
                            <input class="prepwp-input" style="display:inline-block; width:70px; border-bottom:1px solid #000;" name="data[cost][exchange_rate_current]" value="{{ $v('cost.exchange_rate_current') }}">
                            (current rate)
                        </div>
                    </div>
                </td>
                <th rowspan="2">
                    Source
                    <span style="float:right;">&rarr;</span>
                </th>
                <th colspan="2">Local</th>
                <th rowspan="2">FPA</th>
                <th rowspan="2">Total</th>
                <th rowspan="2">FEC</th>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <th>GoP</th>
                <th>GoS</th>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td class="prepwp-label">Original</td>
                <td><input class="prepwp-input prepwp-num" name="data[cost][original][gop]" value="{{ $m('cost.original.gop') }}" readonly></td>
                <td><input class="prepwp-input prepwp-num" name="data[cost][original][gos]" value="{{ $m('cost.original.gos') }}" readonly></td>
                <td><input class="prepwp-input prepwp-num" name="data[cost][original][fpa]" value="{{ $m('cost.original.fpa') }}" readonly></td>
                <td><input class="prepwp-input prepwp-num" name="data[cost][original][total]" value="{{ $m('cost.original.total') }}" readonly></td>
                <td><input class="prepwp-input prepwp-num" name="data[cost][original][fec]" value="{{ $m('cost.original.fec') }}" readonly></td>
            </tr>
            @foreach($visibleRevisionKeys as $rk)
                <tr>
                    <td></td>
                    <td></td>
                    <td class="prepwp-label">{!! $revLabel((string) $rk) !!}</td>
                    <td><input class="prepwp-input prepwp-num" name="data[cost][{{ $rk }}][gop]" value="{{ $m("cost.$rk.gop") }}" readonly></td>
                    <td><input class="prepwp-input prepwp-num" name="data[cost][{{ $rk }}][gos]" value="{{ $m("cost.$rk.gos") }}" readonly></td>
                    <td><input class="prepwp-input prepwp-num" name="data[cost][{{ $rk }}][fpa]" value="{{ $m("cost.$rk.fpa") }}" readonly></td>
                    <td><input class="prepwp-input prepwp-num" name="data[cost][{{ $rk }}][total]" value="{{ $m("cost.$rk.total") }}" readonly></td>
                    <td><input class="prepwp-input prepwp-num" name="data[cost][{{ $rk }}][fec]" value="{{ $m("cost.$rk.fec") }}" readonly></td>
                </tr>
            @endforeach

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

            {{-- 8-12 (same grid) --}}
            <tr>
                <td class="prepwp-n">8.</td>
                <td class="prepwp-label">Period of Implementation:</td>
                <td colspan="6"><input class="prepwp-input" name="data[period_implementation]" value="{{ $v('period_implementation') }}"></td>
            </tr>
            <tr>
                <td class="prepwp-n">9.</td>
                <td class="prepwp-label">Plan Framework:</td>
                <td colspan="6"><textarea class="prepwp-textarea prepwp-textarea-inline" name="data[plan_framework]" style="min-height: 28px;">{{ $v('plan_framework') }}</textarea></td>
            </tr>
            <tr>
                <td class="prepwp-n">a)</td>
                <td class="prepwp-label">ADP Allocation (CFY):</td>
                <td colspan="6"><textarea class="prepwp-textarea" name="data[plan_framework_adp]">{{ $v('plan_framework_adp') }}</textarea></td>
            </tr>
            <tr>
                <td class="prepwp-n">b)</td>
                <td class="prepwp-label">Sector Strategy:</td>
                <td colspan="6"><textarea class="prepwp-textarea" name="data[plan_framework_sector_strategy]">{{ $v('plan_framework_sector_strategy') }}</textarea></td>
            </tr>
            <tr>
                <td class="prepwp-n">c)</td>
                <td class="prepwp-label">Sector issues with relationship of the project:</td>
                <td colspan="6"><textarea class="prepwp-textarea" name="data[plan_framework_sector_issues]">{{ $v('plan_framework_sector_issues') }}</textarea></td>
            </tr>
            <tr>
                <td class="prepwp-n">10.</td>
                <td class="prepwp-label">Project’s Objectives and Brief Description:</td>
                <td colspan="6">
                    @include('working-papers.partials.objectives-brief-field', [
                        'v' => $v,
                        'textareaClass' => 'prepwp-textarea',
                        'fieldIdPrefix' => 'prepwp-objectives-brief',
                        'canEditWorkingPaperBody' => $canEditWorkingPaperBody ?? true,
                    ])
                </td>
            </tr>
            <tr>
                <td class="prepwp-n">11.</td>
                <td class="prepwp-label">Implementation Arrangement:</td>
                <td colspan="6"><textarea class="prepwp-textarea" name="data[implementation_arrangement]">{{ $v('implementation_arrangement') }}</textarea></td>
            </tr>
            <tr>
                <td class="prepwp-n">12.</td>
                <td class="prepwp-label" colspan="7">Result Based Monitoring (RBM) Indicators</td>
            </tr>
        </table>

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

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

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

        {{-- 15 Physical and Financial Scheduling --}}
        <table class="prepwp-form" style="margin-top:-1px;">
            <colgroup>
                <col style="width:6%">
                <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="prepwp-n">15.</td>
                <td class="prepwp-label" colspan="7">Physical and Financial Scheduling:</td>
            </tr>
            <tr>
                <td class="prepwp-label prepwp-center">A.</td>
                <td class="prepwp-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="prepwp-phys-body">
                @for($i=0; $i<$physCount; $i++)
                    <tr class="prepwp-phys-row">
                        <td class="prepwp-n prepwp-center"><span class="prepwp-roman"></span></td>
                        <td><input class="prepwp-input" name="data[schedule][physical][{{ $i }}][item]" value="{{ $v("schedule.physical.$i.item") }}"></td>
                        <td><input class="prepwp-input" name="data[schedule][physical][{{ $i }}][unit]" value="{{ $v("schedule.physical.$i.unit") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y1]" value="{{ $v("schedule.physical.$i.y1") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y2]" value="{{ $v("schedule.physical.$i.y2") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y3]" value="{{ $v("schedule.physical.$i.y3") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][physical][{{ $i }}][y4]" value="{{ $v("schedule.physical.$i.y4") }}"></td>
                        <td><input class="prepwp-input prepwp-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="prepwp-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="prepwp-label prepwp-center">Total</td>
                <td colspan="5"><input class="prepwp-input prepwp-num" name="data[schedule][physical_total]" value="{{ $v('schedule.physical_total') }}" readonly></td>
            </tr> -->
            <tr>
                <td class="prepwp-label prepwp-center">B.</td>
                <td class="prepwp-label" colspan="2">
                    Financial Scheduling<br>
                    <span class="prepwp-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="prepwp-fin-body">
                @for($i=0; $i<$finCount; $i++)
                    <tr class="prepwp-fin-row">
                        <td class="prepwp-n prepwp-center"><span class="prepwp-roman"></span></td>
                        <td colspan="2"><input class="prepwp-input" name="data[schedule][financial][{{ $i }}][item]" value="{{ $v("schedule.financial.$i.item") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y1]" value="{{ $v("schedule.financial.$i.y1") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y2]" value="{{ $v("schedule.financial.$i.y2") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y3]" value="{{ $v("schedule.financial.$i.y3") }}"></td>
                        <td><input class="prepwp-input prepwp-num prepwp-money" inputmode="decimal" autocomplete="off" name="data[schedule][financial][{{ $i }}][y4]" value="{{ $v("schedule.financial.$i.y4") }}"></td>
                        <td><input class="prepwp-input prepwp-num" name="data[schedule][financial][{{ $i }}][total]" value="{{ $v("schedule.financial.$i.total") }}" readonly></td>
                    </tr>
                @endfor
            </tbody>
        </table>

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

        <table class="prepwp-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="prepwp-label prepwp-center">Total</td>
                <td colspan="5"><input class="prepwp-input prepwp-num" name="data[schedule][combined_total]" value="{{ $v('schedule.combined_total') }}" readonly></td>
            </tr>
        </table>

        <div class="prepwp-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>

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

        {{-- 16 feasibility study status --}}
        <table class="prepwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:44%"><col style="width:25%"><col style="width:25%"></colgroup>
            <tr>
                <td class="prepwp-n">16.</td>
                <td class="prepwp-label">Status of Feasibility Study/PC-II</td>
                <td class="prepwp-label prepwp-center">Conducted In-House</td>
                <td class="prepwp-label prepwp-center">Conducted Through Consultants</td>
            </tr>
            <tr>
                <td></td>
                <td colspan="3"><textarea class="prepwp-textarea" name="data[feasibility_recommendations]" style="min-height: 34px;">{{ $v('feasibility_recommendations') }}</textarea></td>
            </tr>
        </table>

        {{-- 17 revised project (note) --}}
        <table class="prepwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><td class="prepwp-n">17.</td><td class="prepwp-label">In Case of Revised Project; (please annex this information and hyperlink)</td></tr>
        </table>

        {{-- 17 (i)-(iii) revised project details (match screenshot) --}}
        <div id="prepwp-revitems-wrap">
            <table class="prepwp-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="prepwp-n">(i)</td>
                    <td colspan="8" class="prepwp-label">Comparison of cost estimates of the last sanctioned and revised project</td>
                </tr>
                <tr>
                    <th>Item</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="prepwp-revitems-compare-body">
                    @for($i=0; $i<$revItemsCount; $i++)
                        @php($cmp = is_array($revItems[$i]['compare'] ?? null) ? ($revItems[$i]['compare'] ?? []) : [])
                        <tr class="prepwp-revitem-compare-row">
                            <td class="prepwp-center"><span class="prepwp-revitem-letter"></span></td>
                            <td><input class="prepwp-input" name="data[revised][items][{{ $i }}][compare][last_unit]" value="{{ data_get($cmp, 'last_unit', '') }}"></td>
                            <td><input class="prepwp-input prepwp-num" name="data[revised][items][{{ $i }}][compare][last_rate]" value="{{ data_get($cmp, 'last_rate', '') }}"></td>
                            <td><input class="prepwp-input prepwp-num" name="data[revised][items][{{ $i }}][compare][last_total]" value="{{ data_get($cmp, 'last_total', '') }}"></td>
                            <td><input class="prepwp-input" name="data[revised][items][{{ $i }}][compare][work_done]" value="{{ data_get($cmp, 'work_done', '') }}"></td>
                            <td><input class="prepwp-input" name="data[revised][items][{{ $i }}][compare][to_be_done]" value="{{ data_get($cmp, 'to_be_done', '') }}"></td>
                            <td><input class="prepwp-input" name="data[revised][items][{{ $i }}][compare][rev_unit]" value="{{ data_get($cmp, 'rev_unit', '') }}"></td>
                            <td><input class="prepwp-input prepwp-num" name="data[revised][items][{{ $i }}][compare][total_rate]" value="{{ data_get($cmp, 'total_rate', '') }}"></td>
                            <td><input class="prepwp-input prepwp-num" name="data[revised][items][{{ $i }}][compare][total_total]" value="{{ data_get($cmp, 'total_total', '') }}"></td>
                        </tr>
                    @endfor
                </tbody>

                <tr>
                    <td class="prepwp-n">(ii)</td>
                    <td colspan="8" class="prepwp-label">
                        Reasons for Revision for each Activity;
                        <div id="prepwp-revitems-reasons" style="margin-top:6px;">
                            @for($i=0; $i<$revItemsCount; $i++)
                                <div class="prepwp-revitem-line" style="display:flex; gap:6px; align-items:flex-start; margin: 2px 0;">
                                    <div style="width:28px; font-weight:700;"><span class="prepwp-revitem-letter"></span></div>
                                    <div style="flex:1;">
                                        <textarea class="prepwp-textarea" name="data[revised][items][{{ $i }}][reasons]" style="min-height: 28px;">{{ data_get($revItems[$i] ?? [], 'reasons', '') }}</textarea>
                                    </div>
                                </div>
                            @endfor
                        </div>
                    </td>
                </tr>

                <tr>
                    <td class="prepwp-n">(iii)</td>
                    <td colspan="8" class="prepwp-label">
                        Total expenditure incurred for each item;
                        <div id="prepwp-revitems-exp" style="margin-top:6px;">
                            @for($i=0; $i<$revItemsCount; $i++)
                                <div class="prepwp-revitem-line" style="display:flex; gap:6px; align-items:flex-start; margin: 2px 0;">
                                    <div style="width:28px; font-weight:700;"><span class="prepwp-revitem-letter"></span></div>
                                    <div style="flex:1;">
                                        <textarea class="prepwp-textarea" name="data[revised][items][{{ $i }}][expenditure]" style="min-height: 28px;">{{ data_get($revItems[$i] ?? [], 'expenditure', '') }}</textarea>
                                    </div>
                                </div>
                            @endfor
                        </div>
                    </td>
                </tr>
            </table>
        </div>

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

        <table class="prepwp-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="prepwp-n">(iv)</td>
                <td colspan="8" class="prepwp-label">Physical Progress Achieved;</td>
            </tr>
            <tr>
                <td></td>
                <th colspan="3">As per last sanction</th>
                <th colspan="2">Actual achievement</th>
                <th colspan="3">Reasons for delay</th>
            </tr>
            <tbody id="prepwp-revprog-body">
                @for($i=0; $i<$revProgCount; $i++)
                    <tr class="prepwp-revprog-row">
                        <td></td>
                        <td colspan="3"><textarea class="prepwp-textarea" name="data[revised][progress][{{ $i }}][as_per_last_sanction]" style="min-height: 28px;">{{ $v("revised.progress.$i.as_per_last_sanction") }}</textarea></td>
                        <td colspan="2"><textarea class="prepwp-textarea" name="data[revised][progress][{{ $i }}][actual_achievement]" style="min-height: 28px;">{{ $v("revised.progress.$i.actual_achievement") }}</textarea></td>
                        <td colspan="3"><textarea class="prepwp-textarea" name="data[revised][progress][{{ $i }}][reasons_for_delay]" style="min-height: 28px;">{{ $v("revised.progress.$i.reasons_for_delay") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>

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

        <table class="prepwp-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="prepwp-n">(v)</td>
                <td colspan="8" class="prepwp-label">
                    Comments of Technical Section on reasons for revision
                    <textarea class="prepwp-textarea" name="data[revised][technical_comments]" style="min-height: 34px; margin-top:6px;">{{ $v('revised.technical_comments') }}</textarea>
                </td>
            </tr>
        </table>

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

        <table class="prepwp-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="prepwp-label" colspan="5">20.&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="prepwp-vehicles-body">
                @for($i=0; $i<$vehCount; $i++)
                    <tr class="prepwp-vehicles-row">
                        <td class="prepwp-center"><span class="prepwp-veh-label">{{ $i + 1 }}</span></td>
                        <td><textarea class="prepwp-textarea" name="data[vehicles][{{ $i }}][make_model]">{{ $v("vehicles.$i.make_model") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[vehicles][{{ $i }}][existing]">{{ $v("vehicles.$i.existing") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[vehicles][{{ $i }}][requirement]">{{ $v("vehicles.$i.requirement") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[vehicles][{{ $i }}][justification]">{{ $v("vehicles.$i.justification") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>
        <div class="prepwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="veh-add"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="veh-remove" @if($vehCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="prepwp-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="prepwp-label" colspan="5">21.&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="prepwp-facilities-body">
                @for($i=0; $i<$facCount; $i++)
                    <tr class="prepwp-facilities-row">
                        <td class="prepwp-center"><span class="prepwp-fac-label">{{ $i + 1 }}</span></td>
                        <td><textarea class="prepwp-textarea" name="data[facilities][{{ $i }}][name]">{{ $v("facilities.$i.name") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[facilities][{{ $i }}][existing]">{{ $v("facilities.$i.existing") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[facilities][{{ $i }}][requirement]">{{ $v("facilities.$i.requirement") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[facilities][{{ $i }}][justification]">{{ $v("facilities.$i.justification") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>
        <div class="prepwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="fac-add"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="fac-remove" @if($facCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="prepwp-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="prepwp-label" colspan="4">22.&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="prepwp-assets-body">
                @for($i=0; $i<$assetsCount; $i++)
                    <tr class="prepwp-assets-row">
                        <td class="prepwp-center"><span class="prepwp-asset-label">{{ $i + 1 }}</span></td>
                        <td><textarea class="prepwp-textarea" name="data[assets][{{ $i }}][description]">{{ $v("assets.$i.description") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[assets][{{ $i }}][transfer_to]">{{ $v("assets.$i.transfer_to") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[assets][{{ $i }}][justification]">{{ $v("assets.$i.justification") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
        </table>
        <div class="prepwp-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="asset-add"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="asset-remove" @if($assetsCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        <table class="prepwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><td class="prepwp-n">23.</td><td class="prepwp-label">Map &amp; elevation of buildings (for civil works only):</td></tr>
            <tr><td></td><td><textarea class="prepwp-textarea" name="data[map_elevation]" style="min-height: 40px;">{{ $v('map_elevation') }}</textarea></td></tr>
            <tr><td class="prepwp-n">24.</td><td class="prepwp-label">Other relevant on-going and potential projects in the Sector:</td></tr>
            <tr><td></td><td><textarea class="prepwp-textarea" name="data[other_major_projects]" style="min-height: 40px;">{{ $v('other_major_projects') }}</textarea></td></tr>
            <tr><th colspan="2" style="background:#dbe6f7;">PART-B</th></tr>
        </table>

        {{-- 25 technical appraisal --}}
        <table id="wp-sponsor-response" class="prepwp-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 colspan="4" style="background:#dbe6f7;">(Technical Appraisal)</th></tr>
            <tr>
                <td class="prepwp-label" colspan="4">25.&nbsp;&nbsp;Appraisal by the Technical Section</td>
            </tr>
            <tr>
                <th>Sr. #</th>
                <th>Observation of Technical Section</th>
                <th>Response of Sponsor</th>
                <th>Follow-up Comments</th>
            </tr>
            <tbody id="prepwp-tech-body">
                @for($i=0; $i<$taCount; $i++)
                    <tr class="prepwp-tech-row">
                        <td class="prepwp-center"><span class="prepwp-tech-label">{{ $i + 1 }}</span></td>
                        <td><textarea class="prepwp-textarea" name="data[tech_appraisal][{{ $i }}][observations]">{{ $v("tech_appraisal.$i.observations") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[tech_appraisal][{{ $i }}][response]">{{ $v("tech_appraisal.$i.response") }}</textarea></td>
                        <td><textarea class="prepwp-textarea" name="data[tech_appraisal][{{ $i }}][followup]">{{ $v("tech_appraisal.$i.followup") }}</textarea></td>
                    </tr>
                @endfor
            </tbody>
            <tr>
                <td></td>
                <td class="prepwp-label">Comments of Other Section (if any)</td>
                <td colspan="2"><textarea class="prepwp-textarea" name="data[other_section_comments]">{{ $v('other_section_comments') }}</textarea></td>
            </tr>
        </table>
        <div class="prepwp-row-actions wp-observation-row-actions no-print">
            <button type="button" class="btn btn-sm btn-primary" data-action="tech-add"><i class="fas fa-plus"></i></button>
            <button type="button" class="btn btn-sm btn-danger" data-action="tech-remove" @if($taCount <= 1) disabled @endif><i class="fas fa-minus"></i></button>
        </div>

        {{-- PART C --}}
        <table class="prepwp-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="prepwp-n">26.</td><td class="prepwp-label">Comments offered on Financial / Social / Environmental aspects are as under:</td></tr>
        </table>

        <table class="prepwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tbody id="prepwp-comments-fin">
                @for($i=0; $i<$cFinN; $i++)
                    <tr><td class="prepwp-n">i.</td><td><span class="prepwp-label">Financial:</span><textarea class="prepwp-textarea" name="data[comments][financial][{{ $i }}]">{{ $v("comments.financial.$i") }}</textarea></td></tr>
                @endfor
            </tbody>
        </table>
        <table class="prepwp-form" style="margin-top:-1px;"><colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tbody id="prepwp-comments-soc">
                @for($i=0; $i<$cSocN; $i++)
                    <tr><td class="prepwp-n">ii.</td><td><span class="prepwp-label">Social:</span><textarea class="prepwp-textarea" name="data[comments][social][{{ $i }}]">{{ $v("comments.social.$i") }}</textarea></td></tr>
                @endfor
            </tbody>
        </table>
        <table class="prepwp-form" style="margin-top:-1px;"><colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tbody id="prepwp-comments-env">
                @for($i=0; $i<$cEnvN; $i++)
                    <tr><td class="prepwp-n">iii.</td><td><span class="prepwp-label">Environmental:</span><textarea class="prepwp-textarea" name="data[comments][environmental][{{ $i }}]">{{ $v("comments.environmental.$i") }}</textarea></td></tr>
                @endfor
            </tbody>
        </table>
        <table class="prepwp-form" style="margin-top:-1px;"><colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tbody id="prepwp-comments-res">
                @for($i=0; $i<$cResN; $i++)
                    <tr><td class="prepwp-n">iv.</td><td><span class="prepwp-label">Results of Analysis:</span><textarea class="prepwp-textarea" name="data[comments][results][{{ $i }}]">{{ $v("comments.results.$i") }}</textarea></td></tr>
                @endfor
            </tbody>
        </table>
        <table class="prepwp-form" style="margin-top:-1px;"><colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tbody id="prepwp-comments-other">
                @for($i=0; $i<$cOtherN; $i++)
                    <tr><td class="prepwp-n">v.</td><td><span class="prepwp-label">Other issues (if any):</span><textarea class="prepwp-textarea" name="data[comments][other][{{ $i }}]">{{ $v("comments.other.$i") }}</textarea></td></tr>
                @endfor
            </tbody>
        </table>
        <table class="prepwp-form" style="margin-top:-1px;"><colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tbody id="prepwp-comments-risk">
                @for($i=0; $i<$cRiskN; $i++)
                    <tr><td class="prepwp-n">vi.</td><td><span class="prepwp-label">Risks and mitigation measures:</span><textarea class="prepwp-textarea" name="data[comments][risks][{{ $i }}]">{{ $v("comments.risks.$i") }}</textarea></td></tr>
                @endfor
            </tbody>
        </table>
        <table class="prepwp-form" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><td class="prepwp-n">27.</td><td class="prepwp-label">Conclusion / Recommendations:</td></tr>
            <tr><td></td><td><textarea class="prepwp-textarea" name="data[conclusion_recommendations]" style="min-height: 46px;">{{ $v('conclusion_recommendations') }}</textarea></td></tr>
        </table>

        @include('working-papers.partials.comments-inline', ['variant' => 'pre-pdwp'])
        @include('working-papers.partials.attachments', ['variant' => 'pre-pdwp'])
    </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('.prepwp-textarea:not(.prepwp-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 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('.prepwp-roman');
                    if (slot) slot.textContent = romanLower(idx + 1);
                });
            }

            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('.prepwp-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.prepwp-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('.prepwp-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('.prepwp-scrollcell');
                        if (!cell) return;
                        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 ?? '').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 recalcCapitalCost() {
                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 subC = parseNum(a1 && a1.value) + parseNum(a2 && a2.value);
                const subR = parseNum(b1 && b1.value) + parseNum(b2 && b2.value);
                subCap.value = fmt(subC);
                subRev.value = fmt(subR);
                total.value = fmt(subC + subR);
            }

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

                let physSum = 0;
                if (physBody) {
                    physBody.querySelectorAll('tr.prepwp-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.prepwp-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 reindexNames(tbody, basePrefix, rowSelector) {
                const sel = rowSelector || 'tr';
                const rows = Array.from(tbody.querySelectorAll(sel));
                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: '#prepwp-phys-body', prefix: 'data[schedule][physical]', min: 1, renumberRoman: true, rowSelector: 'tr.prepwp-phys-row' },
                fin: { tbody: '#prepwp-fin-body', prefix: 'data[schedule][financial]', min: 1, renumberRoman: true, rowSelector: 'tr.prepwp-fin-row' },
                revprog: { tbody: '#prepwp-revprog-body', prefix: 'data[revised][progress]', min: 1, rowSelector: 'tr.prepwp-revprog-row' },
                veh: { tbody: '#prepwp-vehicles-body', prefix: 'data[vehicles]', min: 1, rowSelector: 'tr.prepwp-vehicles-row' },
                fac: { tbody: '#prepwp-facilities-body', prefix: 'data[facilities]', min: 1, rowSelector: 'tr.prepwp-facilities-row' },
                asset: { tbody: '#prepwp-assets-body', prefix: 'data[assets]', min: 1, rowSelector: 'tr.prepwp-assets-row' },
                tech: { tbody: '#prepwp-tech-body', prefix: 'data[tech_appraisal]', min: 1, rowSelector: 'tr.prepwp-tech-row' },
                cfin: { tbody: '#prepwp-comments-fin', prefix: 'data[comments][financial]', min: 1 },
                csoc: { tbody: '#prepwp-comments-soc', prefix: 'data[comments][social]', min: 1 },
                cenv: { tbody: '#prepwp-comments-env', prefix: 'data[comments][environmental]', min: 1 },
                cres: { tbody: '#prepwp-comments-res', prefix: 'data[comments][results]', min: 1 },
                cother: { tbody: '#prepwp-comments-other', prefix: 'data[comments][other]', min: 1 },
                crisk: { tbody: '#prepwp-comments-risk', prefix: 'data[comments][risks]', 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, cfg.rowSelector);
                if (cfg.renumberRoman) renumberRomans(tbody, cfg.rowSelector);
                if (key === 'tech') {
                    const rows = tbody.querySelectorAll('tr.prepwp-tech-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.prepwp-tech-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                if (key === 'veh') {
                    const rows = tbody.querySelectorAll('tr.prepwp-vehicles-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.prepwp-veh-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                if (key === 'fac') {
                    const rows = tbody.querySelectorAll('tr.prepwp-facilities-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.prepwp-fac-label');
                        if (slot) slot.textContent = String(idx + 1);
                    });
                }
                if (key === 'asset') {
                    const rows = tbody.querySelectorAll('tr.prepwp-assets-row');
                    rows.forEach((row, idx) => {
                        const slot = row.querySelector('.prepwp-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];
                if (key === 'revitems') {
                    return handleRevItems(verb);
                }
                const cfg = repeaters[key];
                if (!cfg) return false;
                const tbody = document.querySelector(cfg.tbody);
                if (!tbody) return true;

                const sel = cfg.rowSelector || 'tr';
                const rows = tbody.querySelectorAll(sel);
                if (verb === 'add') {
                    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 {
                    if (rows.length <= cfg.min) return true;
                    rows[rows.length - 1].remove();
                }

                afterRepeaterChange(key);
                return true;
            }

            function escRe(s) {
                return String(s || '').replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
            }

            function reindexRevItems() {
                const cmpBody = document.querySelector('#prepwp-revitems-compare-body');
                const reasons = document.querySelector('#prepwp-revitems-reasons');
                const exp = document.querySelector('#prepwp-revitems-exp');
                if (!cmpBody || !reasons || !exp) return;

                const cmpRows = Array.from(cmpBody.querySelectorAll('tr.prepwp-revitem-compare-row'));
                const rLines = Array.from(reasons.querySelectorAll('.prepwp-revitem-line'));
                const eLines = Array.from(exp.querySelectorAll('.prepwp-revitem-line'));
                const n = Math.min(cmpRows.length, rLines.length, eLines.length);

                const prefix = 'data[revised][items]';
                const re = new RegExp('^' + escRe(prefix) + '\\[(\\d+)\\]');

                function setIdx(node, idx) {
                    node.querySelectorAll('input[name], textarea[name]').forEach(el => {
                        const name = el.getAttribute('name');
                        if (!name || !re.test(name)) return;
                        el.setAttribute('name', name.replace(re, prefix + '[' + idx + ']'));
                    });
                }

                for (let i = 0; i < n; i++) {
                    setIdx(cmpRows[i], i);
                    setIdx(rLines[i], i);
                    setIdx(eLines[i], i);
                }

                const letter = (i) => '(' + String.fromCharCode(97 + i) + ')';
                cmpRows.forEach((row, i) => {
                    const slot = row.querySelector('.prepwp-revitem-letter');
                    if (slot) slot.textContent = letter(i);
                });
                rLines.forEach((line, i) => {
                    const slot = line.querySelector('.prepwp-revitem-letter');
                    if (slot) slot.textContent = letter(i);
                });
                eLines.forEach((line, i) => {
                    const slot = line.querySelector('.prepwp-revitem-letter');
                    if (slot) slot.textContent = letter(i);
                });

                const btn = document.querySelector('button[data-action="revitems-remove"]');
                if (btn) btn.disabled = n <= 1;
            }

            function handleRevItems(verb) {
                const cmpBody = document.querySelector('#prepwp-revitems-compare-body');
                const reasons = document.querySelector('#prepwp-revitems-reasons');
                const exp = document.querySelector('#prepwp-revitems-exp');
                if (!cmpBody || !reasons || !exp) return true;

                const cmpRows = cmpBody.querySelectorAll('tr.prepwp-revitem-compare-row');
                const rLines = reasons.querySelectorAll('.prepwp-revitem-line');
                const eLines = exp.querySelectorAll('.prepwp-revitem-line');
                const n = Math.min(cmpRows.length, rLines.length, eLines.length);

                if (verb === 'add') {
                    const cmpTpl = cmpRows[n - 1];
                    const rTpl = rLines[n - 1];
                    const eTpl = eLines[n - 1];
                    if (!cmpTpl || !rTpl || !eTpl) return true;

                    const cmpNew = cmpTpl.cloneNode(true);
                    cmpNew.querySelectorAll('input').forEach(el => { el.value = ''; });
                    cmpBody.appendChild(cmpNew);

                    const rNew = rTpl.cloneNode(true);
                    rNew.querySelectorAll('textarea').forEach(el => { el.value = ''; });
                    reasons.appendChild(rNew);

                    const eNew = eTpl.cloneNode(true);
                    eNew.querySelectorAll('textarea').forEach(el => { el.value = ''; });
                    exp.appendChild(eNew);

                    wireAutosize(rNew);
                    wireAutosize(eNew);
                } else {
                    if (n <= 1) return true;
                    cmpRows[n - 1].remove();
                    rLines[n - 1].remove();
                    eLines[n - 1].remove();
                }

                reindexRevItems();
                return true;
            }

            function hookRowActions() {
                document.addEventListener('click', function (e) {
                    const btn = e.target.closest && 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('#prepwp-phys-body'), repeaters.phys.rowSelector);
                renumberRomans(document.querySelector('#prepwp-fin-body'), repeaters.fin.rowSelector);
                afterRepeaterChange('veh');
                afterRepeaterChange('fac');
                afterRepeaterChange('asset');
                afterRepeaterChange('tech');
                reindexRevItems();
                afterRepeaterChange('revprog');
            }

            function hookMoney() {
                document.addEventListener('input', function (e) {
                    const el = e.target;
                    if (!(el instanceof HTMLInputElement)) return;
                    if (!el.classList.contains('prepwp-money')) return;
                    sanitizeMoneyInput(el);
                    recalcCapitalCost();
                    calcScheduleTotals();
                });
                recalcCapitalCost();
                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('.prepwp-scrollcell')) {
                    resizeRbm();
                }
            });
        })();
    </script>
@endpush