@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 '';
        }
    };

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

    $pciIvMatrix = old('pc_iv_implementation_period_matrix');
    if (! is_array($pciIvMatrix)) {
        $pciIvMatrix = $pciIvSrc?->pc_iv_implementation_period_matrix ?? ($pciIvFill['pc_iv_implementation_period_matrix'] ?? []);
        if (! is_array($pciIvMatrix)) {
            $pciIvMatrix = [];
        }
    }
    $pciIvMatrixPci = is_array($pciIvMatrix['pci'] ?? null) ? $pciIvMatrix['pci'] : [];
    $pciIvMatrixActual = is_array($pciIvMatrix['actual'] ?? null) ? $pciIvMatrix['actual'] : [];

    $pciIvExtensions = old('pc_iv_authorized_extensions');
    if (! is_array($pciIvExtensions)) {
        $pciIvExtensions = $pciIvSrc?->pc_iv_authorized_extensions ?? ($pciIvFill['pc_iv_authorized_extensions'] ?? []);
        if (! is_array($pciIvExtensions)) {
            $pciIvExtensions = [];
        }
    }
    $pciIvExtensions = array_values($pciIvExtensions);
    if ($pciIvExtensions === []) {
        $pciIvExtensions = [['extension_date' => '', 'description' => '']];
    }

    $pciIvAttMap = $existingAttachmentsMap ?? [];
    $pciIvForumAttRows = [];
    $pciIvForumAnnRows = [];
    if (! empty($pciIvAttMap['pc_iv_forum_decision_attachments[]']) && is_array($pciIvAttMap['pc_iv_forum_decision_attachments[]'])) {
        foreach ($pciIvAttMap['pc_iv_forum_decision_attachments[]'] as $f) {
            if (empty($f['path'])) {
                continue;
            }
            $pciIvForumAttRows[] = ['path' => $f['path'], 'title' => $f['name'] ?? basename((string) $f['path'])];
        }
    }
    if (! empty($pciIvAttMap['pc_iv_forum_decision_annexures[]']) && is_array($pciIvAttMap['pc_iv_forum_decision_annexures[]'])) {
        foreach ($pciIvAttMap['pc_iv_forum_decision_annexures[]'] as $f) {
            if (empty($f['path'])) {
                continue;
            }
            $pciIvForumAnnRows[] = ['path' => $f['path'], 'title' => $f['name'] ?? basename((string) $f['path'])];
        }
    }

    $pciIvLifecycleWizardStep = (int) ($pciIvLifecycleWizardStep ?? 4);
    $pciIvLifecycleStepTitle = $pciIvLifecycleStepTitle ?? '4. Date of Approval & Implementation Period';

    $pciIvForumOptions = [
        'DDWP' => 'DDWP',
        'CDWP' => 'CDWP',
        'ECNEC' => 'ECNEC',
        'PDWP' => 'PDWP',
        'Other' => 'Other',
    ];
    $pciIvOriginalForumVal = trim((string) ($pciIvForums['original_forum'] ?? ''));
    $pciIvApprovingForumVal = trim((string) ($pciIvForums['approving_forum'] ?? ''));
    if ($pciIvApprovingForumVal === '' && $pciIvOriginalForumVal !== '') {
        $pciIvApprovingForumVal = $pciIvOriginalForumVal;
    }
    foreach ([$pciIvOriginalForumVal, $pciIvApprovingForumVal, trim((string) ($pciIvForums['revised_forum'] ?? ''))] as $extraForum) {
        if ($extraForum !== '' && ! array_key_exists($extraForum, $pciIvForumOptions)) {
            $pciIvForumOptions = [$extraForum => $extraForum] + $pciIvForumOptions;
        }
    }
@endphp

<div class="pci-page" data-page="{{ $pciIvLifecycleWizardStep }}" data-pci-nav-key="pc-iv-lifecycle" data-pci-step-title="{{ $pciIvLifecycleStepTitle }}" data-pci-step-theme="4" data-pci-step-icon="calendar-check">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iv-lifecycle-body" aria-expanded="true" id="pci-pc-iv-lifecycle-toggle">
            <span class="pci-gi-bar-title">Date of Approval &amp; Implementation Period</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-iv-lifecycle-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Date of Administrative Approval & Approving Competent Forum (collapsible) --}}
                <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-sect-forum-body" aria-expanded="true" id="pci-pc-iv-sect-forum-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">6. Date of Approval &amp; Approving Forum (DDWP/CDWP/ECNEC/PDWP/Other)</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-sect-forum-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="row mb-3">
                                <div class="col-md-6 mb-3 mb-md-0">
                                    <x-form.readonly-input label="Date of Approval" id="pci-approval-date" value="" placeholder="—" />
                                    <p class="small text-muted mb-0 mt-1">From BPMS scheme approval date.</p>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <label for="pci-pc-iv-forum-approving">Approving Forum</label>
                                        <select name="pc_iv_approval_forums[approving_forum]"
                                            id="pci-pc-iv-forum-approving"
                                            class="form-control select2-pci {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                            {{ !$pciIvEdit ? 'disabled' : '' }}>
                                            <option value="">Select DDWP, CDWP, ECNEC, PDWP, Other</option>
                                            @foreach($pciIvForumOptions as $forumKey => $forumLabel)
                                            <option value="{{ $forumKey }}" @selected($pciIvApprovingForumVal === (string) $forumKey)>{{ $forumLabel }}</option>
                                            @endforeach
                                        </select>
                                        @if(!$pciIvEdit && $pciIvApprovingForumVal !== '')
                                        <input type="hidden" name="pc_iv_approval_forums[approving_forum]" value="{{ $pciIvApprovingForumVal }}" />
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3 mb-md-0">
                                    <div class="form-group mb-0">
                                        <label for="pci-pc-iv-forum-original">Original Approving Competent Forum</label>
                                        <select name="pc_iv_approval_forums[original_forum]"
                                            id="pci-pc-iv-forum-original"
                                            class="form-control select2-pci {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                            {{ !$pciIvEdit ? 'disabled' : '' }}>
                                            <option value="">Select forum</option>
                                            @foreach($pciIvForumOptions as $forumKey => $forumLabel)
                                            <option value="{{ $forumKey }}" @selected($pciIvOriginalForumVal === (string) $forumKey)>{{ $forumLabel }}</option>
                                            @endforeach
                                        </select>
                                        @if(!$pciIvEdit && $pciIvOriginalForumVal !== '')
                                        <input type="hidden" name="pc_iv_approval_forums[original_forum]" value="{{ $pciIvOriginalForumVal }}" />
                                        @endif
                                        <p class="small text-muted mb-0 mt-2"><i class="fas fa-paperclip mr-1"></i>Note: Mandatory to enclose copies of the official forum decision notifications.</p>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="pci-pc-iv-forum-revised">Revised — Approving Competent Forum</label>
                                        <select name="pc_iv_approval_forums[revised_forum]"
                                            id="pci-pc-iv-forum-revised"
                                            class="form-control select2-pci {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                            {{ !$pciIvEdit ? 'disabled' : '' }}>
                                            <option value="">Select forum (if revised)</option>
                                            @foreach($pciIvForumOptions as $forumKey => $forumLabel)
                                            <option value="{{ $forumKey }}" @selected(trim((string) ($pciIvForums['revised_forum'] ?? '')) === (string) $forumKey)>{{ $forumLabel }}</option>
                                            @endforeach
                                        </select>
                                        @if(!$pciIvEdit && trim((string) ($pciIvForums['revised_forum'] ?? '')) !== '')
                                        <input type="hidden" name="pc_iv_approval_forums[revised_forum]" value="{{ $pciIvForums['revised_forum'] }}" />
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="mt-3 pt-3 border-top">
                                <h6 class="small font-weight-bold text-uppercase mb-3">Forum Decision Attachments</h6>
                                @include('pc-forms.partials.pci-textarea-map-files', [
                                    'filesEdit' => $pciIvEdit,
                                    'attachmentRows' => $pciIvForumAttRows,
                                    'annexureRows' => $pciIvForumAnnRows,
                                    'attFieldName' => 'pc_iv_forum_decision_attachments[]',
                                    'annFieldName' => 'pc_iv_forum_decision_annexures[]',
                                    'uid' => 'pci-pc-iv-forum-decisions',
                                    'pcForm' => $pcForm ?? null,
                                ])
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Implementation Period Matrix (collapsible) --}}
                <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-sect-matrix-body" aria-expanded="true" id="pci-pc-iv-sect-matrix-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">7. Implementation Period</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-sect-matrix-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered mb-0 pci-pc-iv-impl-matrix-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left" style="min-width:12rem;">Timeline Classification</th>
                                            <th style="min-width:10rem;">Date of Commencement</th>
                                            <th style="min-width:10rem;">Date of Completion</th>
                                            <th style="min-width:8rem;">Total Duration (Months)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr id="pci-pc-iv-matrix-pci-row">
                                            <th class="text-left align-middle">As Per Approved PC-I</th>
                                            <td>
                                                <input type="date"
                                                    name="pc_iv_implementation_period_matrix[pci][commencement_date]"
                                                    id="pci-pc-iv-matrix-pci-commencement"
                                                    value="{{ $pciIvDateVal($pciIvMatrixPci['commencement_date'] ?? '') }}"
                                                    class="form-control form-control-sm pci-pc-iv-open-if-empty {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    data-pci-iv-lock-source="prefill"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="date"
                                                    name="pc_iv_implementation_period_matrix[pci][completion_date]"
                                                    id="pci-pc-iv-matrix-pci-completion"
                                                    value="{{ $pciIvDateVal($pciIvMatrixPci['completion_date'] ?? '') }}"
                                                    class="form-control form-control-sm pci-pc-iv-open-if-empty {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    data-pci-iv-lock-source="prefill"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text" id="pci-pc-iv-matrix-pci-duration-display" class="form-control form-control-sm pci-readonly" readonly value="{{ $pciIvMatrixPci['duration_months'] ?? '' }}" placeholder="—" tabindex="-1" aria-readonly="true" />
                                                <input type="hidden" name="pc_iv_implementation_period_matrix[pci][duration_months]" id="pci-pc-iv-matrix-pci-duration" value="{{ $pciIvMatrixPci['duration_months'] ?? '' }}" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="text-left align-middle">Actual Executed Realization</th>
                                            <td>
                                                <input type="date"
                                                    name="pc_iv_implementation_period_matrix[actual][commencement_date]"
                                                    id="pci-pc-iv-matrix-actual-commencement"
                                                    value="{{ $pciIvDateVal($pciIvMatrixActual['commencement_date'] ?? '') }}"
                                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="date"
                                                    name="pc_iv_implementation_period_matrix[actual][completion_date]"
                                                    id="pci-pc-iv-matrix-actual-completion"
                                                    value="{{ $pciIvDateVal($pciIvMatrixActual['completion_date'] ?? '') }}"
                                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text" id="pci-pc-iv-matrix-actual-duration-display" class="form-control form-control-sm pci-readonly" readonly value="" placeholder="—" tabindex="-1" aria-readonly="true" />
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Authorized extensions (collapsible) --}}
                <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-sect-extensions-body" aria-expanded="true" id="pci-pc-iv-sect-extensions-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">7(b). Extension(s) in the Implementation Period (if any)</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-sect-extensions-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div id="pci-pc-iv-extensions-rows">
                                @foreach($pciIvExtensions as $extIdx => $extRow)
                                <div class="row mb-2 pci-pc-iv-extension-row align-items-center" data-index="{{ $extIdx }}">
                                    @if($pciIvEdit)
                                    <div class="col-auto pl-3 pr-0">
                                        @if($extIdx === 0)
                                        <button type="button" class="btn btn-sm btn-outline-success pci-pc-iv-extension-add" title="Add extension" aria-label="Add extension"><i class="fas fa-plus"></i></button>
                                        @else
                                        <button type="button" class="btn btn-sm btn-outline-danger pci-pc-iv-extension-remove" title="Remove extension" aria-label="Remove extension"><i class="fas fa-minus"></i></button>
                                        @endif
                                    </div>
                                    @endif
                                    <div class="col-md-3 mb-2 mb-md-0">
                                        <input type="date"
                                            name="pc_iv_authorized_extensions[{{ $extIdx }}][extension_date]"
                                            value="{{ $pciIvDateVal($extRow['extension_date'] ?? '') }}"
                                            class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                            {{ !$pciIvEdit ? 'readonly' : '' }} />
                                    </div>
                                    <div class="col mb-2 mb-md-0">
                                        <input type="text"
                                            name="pc_iv_authorized_extensions[{{ $extIdx }}][description]"
                                            value="{{ $extRow['description'] ?? '' }}"
                                            class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                            placeholder="Specify added period in months, extension authority name..."
                                            {{ !$pciIvEdit ? 'readonly' : '' }} />
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>