@once
@push('stylesheets')
<style>
    .pci-form-wrapper .pci-table.pci-pc-v-physical-output-table thead th,
    .pci-form-wrapper .pci-table.pci-pc-v-income-revenue-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-pc-v-physical-output-table td.pci-pc-v-qty-cell,
    .pci-pc-v-income-revenue-table td.pci-pc-v-amt-cell {
        text-align: center;
    }
    .pci-pc-v-physical-output-table .pci-pc-v-actual-col,
    .pci-pc-v-income-revenue-table .pci-pc-v-actual-col {
        color: #c9a227;
    }
</style>
@endpush
@endonce

@php
    $pciVEdit = canField('pc-forms', 'project_brief_descriptions', 'edit');
    $pciVDisplayMillion = fn (mixed $raw): string => app(\App\Services\PC\PcFormService::class)->formatPcIiiMillionForFormDisplay($raw, $pciVEdit);
    $pciVDisplayQty = fn (mixed $raw): string => app(\App\Services\PC\PcFormService::class)->formatPcIiiQtyForFormDisplay($raw, $pciVEdit);
    $pciVSrc = $pcForm ?? null;
    $pciVFill = $pciCrudDraftFill ?? [];

    $pciVPhysicalOutput = old('pc_v_planned_actual_physical_output');
    if (! is_array($pciVPhysicalOutput)) {
        $pciVPhysicalOutput = $pciVSrc?->pc_v_planned_actual_physical_output ?? ($pciVFill['pc_v_planned_actual_physical_output'] ?? []);
        if (! is_array($pciVPhysicalOutput)) {
            $pciVPhysicalOutput = [];
        }
    }
    $pciVPhysicalOutputRows = is_array($pciVPhysicalOutput['rows'] ?? null) ? array_values($pciVPhysicalOutput['rows']) : [];
    if ($pciVPhysicalOutputRows === []) {
        $pciVPhysicalOutputRows = [['quantifiable_item' => '', 'envisaged_pci_target' => '', 'actual_realized_output' => '', 'shortfall_surplus_analysis' => '']];
    }

    $pciVIncomeRevenue = old('pc_v_planned_actual_income_revenue');
    if (! is_array($pciVIncomeRevenue)) {
        $pciVIncomeRevenue = $pciVSrc?->pc_v_planned_actual_income_revenue ?? ($pciVFill['pc_v_planned_actual_income_revenue'] ?? []);
        if (! is_array($pciVIncomeRevenue)) {
            $pciVIncomeRevenue = [];
        }
    }
    $pciVIncomeRevenueRows = is_array($pciVIncomeRevenue['rows'] ?? null) ? array_values($pciVIncomeRevenue['rows']) : [];
    if ($pciVIncomeRevenueRows === []) {
        $pciVIncomeRevenueRows = [['revenue_channel' => '', 'pci_projected_income' => '', 'actual_earned_revenue' => '', 'variance_notes' => '']];
    }

    $pciVSocioEconomic = old('pc_v_socio_economic_benefits');
    if (! is_array($pciVSocioEconomic)) {
        $pciVSocioEconomic = $pciVSrc?->pc_v_socio_economic_benefits ?? ($pciVFill['pc_v_socio_economic_benefits'] ?? []);
        if (! is_array($pciVSocioEconomic)) {
            $pciVSocioEconomic = [];
        }
    }

    $pciVOutputsIncomeWizardStep = (int) ($pciVOutputsIncomeWizardStep ?? 3);
    $pciVOutputsIncomeStepTitle = $pciVOutputsIncomeStepTitle ?? ($pciVOutputsIncomeWizardStep . '. Physical Outputs, Income Streams & Socio-Economic Benefits');
@endphp

<div class="pci-page" data-page="{{ $pciVOutputsIncomeWizardStep }}" data-pci-nav-key="pc-v-physical-outputs-income-benefits" data-pci-step-title="{{ $pciVOutputsIncomeStepTitle }}" data-pci-step-theme="5" data-pci-step-icon="industry"
    id="pci-pc-v-outputs-income-section"
    data-pci-v-edit="{{ $pciVEdit ? '1' : '0' }}">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-v-outputs-income-body" aria-expanded="true" id="pci-pc-v-outputs-income-toggle">
            <span class="pci-gi-bar-title">{{ $pciVOutputsIncomeWizardStep }}. Physical Outputs, Income Streams &amp; Socio-Economic Benefits</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-v-outputs-income-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Subsection 1: Planned vs Actual Physical Output of the Project --}}
                <div class="pci-gi-wrap mb-3">
                    <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-physical-output-body" aria-expanded="true" id="pci-pc-v-physical-output-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Planned vs Actual Physical Output of the Project</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-physical-output-body" class="collapse show">
                        <div class="pci-gi-mint">
                            @if($pciVEdit)
                            <div class="d-flex justify-content-end mb-2">
                                <button type="button" class="btn btn-sm btn-primary" id="pci-pc-v-physical-output-add">+ Add Row</button>
                            </div>
                            @endif
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0 pci-pc-v-physical-output-table" id="pci-pc-v-physical-output-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left" style="min-width:16rem;">Quantifiable Item / Target Metric</th>
                                            <th style="width:10rem;">Envisaged PC-I Target</th>
                                            <th class="pci-pc-v-actual-col" style="width:12rem;">Actual Realized Output (During Year)</th>
                                            <th class="text-left" style="min-width:14rem;">Shortfall / Surplus Analysis</th>
                                            @if($pciVEdit)<th style="width:3rem;"></th>@endif
                                        </tr>
                                    </thead>
                                    <tbody id="pci-pc-v-physical-output-tbody">
                                        @foreach($pciVPhysicalOutputRows as $poIdx => $poRow)
                                        @php $poRow = is_array($poRow) ? $poRow : []; @endphp
                                        <tr class="pci-pc-v-physical-output-row" data-pc-v-physical-output-row="{{ $poIdx }}">
                                            <td><input type="text" name="pc_v_planned_actual_physical_output[rows][{{ $poIdx }}][quantifiable_item]" value="{{ $poRow['quantifiable_item'] ?? '' }}" class="form-control form-control-sm pci-pc-v-physical-output-item{{ !$pciVEdit ? ' pci-readonly' : '' }}" placeholder="e.g., Annual Energy / Production unit" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-v-qty-cell"><input type="text" name="pc_v_planned_actual_physical_output[rows][{{ $poIdx }}][envisaged_pci_target]" value="{{ $pciVDisplayQty($poRow['envisaged_pci_target'] ?? '') }}" class="form-control form-control-sm pci-pc-v-out-qty pci-pc-iii-qty text-center{{ !$pciVEdit ? ' pci-readonly' : '' }}" placeholder="0" inputmode="numeric" pattern="[0-9]*" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-v-qty-cell"><input type="text" name="pc_v_planned_actual_physical_output[rows][{{ $poIdx }}][actual_realized_output]" value="{{ $pciVDisplayQty($poRow['actual_realized_output'] ?? '') }}" class="form-control form-control-sm pci-pc-v-out-qty pci-pc-iii-qty text-center pci-pc-v-actual-col{{ !$pciVEdit ? ' pci-readonly' : '' }}" placeholder="0" inputmode="numeric" pattern="[0-9]*" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_v_planned_actual_physical_output[rows][{{ $poIdx }}][shortfall_surplus_analysis]" value="{{ $poRow['shortfall_surplus_analysis'] ?? '' }}" class="form-control form-control-sm pci-pc-v-physical-output-analysis{{ !$pciVEdit ? ' pci-readonly' : '' }}" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            @if($pciVEdit)
                                            <td class="text-center align-middle"><button type="button" class="btn btn-link text-danger btn-sm pci-pc-v-physical-output-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Subsection 2: Planned vs Actual Income / Revenue Generation Metrics (PKR Millions) --}}
                <div class="pci-gi-wrap mb-3">
                    <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-income-revenue-body" aria-expanded="true" id="pci-pc-v-income-revenue-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Planned vs Actual Income / Revenue Generation Metrics (PKR Millions)</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-income-revenue-body" class="collapse show">
                        <div class="pci-gi-mint">
                            @if($pciVEdit)
                            <div class="d-flex justify-content-end mb-2">
                                <button type="button" class="btn btn-sm btn-primary" id="pci-pc-v-income-revenue-add">+ Add Row</button>
                            </div>
                            @endif
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0 pci-pc-v-income-revenue-table" id="pci-pc-v-income-revenue-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left" style="min-width:16rem;">Revenue Channels / Services Rendered</th>
                                            <th style="width:10rem;">PC-I Projected Income</th>
                                            <th class="pci-pc-v-actual-col" style="width:12rem;">Actual Earned Revenue Streams</th>
                                            <th class="text-left" style="min-width:14rem;">Variance Explanatory Notes</th>
                                            @if($pciVEdit)<th style="width:3rem;"></th>@endif
                                        </tr>
                                    </thead>
                                    <tbody id="pci-pc-v-income-revenue-tbody">
                                        @foreach($pciVIncomeRevenueRows as $irIdx => $irRow)
                                        @php $irRow = is_array($irRow) ? $irRow : []; @endphp
                                        <tr class="pci-pc-v-income-revenue-row" data-pc-v-income-revenue-row="{{ $irIdx }}">
                                            <td><input type="text" name="pc_v_planned_actual_income_revenue[rows][{{ $irIdx }}][revenue_channel]" value="{{ $irRow['revenue_channel'] ?? '' }}" class="form-control form-control-sm pci-pc-v-income-revenue-channel{{ !$pciVEdit ? ' pci-readonly' : '' }}" placeholder="e.g., Service fees, tariffs, commercial proceeds" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-v-amt-cell"><input type="text" name="pc_v_planned_actual_income_revenue[rows][{{ $irIdx }}][pci_projected_income]" value="{{ $pciVDisplayMillion($irRow['pci_projected_income'] ?? '') }}" class="form-control form-control-sm pci-pc-v-out-million pci-pc-iii-num text-right{{ !$pciVEdit ? ' pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-v-amt-cell"><input type="text" name="pc_v_planned_actual_income_revenue[rows][{{ $irIdx }}][actual_earned_revenue]" value="{{ $pciVDisplayMillion($irRow['actual_earned_revenue'] ?? '') }}" class="form-control form-control-sm pci-pc-v-out-million pci-pc-iii-num text-right pci-pc-v-actual-col{{ !$pciVEdit ? ' pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_v_planned_actual_income_revenue[rows][{{ $irIdx }}][variance_notes]" value="{{ $irRow['variance_notes'] ?? '' }}" class="form-control form-control-sm pci-pc-v-income-revenue-notes{{ !$pciVEdit ? ' pci-readonly' : '' }}" {{ !$pciVEdit ? 'readonly' : '' }} /></td>
                                            @if($pciVEdit)
                                            <td class="text-center align-middle"><button type="button" class="btn btn-link text-danger btn-sm pci-pc-v-income-revenue-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <p class="small text-muted mb-0 mt-2"><em>* State core financial model assumptions and revenue baseline considerations in execution.</em></p>
                        </div>
                    </div>
                </div>

                {{-- Subsections 3 & 4: Quantifiable Benefits + Tangible Social Benefits --}}
                <div class="row mb-0">
                    <div class="col-md-6 mb-3 mb-md-0">
                        <div class="pci-gi-wrap h-100 mb-0">
                            <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-economy-benefits-body" aria-expanded="true" id="pci-pc-v-economy-benefits-toggle">
                                <span class="pci-gi-bar-title pci-gi-bar-title-plain">Quantifiable Benefits to the Economy</span>
                                <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                            </button>
                            <div id="pci-pc-v-economy-benefits-body" class="collapse show">
                                <div class="pci-gi-mint">
                                    <label class="small font-weight-bold sr-only" for="pci-pc-v-economy-benefits">Quantifiable Benefits to the Economy</label>
                                    <textarea name="pc_v_socio_economic_benefits[quantifiable_economy_benefits]"
                                        id="pci-pc-v-economy-benefits"
                                        rows="6"
                                        class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                        placeholder="Describe financial returns, employment opportunities generated, sectoral multiplier impacts..."
                                        {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVSocioEconomic['quantifiable_economy_benefits'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="pci-gi-wrap h-100 mb-0">
                            <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-social-benefits-body" aria-expanded="true" id="pci-pc-v-social-benefits-toggle">
                                <span class="pci-gi-bar-title pci-gi-bar-title-plain">Tangible Social Benefits</span>
                                <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                            </button>
                            <div id="pci-pc-v-social-benefits-body" class="collapse show">
                                <div class="pci-gi-mint">
                                    <label class="small font-weight-bold sr-only" for="pci-pc-v-social-benefits">Tangible Social Benefits</label>
                                    <textarea name="pc_v_socio_economic_benefits[tangible_social_benefits]"
                                        id="pci-pc-v-social-benefits"
                                        rows="6"
                                        class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                        placeholder="Elaborate on localized community welfare uplift, poverty alleviation metrics, public health or gender inclusion..."
                                        {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVSocioEconomic['tangible_social_benefits'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>