@once
@push('stylesheets')
<style>
    .pci-p3a-rev-root { margin-bottom: 1rem; }
    .pci-p3a-rev-record { border: 1px solid #c5dce8; border-radius: 10px; background: linear-gradient(180deg, #f4f9fc 0%, #eef6fb 100%); padding: .85rem .9rem 1rem; margin-bottom: 1rem; }
    .pci-p3a-rev-record:last-child { margin-bottom: 0; }
    .pci-p3a-rev-badge { display: inline-block; padding: .2rem .65rem; border-radius: 999px; font-size: .72rem; font-weight: 700; letter-spacing: .02em; margin-bottom: .75rem; }
    .pci-p3a-rev-badge--original { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
    .pci-p3a-rev-badge--revised { background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
    .pci-p3a-rev-fields { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem .75rem; margin-bottom: .85rem; }
    .pci-p3a-rev-field label { display: block; font-size: .62rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #64748b; margin-bottom: .2rem; }
    .pci-p3a-rev-field input.form-control,
    .pci-p3a-rev-field select.form-control { font-size: .82rem; min-height: 34px; border-color: #cbd5e1; background: #fff; }
    .pci-p3a-rev-field input.pci-readonly,
    .pci-p3a-rev-field select.pci-readonly { background: #f8fafc; color: #0f172a; }
    .pci-p3a-rev-table-wrap { border: 1px solid #c5dce8; border-radius: 8px; overflow: hidden; background: #fff; }
    .pci-p3a-rev-table-head { background: linear-gradient(180deg, #1e4a7a 0%, #16365a 100%); color: #fff; text-align: center; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: .5rem .65rem; }
    .pci-p3a-rev-table { width: 100%; margin: 0; border-collapse: collapse; }
    .pci-p3a-rev-table th,
    .pci-p3a-rev-table td { border: 1px solid #e2edf4; padding: .35rem .45rem; vertical-align: middle; }
    .pci-p3a-rev-table thead th { background: linear-gradient(180deg, #e8f2f8 0%, #dceaf3 100%); font-size: .62rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #475569; text-align: center; }
    .pci-p3a-rev-table tbody th { background: linear-gradient(180deg, #1e4a7a 0%, #16365a 100%); color: #fff; font-size: .68rem; font-weight: 700; text-transform: uppercase; text-align: center; width: 72px; }
    .pci-p3a-rev-table input.form-control { font-size: .82rem; text-align: right; min-height: 34px; border-color: #cbd5e1; }
    .pci-p3a-rev-table td.pci-p3a-rev-total { background: #e8f4fc; }
    @media (max-width: 991.98px) {
        .pci-p3a-rev-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
</style>
@endpush
@endonce

@php
    $pciP3aRevAttMap = $existingAttachmentsMap ?? [];
    $pciP3aRevAttRows = [];
    $pciP3aRevAnnRows = [];
    if (! empty($pciP3aRevAttMap['pc_iii_a_revision_history_attachments[]']) && is_array($pciP3aRevAttMap['pc_iii_a_revision_history_attachments[]'])) {
        foreach ($pciP3aRevAttMap['pc_iii_a_revision_history_attachments[]'] as $f) {
            if (empty($f['path'])) {
                continue;
            }
            $pciP3aRevAttRows[] = ['path' => $f['path'], 'title' => $f['name'] ?? basename((string) $f['path'])];
        }
    }
    if (! empty($pciP3aRevAttMap['pc_iii_a_revision_history_annexures[]']) && is_array($pciP3aRevAttMap['pc_iii_a_revision_history_annexures[]'])) {
        foreach ($pciP3aRevAttMap['pc_iii_a_revision_history_annexures[]'] as $f) {
            if (empty($f['path'])) {
                continue;
            }
            $pciP3aRevAnnRows[] = ['path' => $f['path'], 'title' => $f['name'] ?? basename((string) $f['path'])];
        }
    }
    $pciP3aForumOptions = [
        '' => 'Choose...',
        'cdwp' => 'CDWP',
        'ecnec' => 'ECNEC',
        'pdwp' => 'PDWP',
        'ddwp' => 'DDWP',
        'pre-pdwp' => 'Pre-PDWP',
        'cabinet' => 'Cabinet',
    ];
    $pciIiiARevRecords = old('pc_iii_a_revision_history');
    if (! is_array($pciIiiARevRecords)) {
        $pciIiiARevRecords = $pciIiiASrc?->pc_iii_a_revision_history ?? ($pciIiiAFill['pc_iii_a_revision_history'] ?? []);
        if (! is_array($pciIiiARevRecords)) {
            $pciIiiARevRecords = [];
        }
    }
    $pciIiiARevRecords = array_values($pciIiiARevRecords);
    if (count($pciIiiARevRecords) < 1) {
        $pciIiiARevRecords = [[
            'label' => 'Original PC-I',
            'aa_issued_date' => '',
            'ts_approval_date' => '',
            'first_tender_date' => '',
            'completion_date_pc_i' => '',
            'forum' => '',
            'amounts' => [
                'capital' => ['gos' => '', 'gop' => '', 'fpa' => '', 'beneficiary' => ''],
                'revenue' => ['gos' => '', 'gop' => '', 'fpa' => '', 'beneficiary' => ''],
            ],
        ]];
    }
    $pciIiiAFinAmt = fn (mixed $raw): string => ($pciIiiRichSvc ?? app(\App\Services\PC\PcFormService::class))->formatPcIiiMillionForFormDisplay($raw, $pciIiiAEdit);
@endphp

{{-- Step 4: Revision History --}}
<div class="pci-page" data-page="{{ $pciIiiABase + 3 }}" data-pci-nav-key="pc-iii-a-revision-history" data-pci-step-title="4. Revision History" data-pci-step-theme="2" data-pci-step-icon="history">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iii-a-revision-body" aria-expanded="true" id="pci-pc-iii-a-revision-toggle">
            <span class="pci-gi-bar-title">4. Revision History</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-iii-a-revision-body" class="collapse show">
            <div class="pci-gi-mint">
                @if($pciIiiAEdit)
                <div class="d-flex justify-content-end mb-2">
                    <button type="button" class="btn btn-sm btn-primary" id="pci-p3a-revision-add">+ Add Revision</button>
                </div>
                @endif
                <div class="pci-p3a-rev-root" id="pci-p3a-revision-records" aria-live="polite">
                    @foreach($pciIiiARevRecords as $ri => $rec)
                    @php
                        $cap = is_array($rec['amounts']['capital'] ?? null) ? $rec['amounts']['capital'] : [];
                        $rev = is_array($rec['amounts']['revenue'] ?? null) ? $rec['amounts']['revenue'] : [];
                        $badgeClass = $ri === 0 ? 'pci-p3a-rev-badge--original' : 'pci-p3a-rev-badge--revised';
                        $label = $rec['label'] ?? ($ri === 0 ? 'Original PC-I' : ('Revision '.$ri));
                    @endphp
                    <div class="pci-p3a-rev-record" data-rev-index="{{ $ri }}">
                        <div class="d-flex justify-content-between align-items-start mb-2">
                            <span class="pci-p3a-rev-badge {{ $badgeClass }}">{{ $label }}</span>
                            <input type="hidden" name="pc_iii_a_revision_history[{{ $ri }}][label]" value="{{ $label }}" />
                            @if($pciIiiAEdit && $ri > 0)
                            <button type="button" class="btn btn-sm btn-outline-danger pci-p3a-revision-remove" title="Remove revision">&times; Remove</button>
                            @endif
                        </div>
                        <div class="pci-p3a-rev-fields">
                            <div class="pci-p3a-rev-field"><label>Date of A.A. Issued</label><input type="date" name="pc_iii_a_revision_history[{{ $ri }}][aa_issued_date]" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" value="{{ $rec['aa_issued_date'] ?? ($rec['aa_date'] ?? '') }}" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></div>
                            <div class="pci-p3a-rev-field"><label>T.S. Approval Date</label><input type="date" name="pc_iii_a_revision_history[{{ $ri }}][ts_approval_date]" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" value="{{ $rec['ts_approval_date'] ?? '' }}" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></div>
                            <div class="pci-p3a-rev-field"><label>First Tender Date</label><input type="date" name="pc_iii_a_revision_history[{{ $ri }}][first_tender_date]" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" value="{{ $rec['first_tender_date'] ?? '' }}" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></div>
                            <div class="pci-p3a-rev-field"><label>Completion Date (PC-I)</label><input type="date" name="pc_iii_a_revision_history[{{ $ri }}][completion_date_pc_i]" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" value="{{ $rec['completion_date_pc_i'] ?? ($rec['end_date'] ?? '') }}" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></div>
                            <div class="pci-p3a-rev-field">
                                <label>Forum</label>
                                <select name="pc_iii_a_revision_history[{{ $ri }}][forum]" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" {{ !$pciIiiAEdit ? 'disabled' : '' }}>
                                    @foreach($pciP3aForumOptions as $fk => $fl)
                                    <option value="{{ $fk }}" @selected(($rec['forum'] ?? '') === $fk)>{{ $fl }}</option>
                                    @endforeach
                                </select>
                                @if(!$pciIiiAEdit && !empty($rec['forum']))
                                <input type="hidden" name="pc_iii_a_revision_history[{{ $ri }}][forum]" value="{{ $rec['forum'] }}" />
                                @endif
                            </div>
                        </div>
                        <div class="pci-p3a-rev-justify mb-3">
                            <label class="d-block small font-weight-bold text-muted text-uppercase mb-1">Justification</label>
                            <textarea name="pc_iii_a_revision_history[{{ $ri }}][justification]" rows="3" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Justification for this revision…" {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $rec['justification'] ?? '' }}</textarea>
                        </div>
                        <div class="pci-p3a-rev-table-wrap">
                            <div class="pci-p3a-rev-table-head">Amount (Rs. in Millions)</div>
                            <table class="pci-p3a-rev-table">
                                <thead>
                                    <tr>
                                        <th>Type</th>
                                        <th>GoS</th>
                                        <th>GoP</th>
                                        <th>FPA</th>
                                        <th>Beneficiary</th>
                                        <th>Total Cost</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th>Capital</th>
                                        @foreach(['gos', 'gop', 'fpa', 'beneficiary'] as $col)
                                        <td><input type="text" name="pc_iii_a_revision_history[{{ $ri }}][amounts][capital][{{ $col }}]" class="form-control form-control-sm pci-pc-iii-num pci-p3a-rev-amt {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" value="{{ $pciIiiAFinAmt($cap[$col] ?? '') }}" placeholder="0.000" inputmode="decimal" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                        @endforeach
                                        <td class="pci-p3a-rev-total"><input type="text" class="form-control form-control-sm pci-readonly pci-p3a-rev-row-total" readonly value="" data-rev-row="capital" /></td>
                                    </tr>
                                    <tr>
                                        <th>Revenue</th>
                                        @foreach(['gos', 'gop', 'fpa', 'beneficiary'] as $col)
                                        <td><input type="text" name="pc_iii_a_revision_history[{{ $ri }}][amounts][revenue][{{ $col }}]" class="form-control form-control-sm pci-pc-iii-num pci-p3a-rev-amt {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" value="{{ $pciIiiAFinAmt($rev[$col] ?? '') }}" placeholder="0.000" inputmode="decimal" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                        @endforeach
                                        <td class="pci-p3a-rev-total"><input type="text" class="form-control form-control-sm pci-readonly pci-p3a-rev-row-total" readonly value="" data-rev-row="revenue" /></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endforeach
                </div>

                <div class="pci-gi-wrap mb-0 mt-3">
                    <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-iii-a-revision-attachments-body" aria-expanded="true">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Attachments</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iii-a-revision-attachments-body" class="collapse show">
                        <div class="pci-gi-mint">
                            @include('pc-forms.partials.pci-textarea-map-files', [
                                'filesEdit' => $pciIiiAEdit,
                                'attachmentRows' => $pciP3aRevAttRows,
                                'annexureRows' => $pciP3aRevAnnRows,
                                'attFieldName' => 'pc_iii_a_revision_history_attachments[]',
                                'annFieldName' => 'pc_iii_a_revision_history_annexures[]',
                                'uid' => 'pci-pc-iii-a-revision',
                                'pcForm' => $pcForm ?? null,
                            ])
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="application/json" id="pci-p3a-forum-options-json">@json($pciP3aForumOptions)</script>