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

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

    $pciVRofExpenditures = is_array($pciVRof['recurring_expenditures'] ?? null) ? $pciVRof['recurring_expenditures'] : [];
    $pciVRofManpower = is_array($pciVRof['operational_manpower'] ?? null) ? $pciVRof['operational_manpower'] : [];

    $pciVRofExpenditureRows = [
        'establishment_salaries' => 'Establishment/Salaries',
        'commodities_operations' => 'Commodities/Operations',
        'repair_maintenance' => 'Repair & Maintenance',
    ];
    $pciVRofManpowerRows = [
        'executive_officers' => 'Executive / Officers (BPS 17 & Above)',
        'technical_auxiliary' => 'Technical / Auxiliary Staff',
        'support_staff' => 'Support Staff (BPS 1-16)',
    ];

    $pciVRofWizardStep = (int) ($pciVRofWizardStep ?? 4);
    $pciVRofStepTitle = $pciVRofStepTitle ?? ($pciVRofWizardStep . '. Recurring Operational Costs & Manpower Deployment Framework');
@endphp

<div class="pci-page" data-page="{{ $pciVRofWizardStep }}" data-pci-nav-key="pc-v-recurring-operational-framework" data-pci-step-title="{{ $pciVRofStepTitle }}" data-pci-step-theme="5" data-pci-step-icon="coins" id="pci-pc-v-recurring-operational-framework-section">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-v-rof-body" aria-expanded="true" id="pci-pc-v-rof-toggle">
            <span class="pci-gi-bar-title">{{ $pciVRofWizardStep }}. Recurring Operational Costs &amp; Manpower Deployment Framework</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-v-rof-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Subsection 3: Planned vs Actual Recurring Operational Expenditures --}}
                <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-rof-expenditures-body" aria-expanded="true" id="pci-pc-v-rof-expenditures-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">3. Planned vs Actual Recurring Operational Expenditures (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-rof-expenditures-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0 pci-pc-v-rof-expenditures-table" id="pci-pc-v-rof-expenditures-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left align-middle" style="min-width:14rem;">Recurring Operational Components</th>
                                            <th class="text-left align-middle" style="min-width:10rem;">Planned Target (As per PC-I)</th>
                                            <th class="text-left align-middle" style="min-width:10rem;">Actual Cost (Under Report Year)</th>
                                            <th class="text-left align-middle" style="min-width:14rem;">Variance/Deviations Remarks</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pciVRofExpenditureRows as $expKey => $expLabel)
                                        @php
                                            $expSaved = is_array($pciVRofExpenditures[$expKey] ?? null) ? $pciVRofExpenditures[$expKey] : [];
                                        @endphp
                                        <tr data-pc-v-rof-exp-row="{{ $expKey }}">
                                            <th class="text-left align-middle font-weight-bold">{{ $expLabel }}</th>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_recurring_operational_framework[recurring_expenditures][{{ $expKey }}][planned_target]"
                                                    value="{{ $pciVDisplayMillion($expSaved['planned_target'] ?? '') }}"
                                                    class="form-control form-control-sm pci-pc-v-rof-million text-right {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder="0.0000"
                                                    inputmode="decimal"
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_recurring_operational_framework[recurring_expenditures][{{ $expKey }}][actual_cost]"
                                                    value="{{ $pciVDisplayMillion($expSaved['actual_cost'] ?? '') }}"
                                                    class="form-control form-control-sm pci-pc-v-rof-million text-right {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder="0.0000"
                                                    inputmode="decimal"
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_recurring_operational_framework[recurring_expenditures][{{ $expKey }}][variance_remarks]"
                                                    value="{{ $expSaved['variance_remarks'] ?? '' }}"
                                                    class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder=""
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Subsection 4: Planned vs Actual Operational Manpower Employed --}}
                <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-v-rof-manpower-body" aria-expanded="true" id="pci-pc-v-rof-manpower-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">4. Planned vs Actual Operational Manpower Employed</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-rof-manpower-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0 pci-pc-v-rof-manpower-table" id="pci-pc-v-rof-manpower-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left align-middle" style="min-width:14rem;">Staff Cadre Classification (Category-wise)</th>
                                            <th class="text-left align-middle" style="min-width:8rem;">Proposed Strength (PC-I)</th>
                                            <th class="text-left align-middle" style="min-width:8rem;">Actually Employed Structure</th>
                                            <th class="text-left align-middle" style="min-width:14rem;">Functional Status / Variance Reason</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pciVRofManpowerRows as $mpKey => $mpLabel)
                                        @php
                                            $mpSaved = is_array($pciVRofManpower[$mpKey] ?? null) ? $pciVRofManpower[$mpKey] : [];
                                        @endphp
                                        <tr data-pc-v-rof-mp-row="{{ $mpKey }}">
                                            <th class="text-left align-middle font-weight-bold">{{ $mpLabel }}</th>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_recurring_operational_framework[operational_manpower][{{ $mpKey }}][proposed_strength]"
                                                    value="{{ $pciVDisplayQty($mpSaved['proposed_strength'] ?? '') }}"
                                                    class="form-control form-control-sm pci-pc-v-rof-qty text-center {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder="0"
                                                    inputmode="numeric"
                                                    pattern="[0-9]*"
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_recurring_operational_framework[operational_manpower][{{ $mpKey }}][actually_employed]"
                                                    value="{{ $pciVDisplayQty($mpSaved['actually_employed'] ?? '') }}"
                                                    class="form-control form-control-sm pci-pc-v-rof-qty text-center {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder="0"
                                                    inputmode="numeric"
                                                    pattern="[0-9]*"
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_recurring_operational_framework[operational_manpower][{{ $mpKey }}][functional_status]"
                                                    value="{{ $mpSaved['functional_status'] ?? '' }}"
                                                    class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder=""
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>