@once
@push('stylesheets')
<style>
    .pci-form-wrapper .pci-table.pci-pc-iv-rbm-matrix-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-pc-iv-rbm-matrix-table .pci-pc-iv-rbm-progress-col,
    .pci-pc-iv-rbm-matrix-table thead .pci-pc-iv-rbm-progress-col {
        color: #c9a227;
    }
    .pci-pc-iv-rbm-matrix-table td.pci-pc-iv-rbm-cell textarea {
        min-height: 4.5rem;
        resize: vertical;
    }
    .pci-pc-iv-rbm-matrix-table td.pci-pc-iv-rbm-readonly textarea {
        background: #f8f9fa;
    }
</style>
@endpush
@endonce

@php
    $pciIvEdit = canField('pc-forms', 'project_brief_descriptions', 'edit');
    $pciIvSrc = $pcForm ?? null;
    $pciIvFill = $pciCrudDraftFill ?? [];

    $pciIvDateVal = static function ($val): string {
        if ($val === '' || $val === null) {
            return '';
        }
        if (preg_match('/^\d{4}-\d{2}-\d{2}$/', (string) $val)) {
            return (string) $val;
        }
        try {
            return \Illuminate\Support\Carbon::parse($val)->format('Y-m-d');
        } catch (\Throwable $e) {
            return '';
        }
    };

    $pciIvRevenue = old('pc_iv_consolidated_revenue_generation');
    if (! is_array($pciIvRevenue)) {
        $pciIvRevenue = $pciIvSrc?->pc_iv_consolidated_revenue_generation ?? ($pciIvFill['pc_iv_consolidated_revenue_generation'] ?? []);
        if (! is_array($pciIvRevenue)) {
            $pciIvRevenue = [];
        }
    }
    $pciIvRevenueMetrics = (string) ($pciIvRevenue['revenue_metrics'] ?? '');
    $pciIvRevenueYearRows = is_array($pciIvRevenue['year_wise_rows'] ?? null) ? array_values($pciIvRevenue['year_wise_rows']) : [];
    if ($pciIvRevenueYearRows === []) {
        $pciIvRevenueYearRows = [['year' => '', 'as_estimated_in_pci' => '', 'actual' => '']];
    }
    $pciIvDisplayMillion = fn (mixed $raw): string => app(\App\Services\PC\PcFormService::class)->formatPcIiiMillionForFormDisplay($raw, $pciIvEdit);

    $pciIvRbmMatrix = old('pc_iv_rbm_realized_matrix');
    if (! is_array($pciIvRbmMatrix)) {
        $pciIvRbmMatrix = $pciIvSrc?->pc_iv_rbm_realized_matrix ?? ($pciIvFill['pc_iv_rbm_realized_matrix'] ?? []);
        if (! is_array($pciIvRbmMatrix)) {
            $pciIvRbmMatrix = [];
        }
    }
    $pciIvRbmStoredRows = is_array($pciIvRbmMatrix['rows'] ?? null) ? array_values($pciIvRbmMatrix['rows']) : [];

    $pciIvPdHistory = old('pc_iv_project_directors_history');
    if (! is_array($pciIvPdHistory)) {
        $pciIvPdHistory = $pciIvSrc?->pc_iv_project_directors_history ?? ($pciIvFill['pc_iv_project_directors_history'] ?? []);
        if (! is_array($pciIvPdHistory)) {
            $pciIvPdHistory = [];
        }
    }
    $pciIvPdRows = is_array($pciIvPdHistory['rows'] ?? null) ? array_values($pciIvPdHistory['rows']) : [];
    if ($pciIvPdRows === []) {
        $pciIvPdRows = [['officer_name_designation' => '', 'from_date' => '', 'to_date' => '']];
    }

    $pciIvRevenueRbmWizardStep = (int) ($pciIvRevenueRbmWizardStep ?? 10);
    $pciIvRevenueRbmStepTitle = $pciIvRevenueRbmStepTitle ?? '10. Year-wise Income, RBM Indicators & Project Directors';
@endphp

<div class="pci-page" data-page="{{ $pciIvRevenueRbmWizardStep }}" data-pci-nav-key="pc-iv-revenue-rbm-leadership" data-pci-step-title="{{ $pciIvRevenueRbmStepTitle }}" data-pci-step-theme="5" data-pci-step-icon="chart-line"
    id="pci-pc-iv-revenue-rbm-section"
    data-pci-iv-edit="{{ $pciIvEdit ? '1' : '0' }}"
    data-pci-iv-stored-rbm="{{ e(json_encode($pciIvRbmStoredRows)) }}">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iv-revenue-rbm-body" aria-expanded="true" id="pci-pc-iv-revenue-rbm-toggle">
            <span class="pci-gi-bar-title">Year-wise Income, RBM Indicators &amp; Project Directors</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-iv-revenue-rbm-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- 17. Year-wise Income from Services/Revenue Generation --}}
                <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-revenue-generation-body" aria-expanded="true" id="pci-pc-iv-revenue-generation-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">17. Year-wise Income from Services / Revenue Generation (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-revenue-generation-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <label class="small font-weight-bold" for="pci-pc-iv-revenue-metrics">Type of services / income (narrative)</label>
                            <input type="text"
                                name="pc_iv_consolidated_revenue_generation[revenue_metrics]"
                                id="pci-pc-iv-revenue-metrics"
                                value="{{ $pciIvRevenueMetrics }}"
                                class="form-control form-control-sm mb-3 {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                placeholder="Details and type of services rendered / income generation"
                                {{ !$pciIvEdit ? 'readonly' : '' }} />
                            @if($pciIvEdit)
                            <div class="d-flex justify-content-end mb-2">
                                <button type="button" class="btn btn-sm btn-primary" id="pci-pc-iv-revenue-year-add">+ Add Year</button>
                            </div>
                            @endif
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered table-sm mb-0" id="pci-pc-iv-revenue-year-table">
                                    <thead>
                                        <tr>
                                            <th style="width:3rem;">S.No</th>
                                            <th style="min-width:8rem;">Year</th>
                                            <th>As Estimated in the PC-I</th>
                                            <th class="pci-pc-iv-rbm-progress-col">Actual</th>
                                            @if($pciIvEdit)<th style="width:3rem;"></th>@endif
                                        </tr>
                                    </thead>
                                    <tbody id="pci-pc-iv-revenue-year-tbody">
                                        @foreach($pciIvRevenueYearRows as $ryIdx => $ryRow)
                                        @php $ryRow = is_array($ryRow) ? $ryRow : []; @endphp
                                        <tr class="pci-pc-iv-revenue-year-row" data-pc-iv-revenue-year-row="{{ $ryIdx }}">
                                            <td class="text-center align-middle"><span class="pci-pc-iv-revenue-year-sno font-weight-bold">{{ $ryIdx + 1 }}</span></td>
                                            <td><input type="text" name="pc_iv_consolidated_revenue_generation[year_wise_rows][{{ $ryIdx }}][year]" value="{{ $ryRow['year'] ?? '' }}" class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="e.g. 2023-24" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iv_consolidated_revenue_generation[year_wise_rows][{{ $ryIdx }}][as_estimated_in_pci]" value="{{ $pciIvDisplayMillion($ryRow['as_estimated_in_pci'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num text-right {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.00" inputmode="decimal" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iv_consolidated_revenue_generation[year_wise_rows][{{ $ryIdx }}][actual]" value="{{ $pciIvDisplayMillion($ryRow['actual'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num text-right pci-pc-iv-rbm-progress-col {{ !$pciIvEdit ? 'pci-readonly' : '' }}" placeholder="0.00" inputmode="decimal" {{ !$pciIvEdit ? 'readonly' : '' }} /></td>
                                            @if($pciIvEdit)
                                            <td class="text-center"><button type="button" class="btn btn-link text-danger btn-sm pci-pc-iv-revenue-year-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- 18. RBM Indicators --}}
                <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-rbm-matrix-body" aria-expanded="true" id="pci-pc-iv-rbm-matrix-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">18. RBM Indicators as given in the PC-I</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-rbm-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 pci-pc-iv-rbm-matrix-table" id="pci-pc-iv-rbm-matrix-table">
                                    <thead>
                                        <tr>
                                            <th class="text-center align-middle" style="min-width:9rem;">Input Matrix</th>
                                            <th class="text-center align-middle" style="min-width:9rem;">Output Metrics</th>
                                            <th class="text-center align-middle pci-pc-iv-rbm-progress-col" style="min-width:9rem;">Output Progress Indicator</th>
                                            <th class="text-center align-middle" style="min-width:9rem;">Baseline Indicator</th>
                                            <th class="text-center align-middle" style="min-width:9rem;">Target Standards</th>
                                            <th class="text-center align-middle pci-pc-iv-rbm-progress-col" style="min-width:9rem;">Outcome Progress Indicator</th>
                                            <th class="text-center align-middle" style="min-width:9rem;">Target Macro Impact</th>
                                            <th class="text-center align-middle pci-pc-iv-rbm-progress-col font-weight-bold" style="min-width:9rem;">Impact Progress</th>
                                            @if($pciIvEdit)
                                            <th class="text-center align-middle" style="width:3rem;">&nbsp;</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody id="pci-pc-iv-rbm-matrix-tbody">
                                        <tr id="pci-pc-iv-rbm-matrix-empty">
                                            <td colspan="{{ $pciIvEdit ? 9 : 8 }}" class="text-center text-muted small py-3">Select a scheme to load RBM&amp;E matrix rows from approved PC-I indicators.</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            @if($pciIvEdit)
                            <div class="mt-2">
                                <button type="button" class="btn btn-sm btn-outline-success" id="pci-pc-iv-rbm-matrix-add" title="Add RBM row" aria-label="Add RBM row"><i class="fas fa-plus mr-1"></i>Add row</button>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Sub-section 3: Historical PD List --}}
                <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-pd-history-body" aria-expanded="true" id="pci-pc-iv-pd-history-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">19. List of Project Directors (PDs) till Completion</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-pd-history-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-pd-history-table">
                                    <thead>
                                        <tr>
                                            <th class="text-center" style="width:4rem;">S.No</th>
                                            <th>Name &amp; Designation</th>
                                            <th style="min-width:10rem;">From</th>
                                            <th style="min-width:10rem;">To</th>
                                            @if($pciIvEdit)
                                            <th class="text-center" style="width:3rem;">&nbsp;</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody id="pci-pc-iv-pd-history-tbody">
                                        @foreach($pciIvPdRows as $pdIdx => $pdRow)
                                        <tr class="pci-pc-iv-pd-row" data-pc-iv-pd-row="{{ $pdIdx }}">
                                            <td class="text-center align-middle"><span class="pci-pc-iv-pd-sno font-weight-bold">{{ $pdIdx + 1 }}</span></td>
                                            <td>
                                                <input type="text"
                                                    name="pc_iv_project_directors_history[rows][{{ $pdIdx }}][officer_name_designation]"
                                                    value="{{ $pdRow['officer_name_designation'] ?? '' }}"
                                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    placeholder="Enter complete name and scale rank of the executive officer"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="date"
                                                    name="pc_iv_project_directors_history[rows][{{ $pdIdx }}][from_date]"
                                                    value="{{ $pciIvDateVal($pdRow['from_date'] ?? '') }}"
                                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="date"
                                                    name="pc_iv_project_directors_history[rows][{{ $pdIdx }}][to_date]"
                                                    value="{{ $pciIvDateVal($pdRow['to_date'] ?? '') }}"
                                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            @if($pciIvEdit)
                                            <td class="text-center align-middle">
                                                @if($pdIdx === 0)
                                                <button type="button" class="btn btn-link text-success btn-sm pci-pc-iv-pd-add" title="Add PD row" aria-label="Add PD row"><i class="fas fa-plus"></i></button>
                                                @else
                                                <button type="button" class="btn btn-link text-danger btn-sm pci-pc-iv-pd-remove" title="Remove PD row" aria-label="Remove PD row"><i class="fas fa-trash-alt"></i></button>
                                                @endif
                                            </td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>