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

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

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

    $pciIvTreasuryRows = [
        'pla_assignment' => 'PLA / Assignment Account Structure',
        'commercial_bank' => 'Commercial Bank Current Account System',
        'interest_bearing' => 'Interest Bearing Saving Account / Other Modalities',
    ];

    $pciIvAccountsWizardStep = (int) ($pciIvAccountsControlWizardStep ?? 6);
    $pciIvAccountsStepTitle = $pciIvAccountsControlStepTitle ?? '6. Project Accounts';
@endphp

<div class="pci-page" data-page="{{ $pciIvAccountsWizardStep }}" data-pci-nav-key="pc-iv-accounts-control" data-pci-step-title="{{ $pciIvAccountsStepTitle }}" data-pci-step-theme="2" data-pci-step-icon="university">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iv-accounts-control-body" aria-expanded="true" id="pci-pc-iv-accounts-control-toggle">
            <span class="pci-gi-bar-title">10. Project Accounts</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-iv-accounts-control-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Sub-section A: Structural Mode of Treasury Bank Account --}}
                <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-treasury-structure-body" aria-expanded="true" id="pci-pc-iv-treasury-structure-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">a) Nature of Account</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-treasury-structure-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-treasury-structure-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left" style="min-width:14rem;">Account Allocation Classification</th>
                                            <th class="text-center" style="width:7rem;">Mark (X) if Active</th>
                                            <th class="text-center" style="min-width:10rem;">Date of Initial Opening</th>
                                            <th class="text-center" style="min-width:12rem;">Lapsable / Non-Lapsable</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pciIvTreasuryRows as $rowKey => $rowLabel)
                                        @php
                                            $rowData = is_array($pciIvTreasury[$rowKey] ?? null) ? $pciIvTreasury[$rowKey] : [];
                                            $rowActive = filter_var($rowData['active'] ?? false, FILTER_VALIDATE_BOOLEAN)
                                                || ($rowData['active'] ?? '') === '1'
                                                || ($rowData['active'] ?? '') === 1;
                                        @endphp
                                        <tr data-pc-iv-treasury-row="{{ $rowKey }}">
                                            <th class="text-left align-middle">{{ $rowLabel }}</th>
                                            <td class="text-center align-middle">
                                                @if($pciIvEdit)
                                                <input type="hidden" name="pc_iv_treasury_account_structure[{{ $rowKey }}][active]" value="0" />
                                                @endif
                                                <div class="form-check d-inline-flex justify-content-center mb-0">
                                                    <input type="checkbox"
                                                        class="form-check-input pci-pc-iv-treasury-active m-0"
                                                        name="pc_iv_treasury_account_structure[{{ $rowKey }}][active]"
                                                        id="pci-pc-iv-treasury-{{ $rowKey }}-active"
                                                        value="1"
                                                        @checked($rowActive)
                                                        {{ !$pciIvEdit ? 'disabled' : '' }}
                                                        aria-label="Mark active for {{ $rowLabel }}" />
                                                </div>
                                            </td>
                                            <td>
                                                <input type="date"
                                                    name="pc_iv_treasury_account_structure[{{ $rowKey }}][opening_date]"
                                                    id="pci-pc-iv-treasury-{{ $rowKey }}-opening"
                                                    value="{{ $pciIvDateVal($rowData['opening_date'] ?? '') }}"
                                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                            <td>
                                                <input type="text"
                                                    name="pc_iv_treasury_account_structure[{{ $rowKey }}][lapsable_status]"
                                                    id="pci-pc-iv-treasury-{{ $rowKey }}-lapsable"
                                                    value="{{ $rowData['lapsable_status'] ?? '' }}"
                                                    class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                                    placeholder="Indicate status"
                                                    {{ !$pciIvEdit ? 'readonly' : '' }} />
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Sub-section B: Regulatory Reconciliation Status Ledger --}}
                <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-reconciliation-ledger-body" aria-expanded="true" id="pci-pc-iv-reconciliation-ledger-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">b) Status of Account</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-iv-reconciliation-ledger-body" class="collapse show">
                        <div class="pci-gi-mint border rounded p-3">
                            <div class="row">
                                <div class="col-md-6 mb-3 mb-md-0">
                                    <label class="small font-weight-bold" for="pci-pc-iv-ledger-closed-date">If Closed, Indicate Certified Account Verification Date:</label>
                                    <input type="date"
                                        name="pc_iv_reconciliation_ledger[closed_verification_date]"
                                        id="pci-pc-iv-ledger-closed-date"
                                        value="{{ $pciIvDateVal($pciIvLedger['closed_verification_date'] ?? '') }}"
                                        class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                        {{ !$pciIvEdit ? 'readonly' : '' }} />
                                </div>
                                <div class="col-md-6">
                                    <label class="small font-weight-bold" for="pci-pc-iv-ledger-unclosed-justification">If Unclosed, Detailed Justification &amp; Target Closure Date:</label>
                                    <input type="text"
                                        name="pc_iv_reconciliation_ledger[unclosed_justification]"
                                        id="pci-pc-iv-ledger-unclosed-justification"
                                        value="{{ $pciIvLedger['unclosed_justification'] ?? '' }}"
                                        class="form-control form-control-sm {{ !$pciIvEdit ? 'pci-readonly' : '' }}"
                                        placeholder="Specify lingering clearings or administrative audits"
                                        {{ !$pciIvEdit ? 'readonly' : '' }} />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>