@once
@push('stylesheets')
<style>
    .pci-pc-v-llsp-section .pci-table.pci-pc-v-operations-ledger-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-pc-v-llsp-section .pci-pc-v-climate-resilience-vertical {
        color: #1e7e34;
    }
</style>
@endpush
@endonce

@php
    $pciVEdit = canField('pc-forms', 'project_brief_descriptions', 'edit');
    $pciVSrc = $pcForm ?? null;
    $pciVFill = $pciCrudDraftFill ?? [];

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

    $pciVLlspLedger = is_array($pciVLlsp['operations_ledger_analytics'] ?? null) ? $pciVLlsp['operations_ledger_analytics'] : [];

    $pciVLlspLedgerRows = [
        'operation_management' => ['label' => 'Operation Management', 'green' => false],
        'maintenance_practices' => ['label' => 'Maintenance Practices', 'green' => false],
        'marketing_delivery_channels' => ['label' => 'Marketing / Delivery Channels', 'green' => false],
        'institutional_management' => ['label' => 'Institutional Management', 'green' => false],
        'climate_resilience_systematics' => ['label' => 'Climate Resilience Systematics', 'green' => true],
    ];

    $pciVLlspWizardStep = (int) ($pciVLlspWizardStep ?? 7);
    $pciVLlspStepTitle = $pciVLlspStepTitle ?? ($pciVLlspWizardStep . '. Lessons Learned, Executive Management Changes & Strategic Planning');
@endphp

<div class="pci-page pci-pc-v-llsp-section" data-page="{{ $pciVLlspWizardStep }}" data-pci-nav-key="pc-v-lessons-learned-strategic-planning" data-pci-step-title="{{ $pciVLlspStepTitle }}" data-pci-step-theme="5" data-pci-step-icon="book-open" id="pci-pc-v-llsp-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-llsp-body" aria-expanded="true" id="pci-pc-v-llsp-toggle">
            <span class="pci-gi-bar-title">{{ $pciVLlspWizardStep }}. Lessons Learned, Executive Management Changes &amp; Strategic Planning</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-v-llsp-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Subsection 14: Operations Ledger Analytics --}}
                <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-llsp-ledger-body" aria-expanded="true" id="pci-pc-v-llsp-ledger-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">14. Operations Ledger Analytics – Lessons Learned During Report Year</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-llsp-ledger-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-operations-ledger-table" id="pci-pc-v-operations-ledger-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left align-middle" style="min-width:12rem;">Operational Verticals</th>
                                            <th class="text-left align-middle" style="min-width:16rem;">Key Bottlenecks / System Failures Experienced</th>
                                            <th class="text-left align-middle" style="min-width:16rem;">Strategic Remedial Actions Executed / Lessons Learned</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pciVLlspLedgerRows as $rowKey => $rowMeta)
                                        @php
                                            $rowSaved = is_array($pciVLlspLedger[$rowKey] ?? null) ? $pciVLlspLedger[$rowKey] : [];
                                            $rowLabelClass = ($rowMeta['green'] ?? false) ? 'pci-pc-v-climate-resilience-vertical' : '';
                                        @endphp
                                        <tr data-pc-v-llsp-ledger-row="{{ $rowKey }}">
                                            <th class="text-left align-middle font-weight-bold {{ $rowLabelClass }}">{{ $rowMeta['label'] }}</th>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_lessons_learned_strategic_planning[operations_ledger_analytics][{{ $rowKey }}][key_bottlenecks_system_failures]"
                                                    value="{{ $rowSaved['key_bottlenecks_system_failures'] ?? '' }}"
                                                    class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder=""
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text"
                                                    name="pc_v_lessons_learned_strategic_planning[operations_ledger_analytics][{{ $rowKey }}][strategic_remedial_actions_lessons]"
                                                    value="{{ $rowSaved['strategic_remedial_actions_lessons'] ?? '' }}"
                                                    class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                                    placeholder=""
                                                    {{ !$pciVEdit ? 'readonly' : '' }} />
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Subsection 15: Alterations or Structural Changes in Project Management Organogram --}}
                <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-llsp-organogram-body" aria-expanded="true" id="pci-pc-v-llsp-organogram-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">15. Alterations or Structural Changes in Project Management Organogram</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-llsp-organogram-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="form-group mb-0">
                                <label class="sr-only" for="pci-pc-v-llsp-organogram-alterations">Alterations or Structural Changes in Project Management Organogram</label>
                                <textarea
                                    name="pc_v_lessons_learned_strategic_planning[organogram_alterations]"
                                    id="pci-pc-v-llsp-organogram-alterations"
                                    rows="4"
                                    class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                    placeholder="Record any active changes regarding Project Director, Executive Board shifts, or line department modifications during this year..."
                                    {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVLlsp['organogram_alterations'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Subsection 16: Strategic Suggestions to Optimize Overall Project Performance Standards --}}
                <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-llsp-strategic-body" aria-expanded="true" id="pci-pc-v-llsp-strategic-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">16. Strategic Suggestions to Optimize Overall Project Performance Standards</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-llsp-strategic-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="form-group mb-0">
                                <label class="sr-only" for="pci-pc-v-llsp-strategic-suggestions">Strategic Suggestions to Optimize Overall Project Performance Standards</label>
                                <textarea
                                    name="pc_v_lessons_learned_strategic_planning[strategic_performance_suggestions]"
                                    id="pci-pc-v-llsp-strategic-suggestions"
                                    rows="4"
                                    class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                    placeholder="Provide data-driven optimization proposals or policy enhancements for macro execution structures..."
                                    {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVLlsp['strategic_performance_suggestions'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>