@once
@push('stylesheets')
<style>
    .pci-p3b-fin-wrap { border: 1px solid #c5dce8; border-radius: 8px; background: #fff; overflow: hidden; }
    .pci-p3b-fin-note { font-size: .72rem; color: #64748b; text-align: right; padding: .35rem .65rem 0; }
    .pci-p3b-fin-table { width: 100%; margin-bottom: 0; border-collapse: collapse; }
    .pci-p3b-fin-table thead th {
        background: linear-gradient(180deg, #1e4a7a 0%, #16365a 100%);
        color: #fff;
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        padding: .55rem .5rem;
        text-align: center;
        border: 1px solid #16365a;
        vertical-align: middle;
    }
    .pci-p3b-fin-table thead th:first-child { text-align: left; min-width: 220px; }
    .pci-p3b-fin-table tbody td {
        padding: .35rem .45rem;
        border: 1px solid #dbe8f0;
        vertical-align: middle;
    }
    .pci-p3b-fin-table tbody td:first-child { background: #f8fcff; }
    .pci-p3b-fin-row-label { font-size: .8rem; font-weight: 700; color: #0f172a; line-height: 1.25; }
    .pci-p3b-fin-row-sub { font-size: .68rem; color: #64748b; margin-top: .1rem; }
    .pci-p3b-fin-table input.form-control {
        font-size: .82rem;
        text-align: right;
        border-color: #cbd5e1;
        min-height: 34px;
    }
    .pci-p3b-fin-table .pci-p3b-fin-readonly {
        background: #f8fafc;
        color: #0f172a;
        font-weight: 600;
        text-align: center;
    }
    .pci-p3b-fin-row--month td { background: #fff7ed; }
    .pci-p3b-fin-row--month td:first-child { background: #ffedd5; }
    .pci-p3b-fin-row--cumulative td { background: #eff6ff; }
    .pci-p3b-fin-row--cumulative td:first-child { background: #dbeafe; }
    .pci-p3b-fin-row--cumulative .pci-p3b-fin-row-label { color: #1d4ed8; }
    .pci-p3b-fin-status-wrap { border: 1px solid #c5dce8; border-radius: 8px; overflow: hidden; margin-top: 1rem; }
    .pci-p3b-fin-status-head {
        background: linear-gradient(180deg, #f8fcff 0%, #eef6fb 100%);
        border-bottom: 1px solid #dbe8f0;
        padding: .55rem .85rem;
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #1a365d;
    }
    .pci-p3b-fin-status-table { width: 100%; margin-bottom: 0; border-collapse: collapse; }
    .pci-p3b-fin-status-table thead th {
        background: linear-gradient(180deg, #1e4a7a 0%, #16365a 100%);
        color: #fff;
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        padding: .5rem .65rem;
        border: 1px solid #16365a;
    }
    .pci-p3b-fin-status-table tbody td {
        padding: .45rem .65rem;
        border: 1px solid #dbe8f0;
        vertical-align: middle;
        font-size: .82rem;
    }
    .pci-p3b-fin-status-table tbody td:first-child { width: 3.5rem; text-align: center; font-weight: 700; }
    .pci-p3b-fin-status-table tbody td:nth-child(2) { font-weight: 600; color: #0f172a; }
    .pci-p3b-fin-status-table tbody td:last-child { width: 140px; }
    .pci-p3b-fin-status-table .pci-p3b-variance-sno { color: #ea580c; }
    .pci-form-wrapper.pci-form-dashboard .pci-p3b-fin-status-wrap input.form-control.pci-p3b-fin-status-val.pci-p3b-fin-val-pos,
    .pci-form-wrapper.pci-form-dashboard .pci-p3b-fin-status-wrap input.form-control.pci-p3b-fin-status-val.text-success {
        color: #28a745 !important;
        font-weight: 700 !important;
    }
    .pci-form-wrapper.pci-form-dashboard .pci-p3b-fin-status-wrap input.form-control.pci-p3b-fin-status-val.pci-p3b-fin-val-neg,
    .pci-form-wrapper.pci-form-dashboard .pci-p3b-fin-status-wrap input.form-control.pci-p3b-fin-status-val.text-danger {
        color: #dc3545 !important;
        font-weight: 700 !important;
    }
    .pci-p3b-fin-variance-req { font-size: .68rem; color: #64748b; font-weight: 400; }
    .pci-p3b-fin-variance-wrap { margin-top: 1rem; }
    .pci-p3b-fin-variance-wrap label { font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #1a365d; }
    @media (max-width: 767.98px) {
        .pci-p3b-fin-table-wrap { overflow-x: auto; }
        .pci-p3b-fin-table { min-width: 640px; }
    }
</style>
@endpush
@endonce

@php
    use App\Helpers\PC\AmountMillionHelper;
    use App\Services\ReportPreviewPresenter;

    $pciIiiBFormatMillionForDisplay = static function (string $plain): string {
        $plain = trim($plain);
        if ($plain === '' || $plain === '0') {
            return '0';
        }
        if (! preg_match('/^(\d+)(\.\d+)?$/', $plain, $m)) {
            return $plain;
        }
        $intPart = ltrim($m[1], '0') ?: '0';
        $len = strlen($intPart);
        $buf = '';
        for ($i = 0; $i < $len; $i++) {
            if ($i > 0 && ($len - $i) % 3 === 0) {
                $buf .= ',';
            }
            $buf .= $intPart[$i];
        }
        if (isset($m[2]) && $m[2] !== '' && $m[2] !== '.') {
            $buf .= $m[2];
        }

        return $buf;
    };
    $pciIiiBFinDisplayAmt = function (mixed $raw) use ($pciIiiBEdit, $pciIiiBFormatMillionForDisplay): string {
        if ($raw === null || $raw === '') {
            return '';
        }
        $plain = AmountMillionHelper::normalizePlanProvisionAmountInput($raw);
        if ($plain === null || $plain === '' || ! is_numeric($plain)) {
            return '';
        }
        if (! $pciIiiBEdit) {
            return ReportPreviewPresenter::amountMillionDisplay($raw);
        }
        $n = (float) $plain;
        if ($n <= 0) {
            return $n === 0.0 ? '0' : '';
        }
        $trimmed = rtrim(rtrim(sprintf('%.6F', $n), '0'), '.');

        return $pciIiiBFormatMillionForDisplay($trimmed === '' ? '0' : $trimmed);
    };
    $pciIiiBFinDisplayPct = function (mixed $raw) use ($pciIiiBEdit): string {
        if ($raw === null || $raw === '') {
            return '';
        }
        $plain = AmountMillionHelper::normalizePlanProvisionAmountInput(
            is_string($raw) ? str_replace('%', '', $raw) : $raw
        );
        if ($plain === null || $plain === '' || ! is_numeric($plain)) {
            return (string) $raw;
        }
        $n = min(100, max(0, (float) $plain));
        if ($pciIiiBEdit) {
            return number_format($n, 2, '.', '');
        }

        return number_format($n, 2).'%';
    };
    $pciIiiBFinRowVal = function (string $rowKey, string $col) use ($pciIiiBFinancial, $pciIiiBFinDisplayAmt): string {
        $row = $pciIiiBFinancial[$rowKey] ?? null;

        return is_array($row) ? $pciIiiBFinDisplayAmt($row[$col] ?? '') : '';
    };
    $pciIiiBFinFromBpms = is_array($pciIiiBFinFromBpms ?? null) ? $pciIiiBFinFromBpms : [];
    $pciIiiBFinBpmsYearLabel = (string) ($pciIiiBFinBpmsYearLabel ?? '');
    $pciIiiBFinRows = [
        ['key' => 'approved_cost', 'label' => 'Approved Cost', 'sub' => 'Active cost from BPMS', 'month' => false, 'bpms' => true],
        ['key' => 'expenditure_last_fy', 'label' => 'Expenditure up to end of Last F.Y.', 'sub' => 'From BPMS (uploaded / budget year)', 'month' => false, 'bpms' => true],
        [
            'key' => 'adp_allocations_current_year',
            'label' => 'ADP Allocations (Current Year)',
            'sub' => $pciIiiBFinBpmsYearLabel !== '' ? ('Last locked year: '.$pciIiiBFinBpmsYearLabel) : 'Last locked year in BPMS',
            'month' => false,
            'bpms' => true,
        ],
        [
            'key' => 'fpa',
            'label' => 'FPA',
            'sub' => $pciIiiBFinBpmsYearLabel !== ''
                ? ('Foreign Project Assistance — '.$pciIiiBFinBpmsYearLabel.' (BPMS allocation)')
                : 'Foreign Project Assistance (BPMS allocation)',
            'month' => false,
            'bpms' => true,
        ],
        ['key' => 'total_release_current_year', 'label' => 'Total Release (Current Year)', 'sub' => $pciIiiBFinBpmsYearLabel !== '' ? $pciIiiBFinBpmsYearLabel : 'From BPMS', 'month' => false, 'bpms' => true],
        ['key' => 'total_expenditure_current_year', 'label' => 'Total Expenditure (Current Year)', 'sub' => $pciIiiBFinBpmsYearLabel !== '' ? $pciIiiBFinBpmsYearLabel : 'From BPMS', 'month' => false, 'bpms' => true],
        ['key' => 'releases_current_month', 'label' => 'Releases (Current Month)', 'sub' => '', 'month' => true, 'bpms' => false],
        ['key' => 'expenditure_current_month', 'label' => 'Expenditure (Current Month)', 'sub' => '', 'month' => true, 'bpms' => false],
    ];
    $pciIiiBFinFp = $pciIiiBFinDisplayPct($pciIiiBFinancial['overall_financial_progress_pct'] ?? '');
    $pciIiiBFinPp = $pciIiiBFinDisplayPct($pciIiiBFinancial['overall_physical_progress_pct'] ?? '');
    $pciIiiBFinVarianceReason = (string) ($pciIiiBFinancial['reason_of_variance'] ?? '');
@endphp

<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-b-financial-data-body" aria-expanded="true" id="pci-pc-iii-b-financial-data-toggle">
        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Financial Data</span>
        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
    </button>
    <div id="pci-pc-iii-b-financial-data-body" class="collapse show">
        <div class="pci-gi-mint">
            <div class="pci-p3b-fin-wrap">
                <div class="pci-p3b-fin-note">All amounts in Rs. Millions.</div>
                <div class="pci-p3b-fin-table-wrap table-responsive">
                    <table class="pci-p3b-fin-table" role="grid" aria-label="Monthly financial status">
                        <thead>
                            <tr>
                                <th>Description</th>
                                <th>Capital (Rs. M)</th>
                                <th>Revenue (Rs. M)</th>
                                <th>Total (Rs. M)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($pciIiiBFinRows as $finRow)
                            @php
                                $finRowFromBpms = ! empty($finRow['bpms']) || ! empty($pciIiiBFinFromBpms[$finRow['key']]);
                                $finRowReadonly = (! $pciIiiBEdit) || $finRowFromBpms;
                            @endphp
                            <tr class="pci-p3b-fin-row{{ $finRow['month'] ? ' pci-p3b-fin-row--month' : '' }}" data-p3b-fin-row="{{ $finRow['key'] }}">
                                <td>
                                    <div class="pci-p3b-fin-row-label">{{ $finRow['label'] }}</div>
                                    @if($finRow['sub'] !== '')
                                    <div class="pci-p3b-fin-row-sub">{{ $finRow['sub'] }}</div>
                                    @endif
                                </td>
                                <td>
                                    <input type="text"
                                        name="pc_iii_b_financial_status[{{ $finRow['key'] }}][capital]"
                                        value="{{ $pciIiiBFinRowVal($finRow['key'], 'capital') }}"
                                        class="form-control form-control-sm pci-pc-iii-num pci-p3b-fin-input pci-p3b-fin-cap {{ $finRowReadonly ? 'pci-readonly pci-p3b-fin-readonly' : '' }}"
                                        placeholder="0.0000"
                                        inputmode="decimal"
                                        data-p3b-fin-row="{{ $finRow['key'] }}"
                                        data-p3b-fin-col="capital"
                                        {{ $finRowReadonly ? 'readonly' : '' }} />
                                </td>
                                <td>
                                    <input type="text"
                                        name="pc_iii_b_financial_status[{{ $finRow['key'] }}][revenue]"
                                        value="{{ $pciIiiBFinRowVal($finRow['key'], 'revenue') }}"
                                        class="form-control form-control-sm pci-pc-iii-num pci-p3b-fin-input pci-p3b-fin-rev {{ $finRowReadonly ? 'pci-readonly pci-p3b-fin-readonly' : '' }}"
                                        placeholder="0.0000"
                                        inputmode="decimal"
                                        data-p3b-fin-row="{{ $finRow['key'] }}"
                                        data-p3b-fin-col="revenue"
                                        {{ $finRowReadonly ? 'readonly' : '' }} />
                                </td>
                                <td>
                                    <input type="text"
                                        id="pci-p3b-fin-total-{{ $finRow['key'] }}"
                                        class="form-control form-control-sm pci-p3b-fin-readonly pci-readonly"
                                        readonly
                                        placeholder="0.0000"
                                        aria-label="{{ $finRow['label'] }} total" />
                                </td>
                            </tr>
                            @endforeach
                            <tr class="pci-p3b-fin-row pci-p3b-fin-row--cumulative" data-p3b-fin-row="expenditure_cumulative">
                                <td>
                                    <div class="pci-p3b-fin-row-label">Expenditure Cumulative (Auto)</div>
                                    <div class="pci-p3b-fin-row-sub">= Last F.Y. Expd + Total Expd (Current Year)</div>
                                </td>
                                <td><input type="text" id="pci-p3b-fin-cum-capital" class="form-control form-control-sm pci-p3b-fin-readonly pci-readonly" readonly value="Auto" aria-label="Expenditure cumulative capital" /></td>
                                <td><input type="text" id="pci-p3b-fin-cum-revenue" class="form-control form-control-sm pci-p3b-fin-readonly pci-readonly" readonly value="Auto" aria-label="Expenditure cumulative revenue" /></td>
                                <td><input type="text" id="pci-p3b-fin-cum-total" class="form-control form-control-sm pci-p3b-fin-readonly pci-readonly" readonly value="Auto" aria-label="Expenditure cumulative total" /></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<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-b-project-status-body" aria-expanded="true" id="pci-pc-iii-b-project-status-toggle">
        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Overall Project Status — End of Reporting Month</span>
        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
    </button>
    <div id="pci-pc-iii-b-project-status-body" class="collapse show">
        <div class="pci-gi-mint">
            <div class="pci-p3b-fin-status-wrap">
                <table class="pci-p3b-fin-status-table" role="grid" aria-label="Overall project status">
                    <thead>
                        <tr>
                            <th>S.No.</th>
                            <th>Status Indicator</th>
                            <th>Value</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>
                                Overall Financial Progress (FP) %
                                <div class="pci-p3b-fin-row-sub">= Expenditure Cumulative ÷ (Approved Cost + FPA) × 100</div>
                            </td>
                            <td>
                                <input type="text"
                                    name="pc_iii_b_financial_status[overall_financial_progress_pct]"
                                    id="pci-p3b-fin-fp"
                                    value="{{ $pciIiiBFinFp }}"
                                    class="form-control form-control-sm pci-pc-iii-num pci-p3b-pct-input pci-p3b-fin-status-val pci-readonly pci-p3b-fin-readonly"
                                    placeholder="0.00"
                                    inputmode="decimal"
                                    readonly />
                            </td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Overall Physical Progress (PP) %</td>
                            <td>
                                <input type="text"
                                    name="pc_iii_b_financial_status[overall_physical_progress_pct]"
                                    id="pci-p3b-fin-pp"
                                    value="{{ $pciIiiBFinPp }}"
                                    class="form-control form-control-sm pci-pc-iii-num pci-p3b-fin-progress-input pci-p3b-pct-input pci-p3b-fin-status-val {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}"
                                    placeholder="0.00"
                                    inputmode="decimal"
                                    {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                            </td>
                        </tr>
                        <tr>
                            <td class="pci-p3b-variance-sno">3</td>
                            <td>
                                Variance of PP and FP (PP – FP) %
                                <div class="pci-p3b-fin-row-sub">Auto-calculated</div>
                            </td>
                            <td>
                                <input type="hidden" name="pc_iii_b_financial_status[variance_pp_fp]" id="pci-p3b-fin-variance-store" value="{{ $pciIiiBFinancial['variance_pp_fp'] ?? '' }}" />
                                <input type="text"
                                    id="pci-p3b-fin-variance"
                                    class="form-control form-control-sm pci-p3b-fin-readonly pci-p3b-fin-status-val pci-readonly text-center"
                                    readonly
                                    value="—"
                                    aria-label="Variance of PP and FP" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </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-b-variance-reason-body" aria-expanded="true" id="pci-pc-iii-b-variance-reason-toggle">
        <span class="pci-gi-bar-title pci-gi-bar-title-plain">Reason of Variance</span>
        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
    </button>
    <div id="pci-pc-iii-b-variance-reason-body" class="collapse show">
        <div class="pci-gi-mint">
            <div class="pci-p3b-fin-variance-wrap">
                <label for="pci-p3b-fin-variance-reason">
                    Reason of Variance
                    <span class="pci-p3b-fin-variance-req">(Required if |variance| &gt; 5%)</span>
                </label>
                <textarea
                    name="pc_iii_b_financial_status[reason_of_variance]"
                    id="pci-p3b-fin-variance-reason"
                    class="form-control {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}"
                    rows="4"
                    placeholder="Explain the reason for variance between physical and financial progress..."
                    {{ !$pciIiiBEdit ? 'readonly' : '' }}>{{ $pciIiiBFinVarianceReason }}</textarea>
            </div>
        </div>
    </div>
</div>