{{-- Smart Report v2 - HE / PT-INR analysis card grid.                          --}}
{{-- Mirrors SmartReportService::GetHEPDF (lines 2752-3063). 4 cells per page,    --}}
{{-- branched by Result CODE: HBA/PRT -> LNH; HBA2/HBF/INR -> NH;                 --}}
{{-- HBD/HBS/HBC/Sickle -> BP. Profile->ID 18/34 force HBA2 -> LNH.                --}}
@php
    /** @var array $group  Group view-model from WebController v2 dispatch */
    /** @var \App\Services\SmartReportV2Service $service */
    $service = $service ?? app(\App\Services\SmartReportV2Service::class);
    $Package = $group['package'] ?? ($group['firstPackage'] ?? null);
    $rows    = $Package ? $service->buildHeRows($Package, $Profile) : [];
    // Group by the v1 raw-key page number (skipped rows keep their grid
    // slots, so a page can hold fewer than 4 cards — mirrors GetHEPDF).
    $pages   = [];
    foreach ($rows as $heRow) { $pages[$heRow['page']][] = $heRow; }
    $pages   = array_values($pages);
    if (empty($pages)) $pages = [[]];

    $TestName = $Package->lABCATEGORYPACKAGE->REPORT_DISPLAY_NAME_AR
              ?? ($Package->lABCATEGORYPACKAGE->NAME_AR ?? '');
@endphp

@foreach ($pages as $pageIdx => $pageRows)
    <div class="sr-page">
        @include('pdf.smart_report.components.backgrounds.bg', ['template' => 'smart-report', 'page' => 1])

        @include('pdf.smart_report.components.patient_header', [
            'Order'        => $Order,
            'Profile'      => $Profile,
            'firstPackage' => $Package,
            'Category'     => $Package->lABCATEGORYPACKAGE->NAME_AR ?? '',
            'Description'  => $Package->lABCATEGORYPACKAGE->SMART_DESC_AR ?? '',
        ])

        {{-- 4-up HE grid --}}
        @foreach ($pageRows as $row)
            @php
                $x = $row['card_x'];
                $y = $row['card_y'];
                $headerText = $row['name_ar'] ?: $TestName;
                $titleFontSize = (mb_strlen($headerText, 'UTF-8') > 30) ? 8 : 10;
                $meter = $row['meter_offsets'] ?? ['top' => 1, 'left' => 9, 'width' => 45];
                // Result+unit font shrinks when unit is long (mirrors v1).
                $unitLen   = mb_strlen((string) ($row['unit'] ?? ''), 'UTF-8');
                $resultPt  = ($unitLen > 10) ? 9 : 13;
            @endphp
            <div class="sr-abs" style="top:{{ $y }}mm; left:{{ $x }}mm; width:100mm; height:63mm;">
                {{-- Card background --}}
                <img src="file://{{ public_path('img/smart-report-pdf/bg-html/teal/result-ref.png') }}"
                     style="position:absolute; top:0mm; left:6mm; width:84mm;" alt=""/>

                {{-- Title bar --}}
                <div class="sr-arabic sr-text-white"
                     style="position:absolute; top:-1mm; left:6mm; width:72mm;
                            text-align:right; font-size:{{ $titleFontSize }}pt;
                            line-height:7mm;">
                    {{ $headerText }}
                </div>

                {{-- ── Meter island: gauge PNG + threshold labels as one unit. ── --}}
                {{-- Island at the card origin (0,0), so inner offsets are the      --}}
                {{-- unchanged card-relative values; move the island to nudge the   --}}
                {{-- whole calibrated gauge instead of each element.                --}}
                <div class="sr-meter">
                    {{-- Meter image (LNH / NH / BP) --}}
                    @if (!empty($row['image']))
                        <img src="file://{{ $row['image'] }}"
                             style="top:{{ $meter['top'] }}mm;
                                    left:{{ $meter['left'] }}mm;
                                    width:{{ $meter['width'] }}mm;" alt=""/>
                    @endif

                    {{-- Threshold labels --}}
                    @foreach ($row['threshold_labels'] as $label)
                        <div class="sr-arabic"
                             style="top:{{ $label['top'] }}mm;
                                    left:{{ $label['left'] }}mm;
                                    color:{{ $label['color'] }};
                                    font-size:{{ $label['font_size'] }}pt;
                                    white-space:nowrap;">
                            {{ $label['text'] }}
                        </div>
                    @endforeach
                </div>{{-- /.sr-meter --}}

                {{-- Description --}}
                <div class="sr-arabic-light"
                     style="position:absolute; top:30mm; left:9mm; width:79mm;
                            font-size:9pt; text-align:right; color:#000; line-height:1.3;">
                    {!! nl2br($service->isolateLtrRuns($row['desc_ar'] ?? '')) !!}
                </div>

                {{-- Result + unit --}}
                @if ($row['show_value'] ?? true)
                    @php
                        // Drop a "unit" that is only punctuation (some rows store
                        // "." as the unit, which rendered as a stray trailing dot).
                        $heUnit = trim((string) ($row['unit'] ?? ''));
                        if ($heUnit !== '' && !preg_match('/[\p{L}\p{N}%\/]/u', $heUnit)) $heUnit = '';
                        $heValue = trim($row['result'] . ' ' . $heUnit);
                    @endphp
                    {{-- Right-edge anchored like v1's Cell(14,46,'R') at x+70:
                         long values overflow to the LEFT (card is 100mm wide).
                         isolateLtrRuns keeps "16.7 Seconds" from flipping to
                         "Seconds 16.7" under the RTL page direction. --}}
                    <div class="sr-arabic-bold"
                         style="position:absolute; top:-5mm; right:16mm;
                                font-size:{{ $resultPt }}pt;
                                color:{{ $row['status_color'] }};
                                line-height:46mm; white-space:nowrap;
                                direction:ltr; unicode-bidi:isolate;">
                        {!! $service->isolateLtrRuns($heValue) !!}
                    </div>
                @endif
            </div>
        @endforeach
    </div>
@endforeach