@once
@push('stylesheets')
<style>
    .pci-p3b-phys-district {
        border: 1px solid #dbe4ee;
        border-radius: 12px;
        background: #fff;
        margin-bottom: 1.15rem;
        overflow: hidden;
        box-shadow: 0 8px 22px rgba(15, 76, 110, 0.05);
    }
    .pci-p3b-phys-district__head {
        padding: .7rem 1rem;
        background: linear-gradient(180deg, #f8fcff 0%, #eef5fa 100%);
        border-bottom: 1px solid #dbe4ee;
        color: #0f4c6e;
        font-size: .78rem;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
    }
    .pci-p3b-phys-district__body { padding: .85rem 1rem 1rem; }
    .pci-p3b-phys-preview {
        width: 100%;
        margin: 0 0 1rem;
        border-collapse: collapse;
    }
    .pci-p3b-phys-preview th {
        background: linear-gradient(135deg, #0f4c6e 0%, #1a6b8a 100%);
        color: #fff;
        font-size: .68rem;
        letter-spacing: .04em;
        text-transform: uppercase;
        padding: .45rem .5rem;
        border: 1px solid #0b3d57;
        text-align: left;
        font-weight: 700;
    }
    .pci-p3b-phys-preview td {
        border: 1px solid #dbe4ee;
        padding: .45rem .5rem;
        font-size: .88rem;
        font-weight: 650;
        color: #0f172a;
        background: #fff;
    }
    .pci-p3b-phys-section {
        border: 1px solid #dbe4ee;
        border-radius: 10px;
        background: #f8fcff;
        padding: .75rem .85rem .9rem;
        margin-bottom: .9rem;
    }
    .pci-p3b-phys-section:last-child { margin-bottom: 0; }
    .pci-p3b-phys-section__meta {
        display: flex;
        flex-wrap: wrap;
        gap: .45rem .85rem;
        margin-bottom: .65rem;
    }
    .pci-p3b-phys-chip {
        font-size: .72rem;
        color: #334155;
    }
    .pci-p3b-phys-chip strong {
        display: block;
        font-size: .62rem;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #64748b;
        font-weight: 700;
        margin-bottom: .1rem;
    }
    .pci-p3b-phys-toolbar {
        display: flex;
        justify-content: flex-end;
        margin-bottom: .45rem;
    }
    .pci-p3b-phys-toolbar .btn-primary {
        background: linear-gradient(180deg, #1a6b8a, #0f4c6e);
        border-color: #0f4c6e;
        font-weight: 700;
        border-radius: 8px;
    }
    .pci-form-wrapper .pci-table.pci-pc-iii-b-physical-table thead th {
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 11px;
        background: linear-gradient(135deg, #0f4c6e 0%, #1a6b8a 100%) !important;
        color: #fff !important;
        border-color: #0b3d57 !important;
    }
    .pci-pc-iii-b-physical-table td.pci-pc-iii-b-physical-num-cell { text-align: center; }
    .pci-pc-iii-b-physical-table .pci-pc-iii-b-physical-num,
    .pci-pc-iii-b-physical-table .pci-pc-iii-b-physical-pct,
    .pci-pc-iii-b-physical-table .pci-pc-iii-b-physical-exp {
        text-align: center;
    }
    .pci-p3b-phys-empty {
        color: #64748b;
        font-size: .88rem;
        margin: 0;
    }
</style>
@endpush
@endonce

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

    $pciIiiBPhysicalDisplayQty = function (mixed $raw) use ($pciIiiBEdit): string {
        if ($raw === null || $raw === '') {
            return '';
        }
        $digits = preg_replace('/\D+/', '', (string) $raw) ?? '';
        if ($digits === '') {
            return '';
        }
        if ($pciIiiBEdit) {
            return $digits;
        }

        return number_format((int) $digits, 0, '.', ',');
    };
    $pciIiiBPhysicalDisplayPct = 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).'%';
    };
    $pciIiiBPhysicalFormatMillionForDisplay = 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;
    };
    $pciIiiBPhysicalDisplayAmt = function (mixed $raw) use ($pciIiiBEdit, $pciIiiBPhysicalFormatMillionForDisplay): 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 $pciIiiBPhysicalFormatMillionForDisplay($trimmed === '' ? '0' : $trimmed);
    };

    $pciIiiBPhysicalSections = is_array($pciIiiBPhysicalSections ?? null) ? $pciIiiBPhysicalSections : [];
    $pciIiiBPhysByDistrict = [];
    foreach ($pciIiiBPhysicalSections as $si => $section) {
        if (! is_array($section)) {
            continue;
        }
        $dName = trim((string) ($section['district'] ?? ''));
        $dKey = $dName !== '' ? $dName : '—';
        if (! isset($pciIiiBPhysByDistrict[$dKey])) {
            $pciIiiBPhysByDistrict[$dKey] = [
                'district' => $dName,
                'sections' => [],
            ];
        }
        $pciIiiBPhysByDistrict[$dKey]['sections'][] = [
            'index' => $si,
            'section' => $section,
        ];
    }
@endphp

{{-- Step 4: Physical Status --}}
<div class="pci-page" data-page="{{ $pciIiiBBase + 3 }}" data-pci-nav-key="pc-iii-b-physical" data-pci-step-title="4. Physical Status" data-pci-step-theme="3" data-pci-step-icon="hard-hat">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iii-b-physical-body" aria-expanded="true" id="pci-pc-iii-b-physical-toggle">
            <span class="pci-gi-bar-title">Physical Status</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-physical-body" class="collapse show">
            <div class="pci-gi-mint">
                <p class="text-muted small mb-3">Physical achievements by location (from Location step). Add component rows under each Taluka / UC / Unit / Contractor / Consultant group.</p>

                @if($pciIiiBPhysByDistrict === [])
                    <p class="pci-p3b-phys-empty">No districts found on Location yet. Add district rows on the Location step first.</p>
                @else
                    @foreach($pciIiiBPhysByDistrict as $districtKey => $districtGroup)
                        <div class="pci-p3b-phys-district" data-p3b-phys-district="{{ $districtKey }}">
                            <div class="pci-p3b-phys-district__head">District: {{ $districtGroup['district'] !== '' ? $districtGroup['district'] : '—' }}</div>
                            <div class="pci-p3b-phys-district__body">
                                <div class="table-responsive mb-3">
                                    <table class="pci-p3b-phys-preview" aria-label="Location preview for {{ $districtKey }}">
                                        <thead>
                                            <tr>
                                                <th>Taluka</th>
                                                <th>U.C</th>
                                                <th>Unit</th>
                                                <th>Contractor</th>
                                                <th>Consultant</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($districtGroup['sections'] as $entry)
                                                @php $sec = $entry['section']; @endphp
                                                <tr>
                                                    <td>{{ $sec['taluka'] !== '' ? $sec['taluka'] : '—' }}</td>
                                                    <td>{{ $sec['union_council'] !== '' ? $sec['union_council'] : '—' }}</td>
                                                    <td>{{ $sec['unit'] !== '' ? $sec['unit'] : '—' }}</td>
                                                    <td>{{ $sec['contractor'] !== '' ? $sec['contractor'] : '—' }}</td>
                                                    <td>{{ $sec['consultant'] !== '' ? $sec['consultant'] : '—' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>

                                @foreach($districtGroup['sections'] as $entry)
                                    @php
                                        $si = (int) $entry['index'];
                                        $sec = $entry['section'];
                                        $components = is_array($sec['components'] ?? null) ? $sec['components'] : [];
                                        if ($components === []) {
                                            $components = [[
                                                'component' => '', 'unit' => '', 'total_qty_pc_i' => '',
                                                'qty_completed_cumulative' => '', 'qty_completed_current_month' => '',
                                                'physical_progress_pct' => '', 'expenditure_rs_m' => '', 'remarks' => '',
                                            ]];
                                        }
                                    @endphp
                                    <div class="pci-p3b-phys-section" data-p3b-phys-section="{{ $si }}">
                                        <input type="hidden" name="pc_iii_b_physical_status[{{ $si }}][district]" value="{{ $sec['district'] ?? '' }}" />
                                        <input type="hidden" name="pc_iii_b_physical_status[{{ $si }}][taluka]" value="{{ $sec['taluka'] ?? '' }}" />
                                        <input type="hidden" name="pc_iii_b_physical_status[{{ $si }}][union_council]" value="{{ $sec['union_council'] ?? '' }}" />
                                        <input type="hidden" name="pc_iii_b_physical_status[{{ $si }}][unit]" value="{{ $sec['unit'] ?? '' }}" />
                                        <input type="hidden" name="pc_iii_b_physical_status[{{ $si }}][contractor]" value="{{ $sec['contractor'] ?? '' }}" />
                                        <input type="hidden" name="pc_iii_b_physical_status[{{ $si }}][consultant]" value="{{ $sec['consultant'] ?? '' }}" />

                                        <div class="pci-p3b-phys-section__meta">
                                            <div class="pci-p3b-phys-chip"><strong>District</strong>{{ ($sec['district'] ?? '') !== '' ? $sec['district'] : '—' }}</div>
                                            <div class="pci-p3b-phys-chip"><strong>Taluka</strong>{{ ($sec['taluka'] ?? '') !== '' ? $sec['taluka'] : '—' }}</div>
                                            <div class="pci-p3b-phys-chip"><strong>U.C</strong>{{ ($sec['union_council'] ?? '') !== '' ? $sec['union_council'] : '—' }}</div>
                                            <div class="pci-p3b-phys-chip"><strong>Unit</strong>{{ ($sec['unit'] ?? '') !== '' ? $sec['unit'] : '—' }}</div>
                                            <div class="pci-p3b-phys-chip"><strong>Contractor</strong>{{ ($sec['contractor'] ?? '') !== '' ? $sec['contractor'] : '—' }}</div>
                                            <div class="pci-p3b-phys-chip"><strong>Consultant</strong>{{ ($sec['consultant'] ?? '') !== '' ? $sec['consultant'] : '—' }}</div>
                                        </div>

                                        @if($pciIiiBEdit)
                                        <div class="pci-p3b-phys-toolbar">
                                            <button type="button" class="btn btn-sm btn-primary pci-iii-b-physical-add" data-section-index="{{ $si }}">+ Add Component Row</button>
                                        </div>
                                        @endif

                                        <div class="table-responsive">
                                            <table class="pci-table table table-bordered mb-0 pci-pc-iii-b-physical-table">
                                                <thead>
                                                    <tr>
                                                        <th style="width:3rem;">S.No.</th>
                                                        <th class="text-left" style="min-width:14rem;">Major Units / Components (As per PC-I)</th>
                                                        <th class="text-left" style="width:6rem;">Unit (Per PC-I)</th>
                                                        <th style="width:7rem;">Total Qty As per PC-I</th>
                                                        <th style="width:7rem;">Qty Completed (Cumul.)</th>
                                                        <th style="width:7rem;">Qty Completed Current Month</th>
                                                        <th style="width:6rem;">Physical Progress %</th>
                                                        <th style="width:7rem;">Expenditure (Rs. M)</th>
                                                        <th class="text-left" style="min-width:8rem;">Remarks</th>
                                                        @if($pciIiiBEdit)<th style="width:3rem;"></th>@endif
                                                    </tr>
                                                </thead>
                                                <tbody class="pci-iii-b-physical-tbody" data-section-index="{{ $si }}">
                                                    @foreach($components as $ci => $pRow)
                                                    <tr class="pci-iii-b-physical-row">
                                                        <td class="text-center align-middle"><span class="pci-iii-b-physical-sno font-weight-bold">{{ $ci + 1 }}</span></td>
                                                        <td>
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][component]" value="{{ $pRow['component'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="e.g. Construction of Road" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        <td>
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][unit]" value="{{ $pRow['unit'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="Km" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        <td class="pci-pc-iii-b-physical-num-cell">
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][total_qty_pc_i]" value="{{ $pciIiiBPhysicalDisplayQty($pRow['total_qty_pc_i'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-b-physical-num pci-pc-iii-qty {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="0" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        <td class="pci-pc-iii-b-physical-num-cell">
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][qty_completed_cumulative]" value="{{ $pciIiiBPhysicalDisplayQty($pRow['qty_completed_cumulative'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-b-physical-num pci-pc-iii-qty {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="0" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        <td class="pci-pc-iii-b-physical-num-cell">
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][qty_completed_current_month]" value="{{ $pciIiiBPhysicalDisplayQty($pRow['qty_completed_current_month'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-b-physical-num pci-pc-iii-qty {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="0" inputmode="numeric" pattern="[0-9]*" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        <td class="pci-pc-iii-b-physical-num-cell">
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][physical_progress_pct]" value="{{ $pciIiiBPhysicalDisplayPct($pRow['physical_progress_pct'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-b-physical-pct pci-p3b-pct-input pci-pc-iii-num {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="0.00" inputmode="decimal" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        <td class="pci-pc-iii-b-physical-num-cell">
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][expenditure_rs_m]" value="{{ $pciIiiBPhysicalDisplayAmt($pRow['expenditure_rs_m'] ?? '') }}" class="form-control form-control-sm pci-pc-iii-b-physical-exp pci-p3b-fin-input pci-pc-iii-num {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="0.0000" inputmode="decimal" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        <td>
                                                            <input type="text" name="pc_iii_b_physical_status[{{ $si }}][components][{{ $ci }}][remarks]" value="{{ $pRow['remarks'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}" placeholder="—" {{ !$pciIiiBEdit ? 'readonly' : '' }} />
                                                        </td>
                                                        @if($pciIiiBEdit)
                                                        <td class="text-center"><button type="button" class="btn btn-link text-danger btn-sm pci-iii-b-physical-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button></td>
                                                        @endif
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</div>