@php
    $pciIiiAEdit = canField('pc-forms', 'project_brief_descriptions', 'edit');
    $pciIiiRichSvc = app(\App\Services\PC\PcFormService::class);
    $pciIiiASrc = $pcForm ?? null;
    $pciIiiAFill = $pciCrudDraftFill ?? [];
    $pciIiiAVal = function (string $key, $default = '') use ($pciIiiASrc, $pciIiiAFill) {
        $old = old($key);
        if ($old !== null) {
            return $old;
        }
        if ($pciIiiASrc && isset($pciIiiASrc->{$key})) {
            return $pciIiiASrc->{$key};
        }

        return $pciIiiAFill[$key] ?? $default;
    };
    $pciIiiAAnnualRows = old('pc_iii_a_annual_work_plan');
    if (! is_array($pciIiiAAnnualRows)) {
        $pciIiiAAnnualRows = $pciIiiASrc?->pc_iii_a_annual_work_plan ?? ($pciIiiAFill['pc_iii_a_annual_work_plan'] ?? []);
        if (! is_array($pciIiiAAnnualRows)) {
            $pciIiiAAnnualRows = [];
        }
    }
    if (count($pciIiiAAnnualRows) < 1) {
        $pciIiiAAnnualRows = [['item' => '', 'unit' => '', 'quantities' => '', 'achievements' => '', 'target' => '']];
    }
    $pciIiiAQuarterlyRows = old('pc_iii_a_quarterly_work_plan');
    if (! is_array($pciIiiAQuarterlyRows)) {
        $pciIiiAQuarterlyRows = $pciIiiASrc?->pc_iii_a_quarterly_work_plan ?? ($pciIiiAFill['pc_iii_a_quarterly_work_plan'] ?? []);
        if (! is_array($pciIiiAQuarterlyRows)) {
            $pciIiiAQuarterlyRows = [];
        }
    }
    if (count($pciIiiAQuarterlyRows) < 1) {
        $pciIiiAQuarterlyRows = [['item' => '', 'unit' => '', 'q1' => '', 'q2' => '', 'q3' => '', 'q4' => '']];
    }
    $pciIiiACashPlan = old('pc_iii_a_cash_plan');
    if (! is_array($pciIiiACashPlan)) {
        $pciIiiACashPlan = $pciIiiASrc?->pc_iii_a_cash_plan ?? ($pciIiiAFill['pc_iii_a_cash_plan'] ?? []);
        if (! is_array($pciIiiACashPlan)) {
            $pciIiiACashPlan = [];
        }
    }
    $pciIiiADisplayAmt = fn (mixed $raw): string => $pciIiiRichSvc->formatPcIiiMillionForFormDisplay($raw, $pciIiiAEdit);
    $pciIiiADisplayQty = fn (mixed $raw): string => $pciIiiRichSvc->formatPcIiiQtyForFormDisplay($raw, $pciIiiAEdit);
    $pciIiiACashPlanSum = 0.0;
    foreach (['q1', 'q2', 'q3', 'q4'] as $pciCashKey) {
        $pciCashVal = $pciIiiACashPlan[$pciCashKey] ?? '';
        if ($pciCashVal !== '' && $pciCashVal !== null) {
            $plain = \App\Helpers\PC\AmountMillionHelper::normalizePlanProvisionAmountInput($pciCashVal);
            if ($plain !== null && is_numeric($plain)) {
                $pciIiiACashPlanSum += (float) $plain;
            }
        }
    }
    $pciIiiACashPlanTotal = $pciIiiADisplayAmt($pciIiiACashPlanSum > 0 ? (string) $pciIiiACashPlanSum : '0');
    $pciIiiAOutputRows = old('pc_iii_a_output_indicators_rows');
    if (! is_array($pciIiiAOutputRows)) {
        $pciIiiAOutputRows = $pciIiiASrc?->pc_iii_a_output_indicators_rows ?? ($pciIiiAFill['pc_iii_a_output_indicators_rows'] ?? []);
        if (! is_array($pciIiiAOutputRows)) {
            $pciIiiAOutputRows = [];
        }
    }
    if (count($pciIiiAOutputRows) < 1) {
        $pciIiiAOutputRows = [['indicator' => '', 'unit' => '', 'baseline' => '', 'target' => '']];
    }
    $pciIiiAConsultantRows = old('pc_iii_a_consultant_contractors');
    if (! is_array($pciIiiAConsultantRows)) {
        $pciIiiAConsultantRows = $pciIiiASrc?->pc_iii_a_consultant_contractors ?? ($pciIiiAFill['pc_iii_a_consultant_contractors'] ?? []);
        if (! is_array($pciIiiAConsultantRows)) {
            $pciIiiAConsultantRows = [];
        }
    }
    $pciIiiAConsultantRows = array_values($pciIiiAConsultantRows);
    $pciIiiAExecutingOfficerRows = old('pc_iii_a_executing_officers');
    if (! is_array($pciIiiAExecutingOfficerRows)) {
        $pciIiiAExecutingOfficerRows = $pciIiiASrc?->pc_iii_a_executing_officers ?? ($pciIiiAFill['pc_iii_a_executing_officers'] ?? []);
        if (! is_array($pciIiiAExecutingOfficerRows)) {
            $pciIiiAExecutingOfficerRows = [];
        }
    }
    $pciIiiAExecutingOfficerRows = array_values($pciIiiAExecutingOfficerRows);
    if (count($pciIiiAExecutingOfficerRows) < 1) {
        $pciIiiAExecutingOfficerRows = [['name' => '', 'designation' => '', 'bps' => '', 'contact' => '', 'email' => '', 'charge_type' => '', 'date_of_posting' => '', 'relieved_date' => '', 'remarks' => '']];
    }
    $pciIiiAMon = old('pc_iii_a_monitoring_evaluation');
    if (! is_array($pciIiiAMon)) {
        $pciIiiAMon = $pciIiiASrc?->pc_iii_a_monitoring_evaluation ?? ($pciIiiAFill['pc_iii_a_monitoring_evaluation'] ?? []);
        if (! is_array($pciIiiAMon)) {
            $pciIiiAMon = [];
        }
    }
    $pciIiiAPlanRemarks = old('pc_iii_a_plan_remarks');
    if (! is_array($pciIiiAPlanRemarks)) {
        $pciIiiAPlanRemarks = $pciIiiASrc?->pc_iii_a_plan_remarks ?? ($pciIiiAFill['pc_iii_a_plan_remarks'] ?? []);
        if (! is_array($pciIiiAPlanRemarks)) {
            $pciIiiAPlanRemarks = [];
        }
    }
    $pciIiiABase = (int) ($pciIiiAStartStep ?? $pciWizardStep);
    $pciIiiARichVal = function (string $key, $default = '') use ($pciIiiASrc, $pciIiiAFill, $pciIiiRichSvc) {
        $old = old($key);
        if ($old !== null) {
            return $old;
        }
        $raw = null;
        if ($pciIiiASrc && isset($pciIiiASrc->{$key})) {
            $raw = $pciIiiASrc->{$key};
        } else {
            $raw = $pciIiiAFill[$key] ?? $default;
        }

        return $pciIiiRichSvc->extractPcIiiRichTextContent($raw);
    };
@endphp

@once
@push('stylesheets')
<style>
    .pci-form-wrapper .pci-table.pci-pc-iii-a-annual-table thead th,
    .pci-form-wrapper .pci-table.pci-pc-iii-a-quarterly-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-form-wrapper .pci-table.pci-pc-iii-a-annual-table thead tr.pci-pc-iii-a-annual-subhead th,
    .pci-form-wrapper .pci-table.pci-pc-iii-a-quarterly-table thead tr.pci-pc-iii-a-quarterly-subhead th {
        font-size: 10px;
        letter-spacing: 0.03em;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .pci-pc-iii-a-annual-table td.pci-pc-iii-qty-cell,
    .pci-pc-iii-a-quarterly-table td.pci-pc-iii-qty-cell { text-align: center; }
    .pci-pc-iii-a-annual-table .pci-pc-iii-qty,
    .pci-pc-iii-a-quarterly-table .pci-pc-iii-qty { text-align: center; }
    .pci-form-wrapper .pci-table.pci-pc-iii-a-cash-plan-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-pc-iii-a-cash-plan-table td { text-align: center; vertical-align: middle; }
    .pci-pc-iii-a-cash-plan-table .form-control { text-align: center; }
    .pci-pc-iii-a-cash-plan-table td.pci-pc-iii-a-cash-total-cell { background: #e8f4fc; }
    .pci-pc-iii-a-cash-plan-table .pci-pc-iii-a-cash-total {
        background: #e8f4fc;
        color: #0f172a;
        font-weight: 700;
        text-align: center;
    }
    .pci-form-wrapper .pci-table.pci-pc-iii-a-output-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-pc-iii-a-output-table td.pci-pc-iii-qty-cell { text-align: center; }
    .pci-pc-iii-a-output-table .pci-pc-iii-qty { text-align: center; }
    .pci-form-wrapper .pci-table.pci-pc-iii-a-cc-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
    }
    .pci-pc-iii-a-cc-table td { vertical-align: middle; }
    .pci-pc-iii-a-cc-nature-badge {
        font-size: 11px;
        font-weight: 600;
        padding: 0.35em 0.65em;
        border-radius: 999px;
    }
    .pci-pc-iii-a-cc-staging .form-control-sm { font-size: 0.82rem; }
</style>
@endpush
@endonce

{{-- Step 2: Location (display-only from Scheme/Project) --}}
<div class="pci-page" data-page="{{ $pciIiiABase + 1 }}" data-pci-nav-key="pc-iii-a-location" data-pci-step-title="2. Location" data-pci-step-theme="2" data-pci-step-icon="map-marked-alt">
    <div class="pci-gi-wrap pci-loc-section">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iii-a-loc-body" aria-expanded="true" id="pci-pc-iii-a-loc-toggle">
            <span class="pci-gi-bar-title">2. Location</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-loc-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>
                <div class="d-flex justify-content-end align-items-center mb-2">
                    <a href="javascript:void(0)" class="pci-gi-help-link" title="Help" role="button"><i class="far fa-question-circle mr-1"></i>Help</a>
                </div>
                @include('pc-forms.partials.pci-location-readonly-fields')
            </div>
        </div>
    </div>
</div>

{{-- Step 3: Financial Position & PSDP (see pc-iii-a-financial.blade.php) --}}
@include('pc-forms.partials.pc-iii-a-financial')

{{-- Step 4: Revision History --}}
@include('pc-forms.partials.pc-iii-a-revision-history')

{{-- Step 5: Annual & Quarterly Work Plans --}}
<div class="pci-page" data-page="{{ $pciIiiABase + 4 }}" data-pci-nav-key="pc-iii-a-work-plans" data-pci-step-title="5. Annual &amp; Quarterly Plans" data-pci-step-theme="3" data-pci-step-icon="tasks">
    <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-work-plans-body" aria-expanded="true" id="pci-pc-iii-a-work-plans-toggle">
            <span class="pci-gi-bar-title">5. Annual & Quarterly Plans</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-work-plans-body" class="collapse show">
            <div class="pci-gi-mint">
                <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-iii-a-annual-body" aria-expanded="true" id="pci-pc-iii-a-annual-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Annual Work Plan</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-annual-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-iii-a-annual-add">+ Add Row</button>
                            </div>
                            @endif
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered mb-0 pci-pc-iii-a-annual-table">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" style="width:3rem;">S.#</th>
                                            <th rowspan="2" class="text-left" style="min-width:12rem;">Item / Component</th>
                                            <th rowspan="2" class="text-left" style="width:7rem;">Unit</th>
                                            <th colspan="1">As per PC-I</th>
                                            <th colspan="1">Achievements upto last year</th>
                                            <th colspan="1">Target current year</th>
                                            @if($pciIiiAEdit)<th rowspan="2" style="width:3rem;"></th>@endif
                                        </tr>
                                        <tr class="pci-pc-iii-a-annual-subhead">
                                            <th>Quantities</th>
                                            <th>Quantities</th>
                                            <th>Quantities</th>
                                        </tr>
                                    </thead>
                                    <tbody id="pci-iii-a-annual-tbody">
                                        @foreach($pciIiiAAnnualRows as $ai => $aRow)
                                        <tr class="pci-iii-a-annual-row">
                                            <td class="text-center align-middle"><span class="pci-iii-a-annual-sno font-weight-bold">{{ $ai + 1 }}</span></td>
                                            <td><input type="text" name="pc_iii_a_annual_work_plan[{{ $ai }}][item]" value="{{ $aRow['item'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Item/component" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iii_a_annual_work_plan[{{ $ai }}][unit]" value="{{ $aRow['unit'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Km/Nos" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_annual_work_plan[{{ $ai }}][quantities]" value="{{ $pciIiiADisplayQty($aRow['quantities'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_annual_work_plan[{{ $ai }}][achievements]" value="{{ $pciIiiADisplayQty($aRow['achievements'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_annual_work_plan[{{ $ai }}][target]" value="{{ $pciIiiADisplayQty($aRow['target'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            @if($pciIiiAEdit)
                                            <td class="text-center"><button type="button" class="btn btn-link text-danger btn-sm pci-iii-a-annual-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="form-group mt-3 mb-0">
                                <label class="small font-weight-bold" for="pci-iii-a-annual-remarks">Remarks</label>
                                <textarea name="pc_iii_a_plan_remarks[annual]" id="pci-iii-a-annual-remarks" class="form-control {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" rows="2" placeholder="Enter any remarks or observations for Annual Work Plan..." {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAPlanRemarks['annual'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <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-iii-a-quarterly-body" aria-expanded="true" id="pci-pc-iii-a-quarterly-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Quarterly Work Plan</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-quarterly-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <p class="text-muted small mb-2">Based on Annual Work Plan</p>
                            @if($pciIiiAEdit)
                            <div class="d-flex justify-content-end mb-2">
                                <button type="button" class="btn btn-sm btn-primary" id="pci-iii-a-quarterly-add">+ Add Row</button>
                            </div>
                            @endif
                            <div class="table-responsive">
                                <table class="pci-table table table-bordered mb-0 pci-pc-iii-a-quarterly-table">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" style="width:3rem;">S.#</th>
                                            <th rowspan="2" class="text-left" style="min-width:12rem;">Item / Component</th>
                                            <th rowspan="2" class="text-left" style="width:7rem;">Unit</th>
                                            <th colspan="1">Quarter 1</th>
                                            <th colspan="1">Quarter 2</th>
                                            <th colspan="1">Quarter 3</th>
                                            <th colspan="1">Quarter 4</th>
                                            @if($pciIiiAEdit)<th rowspan="2" style="width:3rem;"></th>@endif
                                        </tr>
                                        <tr class="pci-pc-iii-a-quarterly-subhead">
                                            <th>Target</th>
                                            <th>Target</th>
                                            <th>Target</th>
                                            <th>Target</th>
                                        </tr>
                                    </thead>
                                    <tbody id="pci-iii-a-quarterly-tbody">
                                        @foreach($pciIiiAQuarterlyRows as $qi => $qRow)
                                        <tr class="pci-iii-a-quarterly-row">
                                            <td class="text-center align-middle"><span class="pci-iii-a-quarterly-sno font-weight-bold">{{ $qi + 1 }}</span></td>
                                            <td><input type="text" name="pc_iii_a_quarterly_work_plan[{{ $qi }}][item]" value="{{ $qRow['item'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Item/component" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td><input type="text" name="pc_iii_a_quarterly_work_plan[{{ $qi }}][unit]" value="{{ $qRow['unit'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Unit" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_quarterly_work_plan[{{ $qi }}][q1]" value="{{ $pciIiiADisplayQty($qRow['q1'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_quarterly_work_plan[{{ $qi }}][q2]" value="{{ $pciIiiADisplayQty($qRow['q2'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_quarterly_work_plan[{{ $qi }}][q3]" value="{{ $pciIiiADisplayQty($qRow['q3'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_quarterly_work_plan[{{ $qi }}][q4]" value="{{ $pciIiiADisplayQty($qRow['q4'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                            @if($pciIiiAEdit)
                                            <td class="text-center"><button type="button" class="btn btn-link text-danger btn-sm pci-iii-a-quarterly-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="form-group mt-3 mb-0">
                                <label class="small font-weight-bold" for="pci-iii-a-quarterly-remarks">Remarks</label>
                                <textarea name="pc_iii_a_plan_remarks[quarterly]" id="pci-iii-a-quarterly-remarks" class="form-control {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" rows="2" placeholder="Enter any remarks or observations for Quarterly Work Plan..." {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAPlanRemarks['quarterly'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Step 6: Quarterly Cash Plan --}}
<div class="pci-page" data-page="{{ $pciIiiABase + 5 }}" data-pci-nav-key="pc-iii-a-cash-plan" data-pci-step-title="6. Quarterly Cash Plan" data-pci-step-theme="4" data-pci-step-icon="chart-line">
    <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-cash-plan-body" aria-expanded="true" id="pci-pc-iii-a-cash-plan-toggle">
            <span class="pci-gi-bar-title">6. Quarterly Cash Plan</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-cash-plan-body" class="collapse show">
            <div class="pci-gi-mint">
                <p class="text-muted small mb-3">Indicate the finances required to achieve the quarterly work plan targets (Rs Millions).</p>
                <div class="table-responsive">
                    <table class="pci-table table table-bordered mb-0 pci-pc-iii-a-cash-plan-table">
                        <thead>
                            <tr>
                                <th>Quarter 1 (Rs. in Million)</th>
                                <th>Quarter 2 (Rs. in Million)</th>
                                <th>Quarter 3 (Rs. in Million)</th>
                                <th>Quarter 4 (Rs. in Million)</th>
                                <th>Total (Rs. in Million)</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                @foreach(['q1', 'q2', 'q3', 'q4'] as $cq)
                                <td>
                                    <input type="text" name="pc_iii_a_cash_plan[{{ $cq }}]" value="{{ $pciIiiADisplayAmt($pciIiiACashPlan[$cq] ?? '') }}" class="form-control form-control-sm pci-pc-iii-num pci-pc-iii-a-cash-input {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" {{ !$pciIiiAEdit ? 'readonly' : '' }} />
                                </td>
                                @endforeach
                                <td class="pci-pc-iii-a-cash-total-cell">
                                    <input type="text" id="pci-pc-iii-a-cash-plan-total" value="{{ $pciIiiACashPlanTotal }}" class="form-control form-control-sm pci-pc-iii-a-cash-total pci-readonly" readonly placeholder="0.000" tabindex="-1" aria-label="Total cash plan (Rs. in Million)" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="form-group mt-3 mb-0">
                    <label class="small font-weight-bold" for="pci-iii-a-cash-remarks">Remarks</label>
                    <textarea name="pc_iii_a_plan_remarks[cash]" id="pci-iii-a-cash-remarks" class="form-control {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" rows="2" placeholder="Enter any remarks or observations for Cash Plan..." {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAPlanRemarks['cash'] ?? '' }}</textarea>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Step 7: Output Indicators --}}
<div class="pci-page" data-page="{{ $pciIiiABase + 6 }}" data-pci-nav-key="pc-iii-a-output" data-pci-step-title="7. Output Indicators" data-pci-step-theme="5" data-pci-step-icon="bullseye">
    <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-output-body" aria-expanded="true" id="pci-pc-iii-a-output-toggle">
            <span class="pci-gi-bar-title">7. Output Indicators</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-output-body" class="collapse show">
            <div class="pci-gi-mint">
                <p class="text-muted small mb-2">To be determined by project director on the basis of indicators given in the PC-I. Indicate quantifiable outcome of the projects for the current year.</p>
                @if($pciIiiAEdit)
                <div class="d-flex justify-content-end mb-2">
                    <button type="button" class="btn btn-sm btn-primary" id="pci-iii-a-output-add">+ Add Indicator</button>
                </div>
                @endif
                <div class="table-responsive">
                    <table class="pci-table table table-bordered mb-0 pci-pc-iii-a-output-table">
                        <thead>
                            <tr>
                                <th style="width:3rem;">S.#</th>
                                <th class="text-left" style="min-width:14rem;">Output Indicator</th>
                                <th class="text-left" style="width:7rem;">Unit</th>
                                <th style="width:7rem;">Baseline</th>
                                <th style="width:7rem;">Target</th>
                                @if($pciIiiAEdit)<th style="width:3rem;"></th>@endif
                            </tr>
                        </thead>
                        <tbody id="pci-iii-a-output-tbody">
                            @foreach($pciIiiAOutputRows as $oi => $oRow)
                            <tr class="pci-iii-a-output-row">
                                <td class="text-center align-middle"><span class="pci-iii-a-output-sno font-weight-bold">{{ $oi + 1 }}</span></td>
                                <td><input type="text" name="pc_iii_a_output_indicators_rows[{{ $oi }}][indicator]" value="{{ $oRow['indicator'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="e.g. Length of road constructed" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td><input type="text" name="pc_iii_a_output_indicators_rows[{{ $oi }}][unit]" value="{{ $oRow['unit'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Km" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_output_indicators_rows[{{ $oi }}][baseline]" value="{{ $pciIiiADisplayQty($oRow['baseline'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="0" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td class="pci-pc-iii-qty-cell"><input type="text" name="pc_iii_a_output_indicators_rows[{{ $oi }}][target]" value="{{ $pciIiiADisplayQty($oRow['target'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-qty {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="—" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                @if($pciIiiAEdit)
                                <td class="text-center"><button type="button" class="btn btn-link text-danger btn-sm pci-iii-a-output-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="form-group mt-3 mb-0">
                    <label class="small font-weight-bold" for="pci-iii-a-output-remarks">Remarks</label>
                    <textarea name="pc_iii_a_plan_remarks[output]" id="pci-iii-a-output-remarks" class="form-control {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" rows="2" placeholder="Enter any remarks or observations for Output Indicators..." {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAPlanRemarks['output'] ?? '' }}</textarea>
                </div>
            </div>
        </div>
    </div>
</div>

@include('pc-forms.partials.pc-iii-a-consultant-contractor')

@include('pc-forms.partials.pc-iii-a-executing-officer')

{{-- Step 10: Adaptation & Mitigation Review --}}
<div class="pci-page" data-page="{{ $pciIiiABase + 9 }}" data-pci-nav-key="pc-iii-a-climate-me" data-pci-step-title="10. Adaptation &amp; Mitigation Review" data-pci-step-theme="6" data-pci-step-icon="cloud-sun">
    <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-climate-body" aria-expanded="true" id="pci-pc-iii-a-climate-toggle">
            <span class="pci-gi-bar-title">10. Adaptation &amp; Mitigation Review</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-climate-body" class="collapse show">
            <div class="pci-gi-mint">
                <p class="text-muted small mb-3">Monitoring and Evaluation of Adaptation and Mitigation Options</p>
                <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-iii-a-me-implementation-body" aria-expanded="true">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Implementation &amp; Impacts</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-me-implementation-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="row">
                                <div class="col-md-6 mb-2">
                                    <label class="small font-weight-bold">Actually put in place</label>
                                    <textarea name="pc_iii_a_monitoring_evaluation[actually_put_in_place]" rows="3" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Were identified options actually put in place?" {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAMon['actually_put_in_place'] ?? '' }}</textarea>
                                </div>
                                <div class="col-md-6 mb-2">
                                    <label class="small font-weight-bold">Impacts on other sectors/regions</label>
                                    <textarea name="pc_iii_a_monitoring_evaluation[impacts_on_other_sectors]" rows="3" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Adverse or positive impacts?" {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAMon['impacts_on_other_sectors'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <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-iii-a-me-issues-body" aria-expanded="true">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Problems &amp; Cost Review</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-me-issues-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="row">
                                <div class="col-md-6 mb-2">
                                    <label class="small font-weight-bold">Unexpected Problems</label>
                                    <textarea name="pc_iii_a_monitoring_evaluation[unexpected_problems]" rows="3" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="What unexpected problems arose?" {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAMon['unexpected_problems'] ?? '' }}</textarea>
                                </div>
                                <div class="col-md-6 mb-2">
                                    <label class="small font-weight-bold">Cost Expectations</label>
                                    <textarea name="pc_iii_a_monitoring_evaluation[cost_expectations]" rows="3" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Did costs of adaptation exceed those anticipated?" {{ !$pciIiiAEdit ? 'readonly' : '' }}>{{ $pciIiiAMon['cost_expectations'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>