@php
    use App\Support\MecReportType;
    use App\Support\ProcurementMethodCatalog;

    $isPmrA2 = MecReportType::isPmr((string) ($reportType ?? ''));
    $aaIssuedDatePrefill = $reportAaIssuedDatePrefill ?? '';
    $a2Payload = $reportPayload ?? report_wizard_payload_array(is_array($report ?? null) ? $report : null);
    $aaIssuedDateDisplay = trim((string) report_wizard_old('part_a.procurement.aa_issued_date', $aaIssuedDatePrefill, $a2Payload));
    if ($aaIssuedDateDisplay === '' && $aaIssuedDatePrefill !== '') {
        $aaIssuedDateDisplay = $aaIssuedDatePrefill;
    }
    $procurementMethodNodes = $procurementMethodNodes ?? ProcurementMethodCatalog::activeNodesForJs();

    $tenderBase = 'report.part_a.procurement.tender_process_rows';
    $tenderRowsRaw = report_wizard_old('part_a.procurement.tender_process_rows', data_get($reportPayload ?? report_wizard_payload_array(is_array($report ?? null) ? $report : null), 'part_a.procurement.tender_process_rows', []), $reportPayload ?? null);
    $tenderRows = is_array($tenderRowsRaw) ? array_values($tenderRowsRaw) : [];
    if (count($tenderRows) === 0 && ($report ?? null)) {
        $legacyM = data_get($report, 'part_a.procurement.procurement_method');
        $legacyB = data_get($report, 'part_a.procurement.bidders_prequalified_count');
        $legacyL = data_get($report, 'part_a.procurement.loa_work_award_date');
        if (
            (is_string($legacyM) && trim($legacyM) !== '')
            || $legacyB !== null && $legacyB !== ''
            || (is_string($legacyL) && trim($legacyL) !== '')
        ) {
            $tenderRows[] = [
                'tender_number' => '',
                'description' => '',
                'tender_bid_opening_date' => '',
                'procurement_method' => is_string($legacyM) ? $legacyM : '',
                'bidders_prequalified_count' => $legacyB,
                'ts_date' => '',
                'ts_cost' => '',
                'bid_amount' => '',
                'variance' => '',
                'loa_work_award_date' => is_string($legacyL) ? $legacyL : '',
                'observation' => '',
            ];
        }
    }
    if (count($tenderRows) === 0) {
        $tenderRows[] = [
            'tender_number' => '',
            'description' => '',
            'tender_bid_opening_date' => '',
            'procurement_method' => '',
            'bidders_prequalified_count' => '',
            'ts_date' => '',
            'ts_cost' => '',
            'bid_amount' => '',
            'variance' => '',
            'loa_work_award_date' => '',
            'observation' => '',
        ];
    }

    $tenderOrdinalLabel = static function (int $rowOneBased): string {
        if ($rowOneBased < 1) {
            $rowOneBased = 1;
        }
        $n = $rowOneBased;
        $mod100 = $n % 100;
        if ($mod100 >= 11 && $mod100 <= 13) {
            return $n.'th';
        }

        return match ($n % 10) {
            1 => $n.'st',
            2 => $n.'nd',
            3 => $n.'rd',
            default => $n.'th',
        };
    };

    $tenderFormTotals = \App\Services\ReportPreviewPresenter::tenderProcessCostTotals($tenderRows);
    $tenderFormTotTs = \App\Services\ReportPreviewPresenter::tenderProcessTotalDisplay($tenderFormTotals['ts_cost']);
    $tenderFormTotBid = \App\Services\ReportPreviewPresenter::tenderProcessTotalDisplay($tenderFormTotals['bid_amount']);
    $tenderFormTotVar = \App\Services\ReportPreviewPresenter::tenderProcessVariancePctInputDisplay($tenderFormTotals['variance']);
    $tenderFormTotVarNeg = $tenderFormTotals['variance'] !== null && $tenderFormTotals['variance'] < 0;
@endphp
{{-- Part A §2 — Procurement Process Details --}}
<div class="report-pa-field-table" id="report-a2-root">
    <div class="table-responsive">
        <table class="table report-proc-table mb-0">
            <colgroup>
                <col style="width:2.25rem">
                <col>
                <col>
                <col>
                <col>
            </colgroup>
            <tbody>
                <tr>
                    <th scope="row" class="report-proc-label text-center">a.</th>
                    <th scope="row" class="report-proc-label">{{ $isPmrA2 ? 'Date of A.A. / Donor Approval Issued' : 'Date of last A.A' }}</th>
                    <td class="report-proc-cell" colspan="3">
                        <input
                            type="date"
                            name="report[part_a][procurement][aa_issued_date]"
                            id="report_a_p_aa_issued_date"
                            class="form-control form-control-sm @error('report.part_a.procurement.aa_issued_date') is-invalid @enderror"
                            value="{{ $aaIssuedDateDisplay }}"
                        >
                        @error('report.part_a.procurement.aa_issued_date')
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                        @enderror
                    </td>
                </tr>
                <tr>
                    <th scope="row" class="report-proc-label text-center align-top">b.</th>
                    <td class="report-proc-cell p-2" colspan="4">
                        <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-2">
                            <div class="report-a2-excel-toolbar pms-report-toolbar-row flex-wrap">
                                <a href="{{ route('reports.part-a.tender-process.excel-template') }}" id="report-a2-excel-template-link" class="pms-report-action-btn" download>
                                    <i class="fas fa-file-excel mr-1" aria-hidden="true"></i>{{ __('Download Excel format') }}
                                </a>
                                <button type="button" class="pms-report-action-btn" id="report-a2-excel-import-btn">
                                    <i class="fas fa-upload mr-1" aria-hidden="true"></i>{{ __('Upload Excel') }}
                                </button>
                                <input type="file" id="report-a2-excel-import-file" class="d-none" accept=".xlsx,.xls,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">
                            </div>
                            <button type="button" class="btn report-b1-btn-outline btn-sm flex-shrink-0" id="report-a2-tender-add-row">
                                + ADD ROW
                            </button>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-sm table-bordered mb-0 w-100 report-a2-tender-table">
                                <colgroup>
                                    <col class="report-a2-col-sn">
                                    <col class="report-a2-col-desc">
                                    <col class="report-a2-col-date">
                                    <col class="report-a2-col-method">
                                    <col class="report-a2-col-bidders">
                                    <col class="report-a2-col-ts-date">
                                    <col class="report-a2-col-ts-cost">
                                    <col class="report-a2-col-amount">
                                    <col class="report-a2-col-variance">
                                    <col class="report-a2-col-loa">
                                    <col class="report-a2-col-remarks">
                                    <col class="report-a2-col-actions">
                                </colgroup>
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col" class="small text-center" title="Serial number">{{ $isPmrA2 ? 'Component / Package/ Activity Tender' : 'Sequence of Tender' }}</th>
                                        <th scope="col" class="small" title="Description">Description</th>
                                        <th scope="col" class="text-nowrap small" title="Date of tender bid opening">{{ $isPmrA2 ? 'Date of Tender Opening' : 'Date of Tender Bid Opening' }}</th>
                                        <th scope="col" class="text-nowrap small" title="Procurement method">Procurement Method</th>
                                        <th scope="col" class="small text-center" title="No. of bidders / pre-qualified contractors">{{ $isPmrA2 ? 'No. of Bidders / Pre-Qualified Contractors' : 'No. of Bidders/Pre-Qualified Contractors' }}</th>
                                        <th scope="col" class="text-nowrap small" title="T.S date">T.S Date</th>
                                        <th scope="col" class="text-nowrap small" title="T.S cost">T.S Cost</th>
                                        <th scope="col" class="text-nowrap small" title="Bid amount">Bid Amount</th>
                                        <th scope="col" class="text-nowrap small" title="{{ __('Variance (%)') }}">{{ __('Variance (%)') }}</th>
                                        <th scope="col" class="text-nowrap small" title="Date of LOA / work award">{{ $isPmrA2 ? 'Date of LOA / Work Award' : 'Date of LOA/Work Award' }}</th>
                                        <th scope="col" class="small" title="Remarks / observation">Remarks</th>
                                        <th scope="col" class="report-a2-col-actions-th"></th>
                                    </tr>
                                </thead>
                                <tbody id="report-a2-tender-tbody">
                                    @foreach ($tenderRows as $rIdx => $tRow)
                                        @php
                                            $tRow = is_array($tRow) ? $tRow : [];
                                            $dotBase = $tenderBase.'.'.$rIdx.'.';
                                            $tenderNoOrdinal = $tenderOrdinalLabel($rIdx + 1);
                                            $desc = old($dotBase.'description', $tRow['description'] ?? '');
                                            $tbo = old($dotBase.'tender_bid_opening_date', $tRow['tender_bid_opening_date'] ?? '');
                                            $pm = old($dotBase.'procurement_method', $tRow['procurement_method'] ?? '');
                                            $pm = is_string($pm) ? $pm : '';
                                            $pmLeafId = old($dotBase.'procurement_method_leaf_id', $tRow['procurement_method_leaf_id'] ?? '');
                                            $pmLeafId = is_numeric($pmLeafId) ? (int) $pmLeafId : null;
                                            $pmPathIds = ProcurementMethodCatalog::pathIdsForStoredValue($pm, $pmLeafId);
                                            $pmDisplay = $pm !== '' ? ProcurementMethodCatalog::displayValue($pm) : '';
                                            $bc = old($dotBase.'bidders_prequalified_count', $tRow['bidders_prequalified_count'] ?? '');
                                            $tsDate = old($dotBase.'ts_date', $tRow['ts_date'] ?? '');
                                            $tsCostRow = old($dotBase.'ts_cost', $tRow['ts_cost'] ?? '');
                                            $bidAmt = old($dotBase.'bid_amount', $tRow['bid_amount'] ?? '');
                                            $varianceNum = \App\Services\ReportPreviewPresenter::tenderProcessRowVariance($tsCostRow, $bidAmt);
                                            $variance = $varianceNum !== null
                                                ? \App\Services\ReportPreviewPresenter::tenderProcessVariancePctInputDisplay($varianceNum)
                                                : '';
                                            $varianceIsNeg = $varianceNum !== null && $varianceNum < 0;
                                            $loa = old($dotBase.'loa_work_award_date', $tRow['loa_work_award_date'] ?? '');
                                            $obs = old($dotBase.'observation', $tRow['observation'] ?? '');
                                        @endphp
                                        <tr class="report-a2-tender-row" data-row-index="{{ $rIdx }}">
                                            <td class="report-a2-tender-td-sn">
                                                <input
                                                    type="hidden"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][tender_number]"
                                                    class="report-a2-tender-number-field"
                                                    value="{{ $tenderNoOrdinal }}"
                                                >
                                                <div
                                                    class="form-control form-control-sm report-a1-identity-readonly text-center mb-0 report-a2-tender-number-display"
                                                    aria-label="S.No"
                                                >{{ $tenderNoOrdinal }}</div>
                                                @error($dotBase.'tender_number')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="text"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][description]"
                                                    class="form-control form-control-sm @error($dotBase.'description') is-invalid @enderror"
                                                    value="{{ $desc }}"
                                                    autocomplete="off"
                                                    aria-label="Description"
                                                >
                                                @error($dotBase.'description')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="date"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][tender_bid_opening_date]"
                                                    class="form-control form-control-sm @error($dotBase.'tender_bid_opening_date') is-invalid @enderror"
                                                    value="{{ $tbo }}"
                                                    aria-label="Date of tender bid opening"
                                                >
                                                @error($dotBase.'tender_bid_opening_date')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="report-a2-pm-cell">
                                                <div
                                                    class="report-a2-pm-picker"
                                                    data-stored="{{ $pm }}"
                                                    data-path="{{ json_encode($pmPathIds) }}"
                                                    data-leaf-id="{{ $pmLeafId ?: '' }}"
                                                >
                                                    <div class="input-group input-group-sm">
                                                        <button
                                                            type="button"
                                                            class="form-control form-control-sm text-left report-a2-pm-open @error($dotBase.'procurement_method') is-invalid @enderror"
                                                            aria-label="Select procurement method"
                                                        >
                                                            <span class="report-a2-pm-display{{ $pmDisplay === '' ? ' text-muted' : '' }}">{{ $pmDisplay !== '' ? $pmDisplay : '— Select —' }}</span>
                                                        </button>
                                                        <div class="input-group-append">
                                                            <button
                                                                type="button"
                                                                class="btn btn-outline-secondary btn-sm report-a2-pm-clear"
                                                                title="Clear"
                                                                aria-label="Clear procurement method"
                                                                @if ($pmDisplay === '') hidden @endif
                                                            >&times;</button>
                                                        </div>
                                                    </div>
                                                    <input
                                                        type="hidden"
                                                        name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][procurement_method]"
                                                        class="report-a2-pm-stored"
                                                        value="{{ $pm }}"
                                                    >
                                                    <input
                                                        type="hidden"
                                                        name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][procurement_method_leaf_id]"
                                                        class="report-a2-pm-leaf-id"
                                                        value="{{ $pmLeafId ?: '' }}"
                                                    >
                                                </div>
                                                @error($dotBase.'procurement_method')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="report-a2-tender-td-bidders">
                                                <input
                                                    type="number"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][bidders_prequalified_count]"
                                                    class="form-control form-control-sm @error($dotBase.'bidders_prequalified_count') is-invalid @enderror"
                                                    value="{{ $bc }}"
                                                    min="0"
                                                    step="1"
                                                    inputmode="numeric"
                                                    autocomplete="off"
                                                    placeholder="0"
                                                    aria-label="No. of bidders"
                                                >
                                                @error($dotBase.'bidders_prequalified_count')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="date"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][ts_date]"
                                                    class="form-control form-control-sm @error($dotBase.'ts_date') is-invalid @enderror"
                                                    value="{{ $tsDate }}"
                                                    aria-label="T.S date"
                                                >
                                                @error($dotBase.'ts_date')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="number"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][ts_cost]"
                                                    class="form-control form-control-sm report-a2-tender-ts-cost @error($dotBase.'ts_cost') is-invalid @enderror"
                                                    value="{{ $tsCostRow }}"
                                                    min="0"
                                                    step="any"
                                                    inputmode="decimal"
                                                    autocomplete="off"
                                                    placeholder="PKR (million)"
                                                    aria-label="T.S cost"
                                                >
                                                @error($dotBase.'ts_cost')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="number"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][bid_amount]"
                                                    class="form-control form-control-sm report-a2-tender-bid-amount @error($dotBase.'bid_amount') is-invalid @enderror"
                                                    value="{{ $bidAmt }}"
                                                    min="0"
                                                    step="any"
                                                    inputmode="decimal"
                                                    autocomplete="off"
                                                    placeholder="PKR (million)"
                                                    aria-label="Bid amount"
                                                >
                                                @error($dotBase.'bid_amount')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="number"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][variance]"
                                                    class="form-control form-control-sm report-a2-tender-variance report-a1-identity-readonly{{ $varianceIsNeg ? ' report-num--negative' : '' }} @error($dotBase.'variance') is-invalid @enderror"
                                                    value="{{ $variance }}"
                                                    step="any"
                                                    inputmode="decimal"
                                                    autocomplete="off"
                                                    readonly
                                                    tabindex="-1"
                                                    title="{{ __('Calculated as ((T.S Cost − Bid Amount) / T.S Cost) × 100') }}"
                                                    aria-label="{{ __('Variance % (auto-calculated)') }}"
                                                >
                                                @error($dotBase.'variance')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="date"
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][loa_work_award_date]"
                                                    class="form-control form-control-sm @error($dotBase.'loa_work_award_date') is-invalid @enderror"
                                                    value="{{ $loa }}"
                                                    aria-label="Date of LOA"
                                                >
                                                @error($dotBase.'loa_work_award_date')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="report-a2-tender-td-remarks">
                                                <textarea
                                                    name="report[part_a][procurement][tender_process_rows][{{ $rIdx }}][observation]"
                                                    rows="2"
                                                    class="form-control form-control-sm @error($dotBase.'observation') is-invalid @enderror"
                                                    placeholder="Observation…"
                                                    aria-label="Observation"
                                                >{{ $obs }}</textarea>
                                                @error($dotBase.'observation')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="text-center align-middle">
                                                <button type="button" class="btn btn-sm report-a2-tender-remove" title="Remove row" aria-label="Remove row" @if (count($tenderRows) <= 1) style="visibility:hidden" @endif>
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr class="report-a2-tender-total-row">
                                        <td colspan="6" class="report-a2-tender-total-label text-right font-weight-bold">{{ __('Total') }}</td>
                                        <td class="text-right font-weight-bold">
                                            <span id="report-a2-total-ts-cost" class="report-a2-tender-total-val">{{ $tenderFormTotTs }}</span>
                                        </td>
                                        <td class="text-right font-weight-bold">
                                            <span id="report-a2-total-bid-amount" class="report-a2-tender-total-val">{{ $tenderFormTotBid }}</span>
                                        </td>
                                        <td class="text-center font-weight-bold">
                                            <span id="report-a2-total-variance" class="report-a2-tender-total-val report-a2-tender-variance{{ $tenderFormTotVarNeg ? ' report-num--negative is-negative' : '' }}">{{ $tenderFormTotVar }}</span>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th scope="row" class="report-proc-label text-center">c.</th>
                    <th scope="row" class="report-proc-label align-top">{{ $isPmrA2 ? 'Reason for Delay from A.A. / Procurement Plan / Donor NOL to LOA / Contract / Agreement' : 'Reason for delay (A.A vs LOA)' }}</th>
                    <td class="report-proc-cell" colspan="3">
                        <textarea
                            name="report[part_a][procurement][delay_reason_aa_vs_loa]"
                            id="report_a_p_delay_reason"
                            rows="3"
                            class="form-control form-control-sm @error('report.part_a.procurement.delay_reason_aa_vs_loa') is-invalid @enderror"
                            placeholder="Describe reason if applicable…"
                        >{{ old('report.part_a.procurement.delay_reason_aa_vs_loa', data_get($report ?? [], 'part_a.procurement.delay_reason_aa_vs_loa')) }}</textarea>
                        @error('report.part_a.procurement.delay_reason_aa_vs_loa')
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                        @enderror
                    </td>
                </tr>
                <tr>
                    <th scope="row" class="report-proc-label text-center"></th>
                    <th scope="row" class="report-proc-label align-top">{{ $isPmrA2 ? 'Any Mis-Procurement / Procurement Delay / Contractual Issue observed.' : 'Any Mis-Procurement' }}</th>
                    <td class="report-proc-cell" colspan="3">
                        <textarea
                            name="report[part_a][procurement][mis_procurement_other]"
                            id="report_a_p_mis_procurement"
                            rows="3"
                            class="form-control form-control-sm @error('report.part_a.procurement.mis_procurement_other') is-invalid @enderror"
                            placeholder="Describe any other observations…"
                        >{{ old('report.part_a.procurement.mis_procurement_other', data_get($report ?? [], 'part_a.procurement.mis_procurement_other')) }}</textarea>
                        @error('report.part_a.procurement.mis_procurement_other')
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                        @enderror
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<template id="report-a2-tender-row-template">
    <tr class="report-a2-tender-row" data-row-index="__R__">
        <td class="report-a2-tender-td-sn">
            <input type="hidden" name="report[part_a][procurement][tender_process_rows][__R__][tender_number]" class="report-a2-tender-number-field" value="1st">
            <div class="form-control form-control-sm report-a1-identity-readonly text-center mb-0 report-a2-tender-number-display" aria-label="S.No">1st</div>
        </td>
        <td>
            <input type="text" name="report[part_a][procurement][tender_process_rows][__R__][description]" class="form-control form-control-sm" aria-label="Description">
        </td>
        <td>
            <input type="date" name="report[part_a][procurement][tender_process_rows][__R__][tender_bid_opening_date]" class="form-control form-control-sm" aria-label="Date of tender bid opening">
        </td>
        <td class="report-a2-pm-cell">
            <div class="report-a2-pm-picker" data-stored="" data-path="[]" data-leaf-id="">
                <div class="input-group input-group-sm">
                    <button type="button" class="form-control form-control-sm text-left report-a2-pm-open" aria-label="Select procurement method">
                        <span class="report-a2-pm-display text-muted">— Select —</span>
                    </button>
                    <div class="input-group-append">
                        <button type="button" class="btn btn-outline-secondary btn-sm report-a2-pm-clear" title="Clear" aria-label="Clear procurement method" hidden>&times;</button>
                    </div>
                </div>
                <input type="hidden" name="report[part_a][procurement][tender_process_rows][__R__][procurement_method]" class="report-a2-pm-stored" value="">
                <input type="hidden" name="report[part_a][procurement][tender_process_rows][__R__][procurement_method_leaf_id]" class="report-a2-pm-leaf-id" value="">
            </div>
        </td>
        <td class="report-a2-tender-td-bidders">
            <input type="number" name="report[part_a][procurement][tender_process_rows][__R__][bidders_prequalified_count]" class="form-control form-control-sm" min="0" step="1" inputmode="numeric" placeholder="0" aria-label="No. of bidders">
        </td>
        <td>
            <input type="date" name="report[part_a][procurement][tender_process_rows][__R__][ts_date]" class="form-control form-control-sm" aria-label="T.S date">
        </td>
        <td>
            <input type="number" name="report[part_a][procurement][tender_process_rows][__R__][ts_cost]" class="form-control form-control-sm report-a2-tender-ts-cost" min="0" step="any" inputmode="decimal" placeholder="PKR (million)" aria-label="T.S cost">
        </td>
        <td>
            <input type="number" name="report[part_a][procurement][tender_process_rows][__R__][bid_amount]" class="form-control form-control-sm report-a2-tender-bid-amount" min="0" step="any" inputmode="decimal" placeholder="PKR (million)" aria-label="Bid amount">
        </td>
        <td>
            <input type="number" name="report[part_a][procurement][tender_process_rows][__R__][variance]" class="form-control form-control-sm report-a2-tender-variance report-a1-identity-readonly" step="any" inputmode="decimal" readonly tabindex="-1" title="{{ __('Calculated as ((T.S Cost − Bid Amount) / T.S Cost) × 100') }}" aria-label="{{ __('Variance % (auto-calculated)') }}">
        </td>
        <td>
            <input type="date" name="report[part_a][procurement][tender_process_rows][__R__][loa_work_award_date]" class="form-control form-control-sm" aria-label="Date of LOA">
        </td>
        <td class="report-a2-tender-td-remarks">
            <textarea name="report[part_a][procurement][tender_process_rows][__R__][observation]" rows="2" class="form-control form-control-sm" placeholder="Observation…" aria-label="Observation"></textarea>
        </td>
        <td class="text-center align-middle">
            <button type="button" class="btn btn-sm report-a2-tender-remove" title="Remove row" aria-label="Remove row">
                <i class="fas fa-times"></i>
            </button>
        </td>
    </tr>
</template>

<div class="modal fade" id="report-a2-pm-modal" tabindex="-1" role="dialog" aria-labelledby="report-a2-pm-modal-title" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header py-2 align-items-center">
                <button type="button" class="btn btn-sm btn-link text-white p-0 mr-2 report-a2-pm-modal-back" aria-label="Back" hidden>
                    <i class="fas fa-arrow-left"></i>
                </button>
                <div class="flex-grow-1 min-width-0">
                    <h5 class="modal-title mb-0" id="report-a2-pm-modal-title">Select Procurement Method</h5>
                    <div class="small text-truncate report-a2-pm-modal-subtitle"></div>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body p-0">
                <div class="list-group list-group-flush report-a2-pm-modal-list" role="listbox" aria-label="Procurement method options"></div>
            </div>
            <div class="modal-footer py-2">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

@push('styles')
<style>
    .report-a2-pm-open {
        cursor: pointer;
        background-color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .report-a2-pm-open:hover,
    .report-a2-pm-open:focus {
        background-color: #f8f9fa;
    }
    .report-a2-pm-modal-item {
        cursor: pointer;
        border-left: 0;
        border-right: 0;
    }
    .report-a2-pm-modal-item:hover,
    .report-a2-pm-modal-item:focus {
        background-color: #f4f6f9;
    }
    .report-a2-pm-modal-item .report-a2-pm-modal-code {
        min-width: 3.5rem;
        text-align: right;
        font-family: monospace;
        font-size: 0.85em;
    }
    #report-a2-pm-modal .min-width-0 {
        min-width: 0;
    }
</style>
@endpush

@push('scripts')
<script>
(function () {
    var pmNodes = @json($procurementMethodNodes);
    var pmById = {};
    var pmChildren = {};
    pmNodes.forEach(function (node) {
        pmById[node.id] = node;
        var parentKey = node.parent_id === null ? 'root' : String(node.parent_id);
        if (!pmChildren[parentKey]) pmChildren[parentKey] = [];
        pmChildren[parentKey].push(node);
    });

    var modalEl = document.getElementById('report-a2-pm-modal');
    if (!modalEl) {
        window.reportA2InitProcurementPickers = function () {};
        return;
    }
    var modalList = modalEl.querySelector('.report-a2-pm-modal-list');
    var modalBack = modalEl.querySelector('.report-a2-pm-modal-back');
    var modalSubtitle = modalEl.querySelector('.report-a2-pm-modal-subtitle');
    var activePicker = null;
    var navStack = [];

    function pmStoredValue(node) {
        if (!node) return '';
        return node.code && String(node.code).trim() !== '' ? String(node.code).trim() : String(node.name).trim();
    }

    function pmDisplayValue(node) {
        if (!node) return '';
        return node.code && String(node.code).trim() !== '' ? String(node.code).trim() : String(node.name).trim();
    }

    function pmNodeHasChildren(id) {
        return (pmChildren[String(id)] || []).length > 0;
    }

    function pmChildrenOf(parentId) {
        var key = parentId === null ? 'root' : String(parentId);
        return pmChildren[key] || [];
    }

    function pmUpdatePickerDisplay(picker, stored, display, leafId) {
        if (!picker) return;
        var storedInput = picker.querySelector('.report-a2-pm-stored');
        var leafInput = picker.querySelector('.report-a2-pm-leaf-id');
        var displayEl = picker.querySelector('.report-a2-pm-display');
        var clearBtn = picker.querySelector('.report-a2-pm-clear');
        if (storedInput) storedInput.value = stored || '';
        if (leafInput) leafInput.value = leafId ? String(leafId) : '';
        picker.setAttribute('data-stored', stored || '');
        picker.setAttribute('data-leaf-id', leafId ? String(leafId) : '');
        if (displayEl) {
            displayEl.textContent = display || '— Select —';
            displayEl.classList.toggle('text-muted', !display);
        }
        if (clearBtn) clearBtn.hidden = !display;
    }

    function pmClearPicker(picker) {
        pmUpdatePickerDisplay(picker, '', '', null);
        picker.setAttribute('data-path', '[]');
    }

    function pmApplySelection(picker, node) {
        if (!picker || !node) return;
        var stored = pmStoredValue(node);
        var display = pmDisplayValue(node);
        var path = [];
        var current = node;
        while (current) {
            path.unshift(current.id);
            current = current.parent_id !== null ? pmById[current.parent_id] : null;
        }
        picker.setAttribute('data-path', JSON.stringify(path));
        pmUpdatePickerDisplay(picker, stored, display, node.id);
    }

    function pmModalSubtitleText() {
        if (navStack.length === 0) {
            return 'Choose a procurement category';
        }
        return navStack.map(function (frame) { return frame.title; }).join(' › ');
    }

    function pmRenderModalLevel(parentId) {
        if (!modalList) return;
        var items = pmChildrenOf(parentId);
        modalList.innerHTML = '';
        if (items.length === 0) {
            modalList.innerHTML = '<div class="list-group-item text-muted small">No options available.</div>';
            return;
        }
        items.forEach(function (node) {
            var btn = document.createElement('button');
            btn.type = 'button';
            btn.className = 'list-group-item list-group-item-action report-a2-pm-modal-item d-flex align-items-center';
            btn.setAttribute('role', 'option');
            btn.setAttribute('data-node-id', String(node.id));

            var label = document.createElement('span');
            label.className = 'flex-grow-1 text-left';
            label.textContent = node.name;

            btn.appendChild(label);

            if (node.code && String(node.code).trim() !== '' && !pmNodeHasChildren(node.id)) {
                var code = document.createElement('span');
                code.className = 'badge badge-light border report-a2-pm-modal-code ml-2';
                code.textContent = String(node.code).trim();
                btn.appendChild(code);
            } else if (pmNodeHasChildren(node.id)) {
                var chevron = document.createElement('span');
                chevron.className = 'text-muted ml-2';
                chevron.innerHTML = '<i class="fas fa-chevron-right"></i>';
                btn.appendChild(chevron);
            }

            btn.addEventListener('click', function () {
                pmOnModalItemClick(node);
            });
            modalList.appendChild(btn);
        });

        if (modalBack) modalBack.hidden = navStack.length === 0;
        if (modalSubtitle) modalSubtitle.textContent = pmModalSubtitleText();
    }

    function pmOpenModalAt(parentId, pushFrame) {
        if (pushFrame) {
            navStack.push(pushFrame);
        }
        pmRenderModalLevel(parentId);
    }

    function pmResetModalNav() {
        navStack = [];
        pmRenderModalLevel(null);
    }

    function pmOnModalItemClick(node) {
        if (!node) return;
        if (pmNodeHasChildren(node.id)) {
            pmOpenModalAt(node.id, { id: node.id, title: node.name });
            return;
        }
        if (activePicker) {
            pmApplySelection(activePicker, node);
        }
        if (modalEl && typeof jQuery !== 'undefined') {
            jQuery(modalEl).modal('hide');
        } else if (modalEl) {
            modalEl.classList.remove('show');
            modalEl.style.display = 'none';
        }
    }

    function pmOpenModalForPicker(picker) {
        if (!modalEl || !picker) return;
        activePicker = picker;
        pmResetModalNav();
        if (typeof jQuery !== 'undefined') {
            jQuery(modalEl).modal('show');
        } else {
            modalEl.classList.add('show');
            modalEl.style.display = 'block';
        }
    }

    function pmInitPicker(picker) {
        if (!picker || picker.getAttribute('data-pm-init') === '1') return;
        picker.setAttribute('data-pm-init', '1');

        var openBtn = picker.querySelector('.report-a2-pm-open');
        var clearBtn = picker.querySelector('.report-a2-pm-clear');
        if (openBtn) {
            openBtn.addEventListener('click', function () {
                pmOpenModalForPicker(picker);
            });
        }
        if (clearBtn) {
            clearBtn.addEventListener('click', function (e) {
                e.stopPropagation();
                pmClearPicker(picker);
            });
        }
    }

    function pmInitAll(root) {
        (root || document).querySelectorAll('.report-a2-pm-picker').forEach(pmInitPicker);
    }

    if (modalBack) {
        modalBack.addEventListener('click', function () {
            if (navStack.length === 0) return;
            navStack.pop();
            var parentId = navStack.length > 0 ? navStack[navStack.length - 1].id : null;
            pmRenderModalLevel(parentId);
        });
    }

    if (modalEl && typeof jQuery !== 'undefined') {
        jQuery(modalEl).on('hidden.bs.modal', function () {
            activePicker = null;
            navStack = [];
        });
    }

    window.reportA2InitProcurementPickers = pmInitAll;
    window.reportA2ApplyPmImport = function (picker, stored, leafId) {
        if (!picker) return;
        if (leafId && pmById[leafId]) {
            pmApplySelection(picker, pmById[leafId]);
            return;
        }
        if (stored) {
            var match = null;
            Object.keys(pmById).forEach(function (id) {
                if (match) return;
                var node = pmById[id];
                if (!node || pmNodeHasChildren(node.id)) return;
                if (pmStoredValue(node) === stored || pmDisplayValue(node) === stored) {
                    match = node;
                }
            });
            if (match) {
                pmApplySelection(picker, match);
                return;
            }
            pmUpdatePickerDisplay(picker, stored, stored, null);
            picker.setAttribute('data-path', '[]');
        }
    };
    pmInitAll(document.getElementById('report-a2-root'));
})();
</script>
<script>
(function () {
    var tbody = document.getElementById('report-a2-tender-tbody');
    var btnAdd = document.getElementById('report-a2-tender-add-row');
    var tpl = document.getElementById('report-a2-tender-row-template');
    if (!tbody || !tpl || !tpl.content) return;

    var nameRe = /report\[part_a\]\[procurement\]\[tender_process_rows\]\[[^\]]+\]/;

    function tenderOrdinalWord(n) {
        if (n < 1) n = 1;
        var mod100 = n % 100;
        if (mod100 >= 11 && mod100 <= 13) return n + 'th';
        switch (n % 10) {
            case 1: return n + 'st';
            case 2: return n + 'nd';
            case 3: return n + 'rd';
            default: return n + 'th';
        }
    }

    function renumberTenderRows() {
        var rows = tbody.querySelectorAll('.report-a2-tender-row');
        rows.forEach(function (tr, i) {
            tr.setAttribute('data-row-index', String(i));
            tr.querySelectorAll('[name]').forEach(function (el) {
                el.name = el.name.replace(nameRe, 'report[part_a][procurement][tender_process_rows][' + i + ']');
            });
            var ord = tenderOrdinalWord(i + 1);
            var hid = tr.querySelector('.report-a2-tender-number-field');
            var disp = tr.querySelector('.report-a2-tender-number-display');
            if (hid) hid.value = ord;
            if (disp) disp.textContent = ord;
            var rm = tr.querySelector('.report-a2-tender-remove');
            if (rm) rm.style.visibility = rows.length <= 1 ? 'hidden' : 'visible';
        });
    }

    function parseA2Amount(v) {
        if (v === undefined || v === null) return NaN;
        var s = String(v).replace(/,/g, '').trim();
        if (s === '') return NaN;
        var n = parseFloat(s);
        return isNaN(n) ? NaN : n;
    }

    function formatA2Total(n) {
        if (isNaN(n) || !isFinite(n)) return '';
        var s = n.toFixed(4).replace(/\.?0+$/, '');
        return s === '-0' ? '0' : s;
    }

    function computeA2VariancePct(ts, bid) {
        if (isNaN(ts) && isNaN(bid)) {
            return NaN;
        }
        if (isNaN(ts) || ts <= 0) {
            return NaN;
        }
        var b = isNaN(bid) ? 0 : bid;
        return Math.round((((ts - b) / ts) * 100) * 100) / 100;
    }

    function formatA2VariancePct(n) {
        if (isNaN(n) || !isFinite(n)) {
            return '';
        }
        var s = n.toFixed(2).replace(/\.?0+$/, '');
        return s === '-0' ? '0' : s;
    }

    function syncA2RowVariance(tr) {
        if (!tr) return;
        var tsEl = tr.querySelector('.report-a2-tender-ts-cost, input[name*="[ts_cost]"]');
        var bidEl = tr.querySelector('.report-a2-tender-bid-amount, input[name*="[bid_amount]"]');
        var varEl = tr.querySelector('.report-a2-tender-variance, input[name*="[variance]"]');
        if (!varEl) return;
        var ts = parseA2Amount(tsEl ? tsEl.value : '');
        var bid = parseA2Amount(bidEl ? bidEl.value : '');
        var v = computeA2VariancePct(ts, bid);
        if (isNaN(v)) {
            varEl.value = '';
            varEl.classList.remove('report-num--negative', 'is-negative');
            return;
        }
        varEl.value = formatA2VariancePct(v);
        varEl.classList.toggle('report-num--negative', v < 0);
        varEl.classList.toggle('is-negative', v < 0);
        if (typeof window.pmsApplyReportNegativeStyle === 'function') {
            window.pmsApplyReportNegativeStyle(varEl, v);
        }
    }

    function recalcA2TenderTotals() {
        var tsSum = 0;
        var bidSum = 0;
        var hasTs = false;
        var hasBid = false;
        tbody.querySelectorAll('.report-a2-tender-row').forEach(function (tr) {
            syncA2RowVariance(tr);
            var tsEl = tr.querySelector('.report-a2-tender-ts-cost, input[name*="[ts_cost]"]');
            var bidEl = tr.querySelector('.report-a2-tender-bid-amount, input[name*="[bid_amount]"]');
            var ts = parseA2Amount(tsEl ? tsEl.value : '');
            var bid = parseA2Amount(bidEl ? bidEl.value : '');
            if (!isNaN(ts)) {
                tsSum += ts;
                hasTs = true;
            }
            if (!isNaN(bid)) {
                bidSum += bid;
                hasBid = true;
            }
        });
        var totTs = document.getElementById('report-a2-total-ts-cost');
        var totBid = document.getElementById('report-a2-total-bid-amount');
        var totVar = document.getElementById('report-a2-total-variance');
        if (totTs) totTs.textContent = hasTs ? formatA2Total(tsSum) : '';
        if (totBid) totBid.textContent = hasBid ? formatA2Total(bidSum) : '';
        if (totVar) {
            if (hasTs && tsSum > 0 && (hasTs || hasBid)) {
                var v = computeA2VariancePct(tsSum, bidSum);
                totVar.textContent = formatA2VariancePct(v);
                totVar.classList.toggle('is-negative', v < 0);
                totVar.classList.toggle('report-num--negative', v < 0);
                if (typeof window.pmsApplyReportNegativeStyle === 'function') {
                    window.pmsApplyReportNegativeStyle(totVar, v);
                }
            } else {
                totVar.textContent = '';
                totVar.classList.remove('is-negative', 'report-num--negative');
            }
        }
    }

    function wireA2AmountInputs(tr) {
        if (!tr) return;
        tr.querySelectorAll('.report-a2-tender-ts-cost, .report-a2-tender-bid-amount').forEach(function (el) {
            if (el._a2TotalWired) return;
            el._a2TotalWired = true;
            el.addEventListener('input', recalcA2TenderTotals);
            el.addEventListener('change', recalcA2TenderTotals);
        });
        var varEl = tr.querySelector('.report-a2-tender-variance');
        if (varEl) {
            varEl.readOnly = true;
            varEl.setAttribute('tabindex', '-1');
            varEl.setAttribute('title', 'Calculated as ((T.S Cost − Bid Amount) / T.S Cost) × 100');
        }
    }

    function bindRemove(tr) {
        var rm = tr.querySelector('.report-a2-tender-remove');
        if (!rm) return;
        rm.addEventListener('click', function () {
            if (tbody.querySelectorAll('.report-a2-tender-row').length <= 1) return;
            tr.parentNode.removeChild(tr);
            renumberTenderRows();
            recalcA2TenderTotals();
        });
    }

    function setA2TenderRowValues(tr, row) {
        row = row || {};
        var desc = tr.querySelector('input[name*="[description]"]');
        var tbo = tr.querySelector('input[name*="[tender_bid_opening_date]"]');
        var bidders = tr.querySelector('input[name*="[bidders_prequalified_count]"]');
        var tsDate = tr.querySelector('input[name*="[ts_date]"]');
        var tsCost = tr.querySelector('input[name*="[ts_cost]"]');
        var bidAmt = tr.querySelector('input[name*="[bid_amount]"]');
        var loa = tr.querySelector('input[name*="[loa_work_award_date]"]');
        var obs = tr.querySelector('textarea[name*="[observation]"]');
        if (desc && row.description) desc.value = String(row.description);
        if (tbo && row.tender_bid_opening_date) tbo.value = String(row.tender_bid_opening_date);
        if (bidders && row.bidders_prequalified_count !== undefined && row.bidders_prequalified_count !== null && String(row.bidders_prequalified_count) !== '') {
            bidders.value = String(row.bidders_prequalified_count);
        }
        if (tsDate && row.ts_date) tsDate.value = String(row.ts_date);
        if (tsCost && row.ts_cost !== undefined && row.ts_cost !== null && String(row.ts_cost) !== '') {
            tsCost.value = String(row.ts_cost);
        }
        if (bidAmt && row.bid_amount !== undefined && row.bid_amount !== null && String(row.bid_amount) !== '') {
            bidAmt.value = String(row.bid_amount);
        }
        // Variance is always ((T.S Cost − Bid Amount) / T.S Cost) × 100 (ignore imported/manual variance).
        syncA2RowVariance(tr);
        if (loa && row.loa_work_award_date) loa.value = String(row.loa_work_award_date);
        if (obs && row.observation) obs.value = String(row.observation);
        var picker = tr.querySelector('.report-a2-pm-picker');
        if (picker && typeof window.reportA2ApplyPmImport === 'function') {
            window.reportA2ApplyPmImport(
                picker,
                row.procurement_method ? String(row.procurement_method) : '',
                row.procurement_method_leaf_id ? parseInt(String(row.procurement_method_leaf_id), 10) : 0
            );
        }
    }

    function appendTenderRowFromData(row) {
        var frag = tpl.content.cloneNode(true);
        var tr = frag.querySelector('.report-a2-tender-row');
        if (!tr) return;
        tbody.appendChild(tr);
        if (typeof window.reportA2InitProcurementPickers === 'function') {
            window.reportA2InitProcurementPickers(tr);
        }
        setA2TenderRowValues(tr, row || {});
        wireA2AmountInputs(tr);
        bindRemove(tr);
        renumberTenderRows();
        recalcA2TenderTotals();
    }

    window.pmsA2ReplaceTenderRows = function (rows) {
        if (!Array.isArray(rows) || !rows.length) return false;
        tbody.querySelectorAll('.report-a2-tender-row').forEach(function (tr) {
            tr.parentNode.removeChild(tr);
        });
        rows.forEach(appendTenderRowFromData);
        recalcA2TenderTotals();
        return true;
    };

    var excelBtn = document.getElementById('report-a2-excel-import-btn');
    var excelFile = document.getElementById('report-a2-excel-import-file');
    if (excelBtn && excelFile) {
        excelBtn.addEventListener('click', function () { excelFile.click(); });
        excelFile.addEventListener('change', function () {
            var file = excelFile.files && excelFile.files[0];
            excelFile.value = '';
            if (!file) return;
            var fd = new FormData();
            fd.append('file', file);
            var csrf = document.querySelector('meta[name="csrf-token"]');
            if (csrf) fd.append('_token', csrf.getAttribute('content'));
            excelBtn.disabled = true;
            fetch(@json(route('reports.part-a.tender-process.excel-import')), {
                method: 'POST',
                body: fd,
                headers: { Accept: 'application/json', 'X-Requested-With': 'XMLHttpRequest' }
            })
                .then(function (r) { return r.json().then(function (d) { return { ok: r.ok, data: d }; }); })
                .then(function (res) {
                    if (!res.ok || !res.data) {
                        throw new Error((res.data && res.data.message) ? res.data.message : 'Import failed.');
                    }
                    if (!window.pmsA2ReplaceTenderRows(res.data.rows)) {
                        throw new Error('Import failed.');
                    }
                    var n = (res.data.rows && res.data.rows.length) ? res.data.rows.length : 0;
                    var msg = n + ' row(s) imported.';
                    if (typeof Swal !== 'undefined' && Swal.fire) {
                        Swal.fire({
                            icon: 'success',
                            title: @json(__('Imported')),
                            text: msg,
                            timer: 2200,
                            showConfirmButton: false
                        });
                    } else {
                        alert(msg);
                    }
                })
                .catch(function (e) {
                    alert(e && e.message ? e.message : 'Import failed.');
                })
                .finally(function () { excelBtn.disabled = false; });
        });
    }

    tbody.querySelectorAll('.report-a2-tender-row').forEach(function (tr) {
        bindRemove(tr);
        wireA2AmountInputs(tr);
    });
    renumberTenderRows();
    recalcA2TenderTotals();

    if (btnAdd) {
        btnAdd.addEventListener('click', function () {
            appendTenderRowFromData({});
            var tr = tbody.querySelector('.report-a2-tender-row:last-child');
            var inp = tr && tr.querySelector('input[name*="[tender_bid_opening_date]"]');
            if (inp) inp.focus();
        });
    }
})();
</script>
@endpush