@php
    $pciIvEdit = canField('pc-forms', 'project_brief_descriptions', 'edit');
    $pciIvDisplayMillion = fn (mixed $raw): string => app(\App\Services\PC\PcFormService::class)->formatPcIiiMillionForFormDisplay($raw, $pciIvEdit);
    $pciIvSrc = $pcForm ?? null;
    $pciIvFill = $pciCrudDraftFill ?? [];

    $pciIvCostMatrix = old('pc_iv_capital_cost_matrix');
    if (! is_array($pciIvCostMatrix)) {
        $pciIvCostMatrix = $pciIvSrc?->pc_iv_capital_cost_matrix ?? ($pciIvFill['pc_iv_capital_cost_matrix'] ?? []);
        if (! is_array($pciIvCostMatrix)) {
            $pciIvCostMatrix = [];
        }
    }
    $pciIvCostActual = is_array($pciIvCostMatrix['actual_expenditures'] ?? null) ? $pciIvCostMatrix['actual_expenditures'] : [];
    $pciIvCostActualOrig = is_array($pciIvCostActual['original'] ?? null) ? $pciIvCostActual['original'] : [];
    $pciIvCostActualRev = is_array($pciIvCostActual['revised'] ?? null) ? $pciIvCostActual['revised'] : [];
    $pciIvCostBase = is_array($pciIvCostMatrix['approved_baseline'] ?? null) ? $pciIvCostMatrix['approved_baseline'] : [];
    $pciIvCostBaseOrig = is_array($pciIvCostBase['original'] ?? null) ? $pciIvCostBase['original'] : [];
    $pciIvCostBaseRev = is_array($pciIvCostBase['revised'] ?? null) ? $pciIvCostBase['revised'] : [];

    $pciIvFinChannels = old('pc_iv_financing_channels');
    if (! is_array($pciIvFinChannels)) {
        $pciIvFinChannels = $pciIvSrc?->pc_iv_financing_channels ?? ($pciIvFill['pc_iv_financing_channels'] ?? []);
        if (! is_array($pciIvFinChannels)) {
            $pciIvFinChannels = [];
        }
    }
    $pciIvFed = is_array($pciIvFinChannels['federal_psdp'] ?? null) ? $pciIvFinChannels['federal_psdp'] : [];
    $pciIvProv = is_array($pciIvFinChannels['provincial_adp'] ?? null) ? $pciIvFinChannels['provincial_adp'] : [];
    $pciIvIntl = is_array($pciIvFinChannels['international'] ?? null) ? $pciIvFinChannels['international'] : [];

    $pciIvCostWizardStep = (int) ($pciIvCostDynamicsWizardStep ?? 5);
    $pciIvCostStepTitle = $pciIvCostDynamicsStepTitle ?? '5. Capital Cost & Financing of the Project';
@endphp

<div class="pci-page" data-page="{{ $pciIvCostWizardStep }}" data-pci-nav-key="pc-iv-cost-dynamics" data-pci-step-title="{{ $pciIvCostStepTitle }}" data-pci-step-theme="1" data-pci-step-icon="coins">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iv-cost-dynamics-body" aria-expanded="true" id="pci-pc-iv-cost-dynamics-toggle">
            <span class="pci-gi-bar-title">Capital Cost &amp; Financing 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-iv-cost-dynamics-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Sub-section 1: Consolidated Capital Cost Matrix --}}
                <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-iv-capital-matrix-body" aria-expanded="true" id="pci-pc-iv-capital-matrix-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">8. Capital Cost (Rs. Million)</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-capital-matrix-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0" id="pci-pc-iv-capital-matrix-table">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" class="align-middle text-left" style="min-width:9rem;">Cost Parameters</th>
                                            <th colspan="3" class="text-center">Approved PC-I Cost Baseline</th>
                                            <th colspan="3" class="text-center">Actual Expenditures Till PC-IV</th>
                                        </tr>
                                        <tr>
                                            <th class="text-center">Local Share</th>
                                            <th class="text-center">FE / Loan / Grant</th>
                                            <th class="text-center">Total Base</th>
                                            <th class="text-center">Local Spent</th>
                                            <th class="text-center">FE Outlay</th>
                                            <th class="text-center">Total Actual</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr data-pc-iv-matrix-row="original">
                                            <th class="text-left align-middle">Original Target</th>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[approved_baseline][original][local_share]" id="pci-pc-iv-cm-orig-base-local" value="{{ $pciIvDisplayMillion($pciIvCostBaseOrig['local_share'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-baseline text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-base-row="original" data-pc-iv-cm-base-kind="local" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[approved_baseline][original][fe_loan_grant]" id="pci-pc-iv-cm-orig-base-fe" value="{{ $pciIvDisplayMillion($pciIvCostBaseOrig['fe_loan_grant'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-baseline text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-base-row="original" data-pc-iv-cm-base-kind="fe" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" id="pci-pc-iv-cm-orig-base-total" class="form-control form-control-sm pci-readonly text-right font-weight-bold" readonly placeholder="—" tabindex="-1" /></td>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[actual_expenditures][original][local_spent]" value="{{ $pciIvDisplayMillion($pciIvCostActualOrig['local_spent'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-actual text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-row="original" data-pc-iv-cm-kind="local" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[actual_expenditures][original][fe_outlay]" value="{{ $pciIvDisplayMillion($pciIvCostActualOrig['fe_outlay'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-actual text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-row="original" data-pc-iv-cm-kind="fe" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" id="pci-pc-iv-cm-orig-actual-total" class="form-control form-control-sm pci-readonly text-right font-weight-bold" readonly placeholder="—" tabindex="-1" /></td>
                                        </tr>
                                        <tr data-pc-iv-matrix-row="revised" id="pci-pc-iv-cm-revised-row">
                                            <th class="text-left align-middle">Revised Target</th>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[approved_baseline][revised][local_share]" id="pci-pc-iv-cm-rev-base-local" value="{{ $pciIvDisplayMillion($pciIvCostBaseRev['local_share'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-baseline text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-base-row="revised" data-pc-iv-cm-base-kind="local" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[approved_baseline][revised][fe_loan_grant]" id="pci-pc-iv-cm-rev-base-fe" value="{{ $pciIvDisplayMillion($pciIvCostBaseRev['fe_loan_grant'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-baseline text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-base-row="revised" data-pc-iv-cm-base-kind="fe" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" id="pci-pc-iv-cm-rev-base-total" class="form-control form-control-sm pci-readonly text-right font-weight-bold" readonly placeholder="—" tabindex="-1" /></td>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[actual_expenditures][revised][local_spent]" value="{{ $pciIvDisplayMillion($pciIvCostActualRev['local_spent'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-actual text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-row="revised" data-pc-iv-cm-kind="local" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iv_capital_cost_matrix[actual_expenditures][revised][fe_outlay]" value="{{ $pciIvDisplayMillion($pciIvCostActualRev['fe_outlay'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-cm-actual text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-cm-row="revised" data-pc-iv-cm-kind="fe" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" id="pci-pc-iv-cm-rev-actual-total" class="form-control form-control-sm pci-readonly text-right font-weight-bold" readonly placeholder="—" tabindex="-1" /></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="mt-2">
                                <label class="small font-weight-bold" for="pci-pc-iv-cm-fx-note">Foreign Exchange Conversion Note</label>
                                <textarea name="pc_iv_capital_cost_matrix[fx_conversion_note]" id="pci-pc-iv-cm-fx-note" rows="2" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="Indicate foreign exchange conversion rates applied where relevant." {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvCostMatrix['fx_conversion_note'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Sub-section 2: Strategic Financing Channels Breakdown --}}
                <div class="pci-gi-wrap mb-0">
                    <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-iv-financing-channels-body" aria-expanded="true" id="pci-pc-iv-financing-channels-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">9. Financing of the Project (Rs. Million)</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-financing-channels-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0" id="pci-pc-iv-financing-channels-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left" style="min-width:14rem;">Financing Framework Channels</th>
                                            <th class="text-center">Local Component</th>
                                            <th class="text-center">FE / Loan / Grant</th>
                                            <th class="text-center">Consolidated Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach([
                                            'federal_psdp' => 'Federal Financing (PSDP Share)',
                                            'provincial_adp' => 'Provincial Financing (ADP Share)',
                                            'international' => 'International Donors / Foreign Grants / Alternate Channels',
                                        ] as $chKey => $chLabel)
                                        @php
                                            $chRow = $chKey === 'federal_psdp' ? $pciIvFed : ($chKey === 'provincial_adp' ? $pciIvProv : $pciIvIntl);
                                        @endphp
                                        <tr data-pc-iv-fin-channel="{{ $chKey }}">
                                            <th class="text-left align-middle">{{ $chLabel }}</th>
                                            <td><input type="text" name="pc_iv_financing_channels[{{ $chKey }}][local]" value="{{ $pciIvDisplayMillion($chRow['local'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-fin-input text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-fin-channel="{{ $chKey }}" data-pc-iv-fin-kind="local" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iv_financing_channels[{{ $chKey }}][fe]" value="{{ $pciIvDisplayMillion($chRow['fe'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-fin-input text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-fin-channel="{{ $chKey }}" data-pc-iv-fin-kind="fe" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" id="pci-pc-iv-fin-{{ $chKey }}-total" class="form-control form-control-sm pci-readonly text-right font-weight-bold" readonly placeholder="—" tabindex="-1" /></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <p class="small text-muted mb-2 mt-2"><i class="fa fa-info-circle mr-1"></i>Please explicitly indicate foreign exchange conversion rates applied to elements where relevant.</p>
                            <div>
                                <label class="small font-weight-bold" for="pci-pc-iv-fin-fx-note">Foreign Exchange Conversion Note</label>
                                <textarea name="pc_iv_financing_channels[fx_conversion_note]" id="pci-pc-iv-fin-fx-note" rows="2" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="Indicate foreign exchange conversion rates applied where relevant." {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvFinChannels['fx_conversion_note'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>