@php
    $spUnitsExt = $spUnitsExt ?? [];
    $defaultSpRowExtended = $defaultSpRowExtended ?? [];
    if (count($spUnitsExt) === 0) {
        $spUnitsExt = [['unit_name' => '', 'rows' => [$defaultSpRowExtended]]];
    }
@endphp
<div class="report-b2-sheet-card report-b2-units-sheet" id="report-b2-units-extended-wrap" style="{{ ($unitMode === 'unit_wise' && ($tableFormat ?? 'standard') === 'extended') ? '' : 'display:none' }}">
    @include('reports.partials.b2-scheme-progress-sheet-head')
    <div class="report-b2-sheet-card__body">
        <div id="report-b2-units-ext-container">
            @foreach ($spUnitsExt as $uIdx => $unit)
                @php
                    $uRows = is_array($unit['rows'] ?? null) && count($unit['rows']) > 0 ? $unit['rows'] : [$defaultSpRowExtended ?? []];
                    $uName = old('report.part_b.scheme_progress_capital.units.'.$uIdx.'.unit_name', $unit['unit_name'] ?? '');
                    $uTotPp = \App\Services\ReportPreviewPresenter::schemeProgressPctInputValue(old('report.part_b.scheme_progress_capital.units.'.$uIdx.'.totals.pp_pct', data_get($unit, 'totals.pp_pct', '')));
                    $uTotFp = \App\Services\ReportPreviewPresenter::schemeProgressPctInputValue(old('report.part_b.scheme_progress_capital.units.'.$uIdx.'.totals.fp_pct', data_get($unit, 'totals.fp_pct', '')));
                @endphp
                <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][{{ $uIdx }}][unit_name]" value="{{ $uName }}" 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" disabled>
                        </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" disabled>+ {{ __('Add unit') }}</button>
                            <button type="button" class="report-b2-remove-unit-btn report-b2-ext-remove-unit" disabled>{{ __('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">
                                @foreach ($uRows as $rIdx => $row)
                                    @php
                                        $dot = 'report.part_b.scheme_progress_capital.units.'.$uIdx.'.rows.'.$rIdx.'.';
                                    @endphp
                                    <tr class="report-b2-data-row report-b2-ext-unit-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][units][{{ $uIdx }}][rows][{{ $rIdx }}][major_unit_component]" value="{{ old($dot.'major_unit_component', $row['major_unit_component'] ?? '') }}" class="form-control form-control-sm report-b1-input report-b2-modern-input" 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][units][{{ $uIdx }}][rows][{{ $rIdx }}][qty_pc_i]" value="{{ old($dot.'qty_pc_i', $row['qty_pc_i'] ?? '') }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][amount_pc_i]" value="{{ old($dot.'amount_pc_i', $row['amount_pc_i'] ?? '') }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][qty_ts]" value="{{ old($dot.'qty_ts', $row['qty_ts'] ?? '') }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][amount_ts]" value="{{ old($dot.'amount_ts', $row['amount_ts'] ?? '') }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][qty_mb]" value="{{ old($dot.'qty_mb', $row['qty_mb'] ?? '') }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][payment_mb]" value="{{ old($dot.'payment_mb', $row['payment_mb'] ?? '') }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][pp_pct]" value="{{ \App\Services\ReportPreviewPresenter::schemeProgressPctInputValue(old($dot.'pp_pct', $row['pp_pct'] ?? '')) }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][fp_pct]" value="{{ \App\Services\ReportPreviewPresenter::schemeProgressPctInputValue(old($dot.'fp_pct', $row['fp_pct'] ?? '')) }}" 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" disabled></td>
                                        <td class="report-b2-td"><input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][rows][{{ $rIdx }}][variance_pp_fp]" value="{{ old($dot.'variance_pp_fp', $row['variance_pp_fp'] ?? '') }}" 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" 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($uRows) <= 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 (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][{{ $uIdx }}][totals][pp_pct]" value="{{ $uTotPp }}" 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.') }}" disabled>
                                    </td>
                                    <td class="report-b2-td report-b2-total-fp">
                                        <input type="number" step="any" name="report[part_b][scheme_progress_capital][units][{{ $uIdx }}][totals][fp_pct]" value="{{ $uTotFp }}" 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.') }}" disabled>
                                    </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" disabled>
                            <i class="fas fa-plus" aria-hidden="true"></i>
                            {{ __('Add New Row') }}
                        </button>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>