@once
@push('stylesheets')
<style>
    .pci-form-wrapper .pci-table.pci-pc-iv-sustainability-budgets-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-pc-iv-sustainability-budgets-table .pci-pc-iv-actual-col,
    .pci-pc-iv-sustainability-budgets-table thead .pci-pc-iv-actual-col {
        color: #c9a227;
    }
    .pci-pc-iv-sustainability-budgets-table thead .pci-pc-iv-pci-forecast-group {
        background: #1e7e34;
        color: #fff;
    }
    .pci-pc-iv-sustainability-budgets-table td.pci-pc-iv-amt-cell {
        text-align: center;
    }
    .pci-pc-iv-pci-objectives-readonly {
        min-height: 5rem;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
        white-space: pre-wrap;
    }
</style>
@endpush
@endonce

@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 ?? [];

    $pciIvOpBudgets = old('pc_iv_operational_sustainability_budgets');
    if (! is_array($pciIvOpBudgets)) {
        $pciIvOpBudgets = $pciIvSrc?->pc_iv_operational_sustainability_budgets ?? ($pciIvFill['pc_iv_operational_sustainability_budgets'] ?? []);
        if (! is_array($pciIvOpBudgets)) {
            $pciIvOpBudgets = [];
        }
    }
    $pciIvOpAdapt = is_array($pciIvOpBudgets['adaptation'] ?? null) ? $pciIvOpBudgets['adaptation'] : [];
    $pciIvOpMit = is_array($pciIvOpBudgets['mitigation'] ?? null) ? $pciIvOpBudgets['mitigation'] : [];
    $pciIvOpFinNote = (string) ($pciIvOpBudgets['financing_agency_note'] ?? '');

    $pciIvReporting = old('pc_iv_sustainability_reporting');
    if (! is_array($pciIvReporting)) {
        $pciIvReporting = $pciIvSrc?->pc_iv_sustainability_reporting ?? ($pciIvFill['pc_iv_sustainability_reporting'] ?? []);
        if (! is_array($pciIvReporting)) {
            $pciIvReporting = [];
        }
    }

    $pciIvSustainabilityWizardStep = (int) ($pciIvSustainabilityWizardStep ?? 9);
    $pciIvSustainabilityStepTitle = $pciIvSustainabilityStepTitle ?? '9. Recurring Cost, Objectives & Climate Co-Benefits';
@endphp

<div class="pci-page" data-page="{{ $pciIvSustainabilityWizardStep }}" data-pci-nav-key="pc-iv-sustainability" data-pci-step-title="{{ $pciIvSustainabilityStepTitle }}" data-pci-step-theme="5" data-pci-step-icon="leaf"
    id="pci-pc-iv-sustainability-section"
    data-pci-iv-edit="{{ $pciIvEdit ? '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-iv-sustainability-body" aria-expanded="true" id="pci-pc-iv-sustainability-toggle">
            <span class="pci-gi-bar-title">Recurring Cost, Objectives &amp; Climate Co-Benefits</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-iv-sustainability-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Sub-section 1: Post-Completion Operational & Recurring Asset Sustainability Budgets --}}
                <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-op-sustainability-body" aria-expanded="true" id="pci-pc-iv-op-sustainability-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">14. Recurring Cost after Completion 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-op-sustainability-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <p class="text-muted small mb-2">Values scaled in PKR millions (2 decimal places).</p>
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0 pci-pc-iv-sustainability-budgets-table" id="pci-pc-iv-sustainability-budgets-table">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" class="align-middle text-left" style="min-width:14rem;">Operational Sustainability Categorization</th>
                                            <th colspan="3" class="text-center pci-pc-iv-pci-forecast-group">Projected PC-I Operational Forecasts</th>
                                            <th colspan="3" class="text-center">Actual Completed Post-Project Costing</th>
                                        </tr>
                                        <tr>
                                            <th class="text-center">Local Share</th>
                                            <th class="text-center">Foreign Exchange</th>
                                            <th class="text-center font-weight-bold">Forecast Total</th>
                                            <th class="text-center">Local Cost</th>
                                            <th class="text-center">Foreign Cost</th>
                                            <th class="text-center pci-pc-iv-actual-col font-weight-bold">Actual Outlay</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach([
                                            'adaptation' => 'Adaptation Operational Components',
                                            'mitigation' => 'Mitigation Operational Components',
                                        ] as $opKey => $opLabel)
                                        @php
                                            $opSaved = $opKey === 'adaptation' ? $pciIvOpAdapt : $pciIvOpMit;
                                        @endphp
                                        <tr data-pc-iv-op-budget-row="{{ $opKey }}">
                                            <th class="text-left align-middle">{{ $opLabel }}</th>
                                            <td class="pci-pc-iv-amt-cell"><input type="text" name="pc_iv_operational_sustainability_budgets[{{ $opKey }}][local_share]" id="pci-pc-iv-op-{{ $opKey }}-forecast-local" value="{{ $pciIvDisplayMillion($opSaved['local_share'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-op-forecast text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.00" inputmode="decimal" data-pc-iv-op-forecast-row="{{ $opKey }}" data-pc-iv-op-forecast-kind="local" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iv-amt-cell"><input type="text" name="pc_iv_operational_sustainability_budgets[{{ $opKey }}][foreign_exchange]" id="pci-pc-iv-op-{{ $opKey }}-forecast-fe" value="{{ $pciIvDisplayMillion($opSaved['foreign_exchange'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-op-forecast text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.00" inputmode="decimal" data-pc-iv-op-forecast-row="{{ $opKey }}" data-pc-iv-op-forecast-kind="fe" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iv-amt-cell"><input type="text" id="pci-pc-iv-op-{{ $opKey }}-forecast-total" class="form-control form-control-sm pci-readonly text-right font-weight-bold" readonly placeholder="0.00" tabindex="-1" /></td>
                                            <td class="pci-pc-iv-amt-cell"><input type="text" name="pc_iv_operational_sustainability_budgets[{{ $opKey }}][local_cost]" value="{{ $pciIvDisplayMillion($opSaved['local_cost'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-op-actual text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-op-row="{{ $opKey }}" data-pc-iv-op-kind="local" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iv-amt-cell"><input type="text" name="pc_iv_operational_sustainability_budgets[{{ $opKey }}][foreign_cost]" value="{{ $pciIvDisplayMillion($opSaved['foreign_cost'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iv-op-actual text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" data-pc-iv-op-row="{{ $opKey }}" data-pc-iv-op-kind="foreign" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iv-amt-cell"><input type="text" id="pci-pc-iv-op-{{ $opKey }}-actual-total" class="form-control form-control-sm pci-readonly text-right font-weight-bold pci-pc-iv-actual-col" readonly placeholder="0.00" 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 the financing agency or source funding stream handling post-completion asset sustainability.</p>
                            <div>
                                <label class="small font-weight-bold" for="pci-pc-iv-op-financing-note">Financing Agency / Source Funding Stream</label>
                                <textarea name="pc_iv_operational_sustainability_budgets[financing_agency_note]" id="pci-pc-iv-op-financing-note" rows="2" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="Indicate financing agency or source funding stream for post-completion asset sustainability." {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvOpFinNote }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Sub-section 2: Performance Auditing Narrative --}}
                <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-performance-auditing-body" aria-expanded="true" id="pci-pc-iv-performance-auditing-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">15. Achievement of Objectives</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-performance-auditing-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <label class="small font-weight-bold d-block mb-1" for="pci-pc-iv-pci-objectives">As Contained in the PC-I (Objectives)</label>
                            @php
                                $pciIvObjectivesStored = trim((string) ($pciIvReporting['pci_approved_objectives'] ?? ''));
                            @endphp
                            <textarea name="pc_iv_sustainability_reporting[pci_approved_objectives]"
                                id="pci-pc-iv-pci-objectives"
                                rows="5"
                                class="form-control form-control-sm pci-pc-iv-open-if-empty {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                placeholder="Objectives as contained in the approved PC-I..."
                                {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvObjectivesStored }}</textarea>
                            <div id="pci-pc-iv-pci-objectives-display" class="d-none" aria-hidden="true"></div>
                            <label class="small font-weight-bold" for="pci-pc-iv-performance-auditing-narrative">Actual Achievement</label>
                            <textarea name="pc_iv_sustainability_reporting[performance_auditing_narrative]" id="pci-pc-iv-performance-auditing-narrative" rows="5" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="Indicate actual achievements against objectives envisaged in the PC-I..." {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvReporting['performance_auditing_narrative'] ?? '' }}</textarea>
                            <label class="small font-weight-bold mt-3" for="pci-pc-iv-objectives-not-achieved-reasons">Reasons (if objectives not fully/partially achieved)</label>
                            <textarea name="pc_iv_sustainability_reporting[objectives_not_achieved_reasons]" id="pci-pc-iv-objectives-not-achieved-reasons" rows="3" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="In case of not achieving the objectives fully/partially, indicate reasons thereof." {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvReporting['objectives_not_achieved_reasons'] ?? '' }}</textarea>
                        </div>
                    </div>
                </div>

                {{-- Sub-section 3: Post-Completion Realized Strategic Climate Change Co-Benefits Reporting --}}
                <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-realized-climate-body" aria-expanded="true" id="pci-pc-iv-realized-climate-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">16. Climate Co-Benefits</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-realized-climate-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="form-group mb-3">
                                <label class="small font-weight-bold" for="pci-pc-iv-realized-adaptation">a) Realized Adaptation Co-Benefits: (Concrete steps taken to counter regional climate exposures)</label>
                                <textarea name="pc_iv_sustainability_reporting[realized_adaptation_co_benefits]" id="pci-pc-iv-realized-adaptation" rows="4" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="Detail resilience improvements, disaster-proofing, thermal counters applied..." {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvReporting['realized_adaptation_co_benefits'] ?? '' }}</textarea>
                            </div>
                            <div class="form-group mb-0">
                                <label class="small font-weight-bold" for="pci-pc-iv-realized-mitigation">b) Realized Mitigation Co-Benefits: (Concrete steps taken to limit or sequester carbon greenhouse emissions)</label>
                                <textarea name="pc_iv_sustainability_reporting[realized_mitigation_co_benefits]" id="pci-pc-iv-realized-mitigation" rows="4" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="Detail carbon footprint drops, renewable transitions, energy conservation metrics realized..." {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvReporting['realized_mitigation_co_benefits'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>