@php
    $spRowsExt = $spRowsExt ?? [];
    $spUnitsExt = $spUnitsExt ?? [];
@endphp
{{-- Extended component-wise breakdown (non-PMR): no Unit column; PC-I/T.S/MB amount split --}}
<div id="report-b2-single-extended-wrap" class="report-b2-format-panel" style="{{ ($tableFormat ?? 'standard') === 'extended' ? '' : 'display:none' }}">
    <div class="table-responsive report-b2-table-scroll">
        <table class="table report-b2-data-table report-b2-data-table--modern report-b2-data-table--extended mb-0">
            <thead>
                <tr class="report-b2-head-row report-b2-head-row--flat">
                    <th class="report-b2-th-serial">S#</th>
                    <th class="report-b2-th-major">{{ __('Major Unit / Component (As per PC-I)') }}</th>
                    <th class="report-b2-th-num">{{ __('Qty') }} <span class="report-b2-th-sub">({{ __('PC-I / Rev PC-I') }})</span></th>
                    <th class="report-b2-th-num">{{ __('Amount') }} <span class="report-b2-th-sub">({{ __('PC-I / Rev PC-I') }})</span></th>
                    <th class="report-b2-th-num">{{ __('Qty') }} <span class="report-b2-th-sub">({{ __('Per T.S. / Rev T.S.') }})</span></th>
                    <th class="report-b2-th-num">{{ __('Amount') }} <span class="report-b2-th-sub">({{ __('Per T.S. / Rev T.S.') }})</span></th>
                    <th class="report-b2-th-num">{{ __('Qty Recorded') }} <span class="report-b2-th-sub">({{ __('In MB') }})</span></th>
                    <th class="report-b2-th-num">{{ __('Payment') }} <span class="report-b2-th-sub">({{ __('As per MB') }})</span></th>
                    <th class="report-b2-th-num report-b2-th-pp">PP (%)</th>
                    <th class="report-b2-th-num report-b2-th-fp">FP (%)</th>
                    <th class="report-b2-th-num">{{ __('Variance') }} <span class="report-b2-th-sub">({{ __('PP & FP') }})</span></th>
                    <th class="report-b2-th-actions" aria-label="{{ __('Row actions') }}"></th>
                </tr>
            </thead>
            <tbody id="report-b2-ext-tbody">
                @foreach ($spRowsExt as $rIdx => $row)
                    @php
                        $dot = 'report.part_b.scheme_progress_capital.rows.'.$rIdx.'.';
                        $major = old($dot.'major_unit_component', $row['major_unit_component'] ?? '');
                        $qtyPc = old($dot.'qty_pc_i', $row['qty_pc_i'] ?? '');
                        $amtPc = old($dot.'amount_pc_i', $row['amount_pc_i'] ?? '');
                        $qtyTs = old($dot.'qty_ts', $row['qty_ts'] ?? '');
                        $amtTs = old($dot.'amount_ts', $row['amount_ts'] ?? '');
                        $qtyMb = old($dot.'qty_mb', $row['qty_mb'] ?? '');
                        $pmb = old($dot.'payment_mb', $row['payment_mb'] ?? '');
                        $pp = \App\Services\ReportPreviewPresenter::schemeProgressPctInputValue(old($dot.'pp_pct', $row['pp_pct'] ?? ''));
                        $fp = \App\Services\ReportPreviewPresenter::schemeProgressPctInputValue(old($dot.'fp_pct', $row['fp_pct'] ?? ''));
                        $variance = old($dot.'variance_pp_fp', $row['variance_pp_fp'] ?? '');
                    @endphp
                    <tr class="report-b2-data-row report-b2-ext-data-row" data-row-index="{{ $rIdx }}">
                        <td class="report-b2-td report-b2-td-serial"><span class="report-b2-serial-num">{{ $rIdx + 1 }}</span></td>
                        <td class="report-b2-td">
                            <input type="text" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][major_unit_component]" value="{{ $major }}" class="form-control form-control-sm report-b1-input report-b2-modern-input @error($dot.'major_unit_component') is-invalid @enderror" placeholder="{{ __('Enter major component detail...') }}" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][qty_pc_i]" value="{{ $qtyPc }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-pci @error($dot.'qty_pc_i') is-invalid @enderror" placeholder="0.00" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][amount_pc_i]" value="{{ $amtPc }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-amount-pci @error($dot.'amount_pc_i') is-invalid @enderror" placeholder="0.00" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][qty_ts]" value="{{ $qtyTs }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-ts @error($dot.'qty_ts') is-invalid @enderror" placeholder="0.00" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][amount_ts]" value="{{ $amtTs }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-amount-ts @error($dot.'amount_ts') is-invalid @enderror" placeholder="0.00" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][qty_mb]" value="{{ $qtyMb }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-mb @error($dot.'qty_mb') is-invalid @enderror" placeholder="0.00" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][payment_mb]" value="{{ $pmb }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-pay @error($dot.'payment_mb') is-invalid @enderror" placeholder="0.00" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][pp_pct]" value="{{ $pp }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-pp report-b2-input-pp @error($dot.'pp_pct') is-invalid @enderror" placeholder="0%" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][fp_pct]" value="{{ $fp }}" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-fp report-b2-input-fp @error($dot.'fp_pct') is-invalid @enderror" placeholder="0%" inputmode="decimal" autocomplete="off" disabled>
                        </td>
                        <td class="report-b2-td">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][{{ $rIdx }}][variance_pp_fp]" value="{{ $variance }}" readonly class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-variance-out @error($dot.'variance_pp_fp') is-invalid @enderror" inputmode="decimal" autocomplete="off" tabindex="-1" aria-readonly="true" disabled>
                        </td>
                        <td class="report-b2-td report-b2-td-actions text-center align-middle">
                            <button type="button" class="btn btn-sm report-b2-remove-btn report-b2-ext-remove-row" title="Remove row" aria-label="Remove row" @if (count($spRowsExt) <= 1) style="visibility:hidden" @endif disabled>
                                <i class="fas fa-times"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr class="report-b2-total-row report-b2-total-row--modern">
                    <td class="report-b2-td report-b2-total-label" colspan="2"><strong>{{ __('TOTAL') }}</strong></td>
                    <td class="report-b2-td"><span class="report-b2-total-val" id="report-b2-ext-total-qty-pci">—</span></td>
                    <td class="report-b2-td"><span class="report-b2-total-val" id="report-b2-ext-total-amount-pci">—</span></td>
                    <td class="report-b2-td"><span class="report-b2-total-val" id="report-b2-ext-total-qty-ts">—</span></td>
                    <td class="report-b2-td"><span class="report-b2-total-val" id="report-b2-ext-total-amount-ts">—</span></td>
                    <td class="report-b2-td"><span class="report-b2-total-val" id="report-b2-ext-total-qty-mb">—</span></td>
                    <td class="report-b2-td"><span class="report-b2-total-val" id="report-b2-ext-total-pay">—</span></td>
                    <td class="report-b2-td report-b2-total-pp">
                        <input type="number" step="any" name="report[part_b][scheme_progress_capital][totals][pp_pct]" value="{{ $spTotalPp ?? '' }}" id="report-b2-ext-total-pp" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-total-pp-input" inputmode="decimal" autocomplete="off" title="{{ __('Enter total PP% manually.') }}" @if (($tableFormat ?? 'standard') !== 'extended') disabled @endif>
                    </td>
                    <td class="report-b2-td report-b2-total-fp">
                        <input type="number" step="any" name="report[part_b][scheme_progress_capital][totals][fp_pct]" value="{{ $spTotalFp ?? '' }}" id="report-b2-ext-total-fp" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-total-fp-input" inputmode="decimal" autocomplete="off" title="{{ __('Enter total FP% manually.') }}" @if (($tableFormat ?? 'standard') !== 'extended') disabled @endif>
                    </td>
                    <td class="report-b2-td"><span class="report-b2-total-val" id="report-b2-ext-total-var">—</span></td>
                    <td class="report-b2-td"></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

<template id="report-b2-ext-row-template">
    <tr class="report-b2-data-row report-b2-ext-data-row" data-row-index="__R__">
        <td class="report-b2-td report-b2-td-serial"><span class="report-b2-serial-num"></span></td>
        <td class="report-b2-td"><input type="text" name="report[part_b][scheme_progress_capital][rows][__R__][major_unit_component]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input" placeholder="{{ __('Enter major component detail...') }}" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][qty_pc_i]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-pci" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][amount_pc_i]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-amount-pci" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][qty_ts]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-ts" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][amount_ts]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-amount-ts" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][qty_mb]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-mb" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][payment_mb]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-pay" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][pp_pct]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-pp report-b2-input-pp" placeholder="0%" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][fp_pct]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-fp report-b2-input-fp" placeholder="0%" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][rows][__R__][variance_pp_fp]" value="" readonly class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-variance-out" inputmode="decimal" autocomplete="off" tabindex="-1" aria-readonly="true"></td>
        <td class="report-b2-td report-b2-td-actions text-center align-middle">
            <button type="button" class="btn btn-sm report-b2-remove-btn report-b2-ext-remove-row" title="Remove row" aria-label="Remove row"><i class="fas fa-times"></i></button>
        </td>
    </tr>
</template>

<template id="report-b2-ext-unit-row-template">
    <tr class="report-b2-data-row report-b2-ext-unit-data-row" data-row-index="__R__">
        <td class="report-b2-td report-b2-td-serial"><span class="report-b2-serial-num"></span></td>
        <td class="report-b2-td"><input type="text" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][major_unit_component]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input" placeholder="{{ __('Enter major component detail...') }}" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][qty_pc_i]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-pci" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][amount_pc_i]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-amount-pci" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][qty_ts]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-ts" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][amount_ts]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-amount-ts" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][qty_mb]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-qty-mb" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][payment_mb]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-pay" placeholder="0.00" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][pp_pct]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-pp report-b2-input-pp" placeholder="0%" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][fp_pct]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-js-fp report-b2-input-fp" placeholder="0%" inputmode="decimal" autocomplete="off"></td>
        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][rows][__R__][variance_pp_fp]" value="" readonly class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-variance-out" inputmode="decimal" autocomplete="off" tabindex="-1" aria-readonly="true"></td>
        <td class="report-b2-td report-b2-td-actions text-center align-middle">
            <button type="button" class="btn btn-sm report-b2-remove-btn report-b2-ext-remove-row" title="Remove row" aria-label="Remove row"><i class="fas fa-times"></i></button>
        </td>
    </tr>
</template>

<template id="report-b2-ext-unit-block-template">
    <div class="report-b2-unit-block report-b2-ext-unit-block report-b2-unit-shell mb-3" data-b2-unit-block>
        <div class="report-b2-unit-shell__head">
            <div class="report-b2-unit-shell__field">
                <label class="report-b2-control-label mb-2 d-block">{{ __('Unit name') }}</label>
                <input type="text" name="report[part_b][scheme_progress_capital][units][__U__][unit_name]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-unit-name-input" placeholder="{{ __('e.g. Package A, Civil works') }}" autocomplete="off">
            </div>
            <div class="report-b2-unit-shell__actions">
                <button type="button" class="report-b2-add-row-btn report-b2-add-row-btn--sm report-b2-ext-add-unit">+ {{ __('Add unit') }}</button>
                <button type="button" class="report-b2-remove-unit-btn report-b2-ext-remove-unit">{{ __('Remove unit') }}</button>
            </div>
        </div>
        <div class="table-responsive report-b2-table-scroll">
            <table class="table report-b2-data-table report-b2-data-table--modern report-b2-data-table--extended mb-0">
                <thead>
                    <tr class="report-b2-head-row report-b2-head-row--flat">
                        <th class="report-b2-th-serial">S#</th>
                        <th class="report-b2-th-major">{{ __('Major Unit / Component (As per PC-I)') }}</th>
                        <th class="report-b2-th-num">{{ __('Qty') }} <span class="report-b2-th-sub">({{ __('PC-I / Rev PC-I') }})</span></th>
                        <th class="report-b2-th-num">{{ __('Amount') }} <span class="report-b2-th-sub">({{ __('PC-I / Rev PC-I') }})</span></th>
                        <th class="report-b2-th-num">{{ __('Qty') }} <span class="report-b2-th-sub">({{ __('Per T.S. / Rev T.S.') }})</span></th>
                        <th class="report-b2-th-num">{{ __('Amount') }} <span class="report-b2-th-sub">({{ __('Per T.S. / Rev T.S.') }})</span></th>
                        <th class="report-b2-th-num">{{ __('Qty Recorded') }} <span class="report-b2-th-sub">({{ __('In MB') }})</span></th>
                        <th class="report-b2-th-num">{{ __('Payment') }} <span class="report-b2-th-sub">({{ __('As per MB') }})</span></th>
                        <th class="report-b2-th-num report-b2-th-pp">PP (%)</th>
                        <th class="report-b2-th-num report-b2-th-fp">FP (%)</th>
                        <th class="report-b2-th-num">{{ __('Variance') }} <span class="report-b2-th-sub">({{ __('PP & FP') }})</span></th>
                        <th class="report-b2-th-actions" aria-label="{{ __('Row actions') }}"></th>
                    </tr>
                </thead>
                <tbody class="report-b2-ext-unit-tbody"></tbody>
                <tfoot>
                    <tr class="report-b2-total-row report-b2-total-row--modern">
                        <td class="report-b2-td report-b2-total-label" colspan="2"><strong>{{ __('TOTAL (THIS UNIT)') }}</strong></td>
                        <td class="report-b2-td"><span class="report-b2-total-val report-b2-ext-unit-total-qty-pci">—</span></td>
                        <td class="report-b2-td"><span class="report-b2-total-val report-b2-ext-unit-total-amount-pci">—</span></td>
                        <td class="report-b2-td"><span class="report-b2-total-val report-b2-ext-unit-total-qty-ts">—</span></td>
                        <td class="report-b2-td"><span class="report-b2-total-val report-b2-ext-unit-total-amount-ts">—</span></td>
                        <td class="report-b2-td"><span class="report-b2-total-val report-b2-ext-unit-total-qty-mb">—</span></td>
                        <td class="report-b2-td"><span class="report-b2-total-val report-b2-ext-unit-total-pay">—</span></td>
                        <td class="report-b2-td report-b2-total-pp">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][totals][pp_pct]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-total-pp-input report-b2-ext-unit-total-pp" inputmode="decimal" autocomplete="off" title="{{ __('Enter total PP% manually.') }}">
                        </td>
                        <td class="report-b2-td report-b2-total-fp">
                            <input type="number" step="any" name="report[part_b][scheme_progress_capital][units][__U__][totals][fp_pct]" value="" class="form-control form-control-sm report-b1-input report-b2-modern-input report-b2-js-num report-b2-total-fp-input report-b2-ext-unit-total-fp" inputmode="decimal" autocomplete="off" title="{{ __('Enter total FP% manually.') }}">
                        </td>
                        <td class="report-b2-td"><span class="report-b2-total-val report-b2-ext-unit-total-var">—</span></td>
                        <td class="report-b2-td"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="report-b2-unit-shell__footer">
            <button type="button" class="report-b2-add-row-btn report-b2-ext-unit-add-row">
                <i class="fas fa-plus" aria-hidden="true"></i>
                {{ __('Add New Row') }}
            </button>
        </div>
    </div>
</template>