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

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

    $pciIvIssuesLessonsWizardStep = (int) ($pciIvIssuesLessonsWizardStep ?? 12);
    $pciIvIssuesLessonsStepTitle = $pciIvIssuesLessonsStepTitle ?? '12. Issues Faced, Lessons Learned & Suggestions';

    $pciIvLessonFields = [
        'lesson_project_identification' => 'a) Project identification',
        'lesson_project_preparation' => 'b) Project preparation',
        'lesson_project_approval' => 'c) Project approval',
        'lesson_project_financing' => 'd) Project financing',
        'lesson_project_implementation' => 'e) Project implementation',
        'lesson_climate_vulnerability' => 'f) Project vulnerability to climate change',
    ];
@endphp

<div class="pci-page" data-page="{{ $pciIvIssuesLessonsWizardStep }}" data-pci-nav-key="pc-iv-issues-lessons-suggestions" data-pci-step-title="{{ $pciIvIssuesLessonsStepTitle }}" data-pci-step-theme="5" data-pci-step-icon="lightbulb"
    id="pci-pc-iv-issues-lessons-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-issues-lessons-body" aria-expanded="true" id="pci-pc-iv-issues-lessons-toggle">
            <span class="pci-gi-bar-title">Issues Faced, Lessons Learned &amp; Suggestions</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-iv-issues-lessons-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- 24. Issues Faced during Implementation --}}
                <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-operational-bottlenecks-body" aria-expanded="true" id="pci-pc-iv-operational-bottlenecks-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">24. Issues Faced during Implementation</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-operational-bottlenecks-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <p class="text-muted small mb-2">Organizational Management · Capacity of the department · Decision making · Climate and disaster risk · Any other</p>
                            <textarea name="pc_iv_issues_lessons_suggestions[operational_bottlenecks_strategic_issues]"
                                id="pci-pc-iv-operational-bottlenecks"
                                rows="6"
                                class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                placeholder="Indicate whether project has been implemented as per approved cost, scope and time. Mention risks faced and measures taken..."
                                {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvIssuesLessons['operational_bottlenecks_strategic_issues'] ?? '' }}</textarea>
                        </div>
                    </div>
                </div>

                {{-- 25. Lessons learned --}}
                <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-lessons-learned-body" aria-expanded="true" id="pci-pc-iv-lessons-learned-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">25. Lessons learned</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-lessons-learned-body" class="collapse show">
                        <div class="pci-gi-mint">
                            @foreach($pciIvLessonFields as $lessonKey => $lessonLabel)
                            <div class="form-group mb-2">
                                <label class="small font-weight-bold" for="pci-pc-iv-{{ $lessonKey }}">{{ $lessonLabel }}</label>
                                <textarea name="pc_iv_issues_lessons_suggestions[{{ $lessonKey }}]"
                                    id="pci-pc-iv-{{ $lessonKey }}"
                                    rows="2"
                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                    {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvIssuesLessons[$lessonKey] ?? '' }}</textarea>
                            </div>
                            @endforeach
                            <div class="form-group mb-0 mt-3">
                                <label class="small font-weight-bold" for="pci-pc-iv-lessons-learned">Systemic Lessons Learned (extra narrative)</label>
                                <textarea name="pc_iv_issues_lessons_suggestions[systemic_lessons_learned_breakdown]"
                                    id="pci-pc-iv-lessons-learned"
                                    rows="3"
                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                    placeholder="Optional consolidated lessons narrative"
                                    {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvIssuesLessons['systemic_lessons_learned_breakdown'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- 26. Suggestions --}}
                <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-policy-suggestions-body" aria-expanded="true" id="pci-pc-iv-policy-suggestions-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">26. Suggestions for Future Planning &amp; Implementation of Similar Projects</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-policy-suggestions-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <textarea name="pc_iv_issues_lessons_suggestions[operational_policy_suggestions]"
                                id="pci-pc-iv-policy-suggestions"
                                rows="6"
                                class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                placeholder="Suggestions to improve planning &amp; implementation of similar projects, keeping in view lessons learned..."
                                {{ !$pciIvEdit ? 'readonly' : '' }}>{{ $pciIvIssuesLessons['operational_policy_suggestions'] ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>