{{-- Smart Report v2 - Patient / page header. --}}
{{-- Coordinates mirror SmartReportService::setPatiantInfoWithAdvice 1:1 --}}
{{-- (lines 6025-6390). All positioning is in mm against the rasterised  --}}
{{-- smart-report.pdf background. The view-model is built by             --}}
{{-- SmartReportV2Service::buildPageHeaderModel.                          --}}
@php
    /**
     * @var \App\Services\SmartReportV2Service $service
     * @var array $header  Built by SmartReportV2Service::buildPageHeaderModel()
     */
    $service = $service ?? app(\App\Services\SmartReportV2Service::class);
    if (!isset($header)) {
        [$titles] = [$service->deriveHeaderTitles($firstPackage)];
        $header = $service->buildPageHeaderModel(
            $Order,
            $firstPackage,
            $Profile,
            $Name ?? ($firstPackage->NAME ?? $titles['name']),
            $Category ?? $titles['category'],
            $Description ?? $titles['description'],
            $Packages ?? null,
            $setAdvice ?? true
        );
    }
@endphp

{{-- Category icon (top-right under hospital logo) --}}
@if (!empty($header['category_icon']))
    {{-- Aligns with the category title at v1's 54mm. --}}
    <img class="sr-abs"
         src="file://{{ $header['category_icon'] }}"
         style="top:54mm; left:166mm; width:18mm;" alt=""/>
@endif

{{-- Profile-specific hospital logo (only Profile #18 in v1) --}}
@if (!empty($header['profile_logo']))
    <img class="sr-abs"
         src="file://{{ $header['profile_logo'] }}"
         style="top:2mm; left:84mm; width:40mm;" alt=""/>
@endif

{{-- Blazma logo bottom-right --}}
@if (!empty($header['blazma_logo']) && is_file($header['blazma_logo']))
    <img class="sr-abs"
         src="file://{{ $header['blazma_logo'] }}"
         style="top:130mm; left:202mm; width:7mm;" alt=""/>
@endif

{{-- =================================================================== --}}
{{-- Footer band (flow / flexbox — Phase 1 refactor). One row under the     --}}
{{-- hairline: profile footer logo (left) · Blazma+تقنية سعودية (centre) ·   --}}
{{-- signatures + QR (right). Element order/size is controlled by the        --}}
{{-- .sr-footer* utility classes in result.blade.php, not per-item mm.       --}}
{{-- =================================================================== --}}
@php
    $blazmaTechLogo = public_path('img/smart-report-pdf/bg-html/teal/blazma-tech-logo.png');

@endphp
<div class="sr-footer">
    {{-- Left: per-profile lab footer logo (only when the profile has one). --}}
    <div class="sr-footer-cell sr-footer-left">
        @if (!empty($header['profile_footer']))
            <img src="file://{{ $header['profile_footer'] }}" alt=""/>
        @endif
    </div>

    {{-- Centre: Blazma + Saudi-Technology lockup. --}}
    <div class="sr-footer-cell sr-footer-center">
        @if (is_file($blazmaTechLogo))
            <img src="file://{{ $blazmaTechLogo }}" alt=""/>
        @endif
    </div>

    {{-- Right: signatures (Validated By then Approved By, label on top of    --}}
    {{-- each image) followed by the QR. Only slots with a signature render.  --}}
    <div class="sr-footer-cell sr-footer-right">
        @if ($header['external'])
            @if (!empty($header['verified_by']))
                <div class="sr-sign">
                    <div class="sr-sign-label">Verified By</div>
                    @if (!empty($header['verified_by']['image']))
                        <img src="file://{{ $header['verified_by']['image'] }}" alt=""/>
                    @endif
                    <div class="sr-arabic" style="font-size:6pt; color:#000;">{{ $header['verified_by']['name'] }}</div>
                </div>
            @endif
            @if (!empty($header['reviewed_by']))
                <div class="sr-sign">
                    <div class="sr-sign-label">Reviewed By</div>
                    @if (!empty($header['reviewed_by']['image']))
                        <img src="file://{{ $header['reviewed_by']['image'] }}" alt=""/>
                    @endif
                    <div class="sr-arabic" style="font-size:6pt; color:#000;">{{ $header['reviewed_by']['name'] }}</div>
                </div>
            @endif
        @elseif (count($header['multi_signatures']) > 0)
            @foreach ($header['multi_signatures'] as $sigPath)
                <div class="sr-sign"><img src="file://{{ $sigPath }}" alt=""/></div>
            @endforeach
        @else
            @if (!empty($header['validated_by']))
                <div class="sr-sign sr-arabic-bold">
                    <div class="sr-sign-label">{{ rtrim($header['validated_by']['label'], ':') }}</div>
                    @if (!empty($header['validated_by']['image']))
                        <img src="file://{{ $header['validated_by']['image'] }}" alt=""/>
                    @endif
                </div>
            @endif
            @if (!empty($header['approved_by']))
                <div class="sr-sign sr-arabic-bold">
                    <div class="sr-sign-label">{{ rtrim($header['approved_by']['label'], ':') }}</div>
                    @if (!empty($header['approved_by']['image']))
                        <img src="file://{{ $header['approved_by']['image'] }}" alt=""/>
                    @endif
                </div>
            @endif
        @endif

        @if (!empty($header['qr_image']))
            <div class="sr-footer-qr"><img src="file://{{ $header['qr_image'] }}" alt=""/></div>
        @endif
    </div>
</div>

{{-- =================================================================== --}}
{{-- Gender avatar (left side)                                             --}}
{{-- =================================================================== --}}
@if (!empty($header['gender_icon']))
    {{-- Figma avatar: 130px circle, 22.8mm. On the per-test pages there is no    --}}
    {{-- top logo/badge strip (that is summary-only), so the whole header is       --}}
    {{-- pulled up to a ~12mm top margin instead of Figma's logo-reserved 33.8mm.  --}}
    <img class="sr-abs"
         src="file://{{ $header['gender_icon'] }}"
         style="top:12mm; left:7mm; width:22.8mm;" alt=""/>
@endif

{{-- =================================================================== --}}
{{-- Top information strip (gender, age, identification, hospital, dates) --}}
{{-- V1 uses Cell(...,'L') = left-aligned from SetXY. Use direction:ltr  --}}
{{-- so global direction:rtl doesn't shift these values off their boxes. --}}
{{-- topStrip 'stool' mirrors GetStoolanalysisPDF (7146-7185): the stool  --}}
{{-- background has no printed labels, so label+value strings are drawn  --}}
{{-- as text, and there are no Date / Collection / Result time rows.     --}}
{{-- =================================================================== --}}
@if (($topStrip ?? 'generic') === 'stool')
<div class="sr-abs sr-arabic" style="top:20mm; left:95mm; font-size:9pt; color:#000; direction:ltr; text-align:left;">
    Gender: {{ $header['gender_label'] }}
</div>
<div class="sr-abs sr-arabic" style="top:20mm; left:125mm; font-size:9pt; color:#000; direction:ltr; text-align:left;">
    Age: {{ !empty($Order->eNDUSER->DATE_OF_BIRTH) ? \Carbon\Carbon::parse($Order->eNDUSER->DATE_OF_BIRTH)->diff(\Carbon\Carbon::now())->format('%y') : '' }}
</div>
<div class="sr-abs sr-arabic" style="top:20mm; left:145mm; font-size:9pt; color:#000; direction:ltr; text-align:left;">
    Patient ID: {{ $header['identification'] }}
</div>
<div class="sr-abs sr-arabic" style="top:28mm; left:95mm; font-size:9pt; color:#000; direction:ltr; text-align:left;">
    Medical center: {{ $header['hospital_name'] }}
</div>
<div class="sr-abs sr-arabic" style="top:36mm; left:95mm; font-size:9pt; color:#000; direction:ltr; text-align:left;">
    Order ID: {{ $header['order_id'] }}
</div>
@else
{{-- =================================================================== --}}
{{-- Figma redesign: LTR icon-label info strip.                           --}}
{{-- Each field = a small teal outline icon, a light-grey label under it,  --}}
{{-- and the black value below. Fields are laid out as evenly-spaced       --}}
{{-- columns left-to-right, wrapping to a 2nd row (all fields kept).       --}}
{{-- Icons are inline SVG (teal #019CA7, 1.6px stroke) so no raster assets --}}
{{-- are needed.                                                            --}}
{{-- =================================================================== --}}
@php
    $iconTeal = 'rgb(1,156,167)';
    // Inline-SVG line icons keyed by field, sized ~4mm.
    $hdrIcons = [
        'gender'  => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="14" r="5"/><path d="M14 10l6-6M15 4h5v5"/></svg>',
        'age'     => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18M8 2v4M16 2v4"/></svg>',
        'id'      => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="8.5" cy="10" r="2"/><path d="M5 16c.7-2 5-2 5.7 0M14 9h4M14 13h4"/></svg>',
        'order'   => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="M8 8h8M8 12h8M8 16h5"/></svg>',
        'date'    => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18M8 2v4M16 2v4"/><circle cx="8" cy="14" r="1" fill="'.$iconTeal.'"/></svg>',
        'lab'     => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3"/><path d="M7.5 14h9"/></svg>',
        'clock'   => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>',
        'check'   => '<svg viewBox="0 0 24 24" fill="none" stroke="'.$iconTeal.'" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M8 12.5l2.5 2.5L16 9.5"/></svg>',
    ];
    // Make every icon fill its box and render as a block so wkhtmltopdf gives
    // it no inline-baseline descender (which would drop the glyph below the
    // label line).
    foreach ($hdrIcons as $k => $svg) {
        $hdrIcons[$k] = str_replace('<svg ', '<svg width="100%" height="100%" style="display:block;" ', $svg);
    }
    // Exact Figma header (file "Smart Report (Copy)", node 18:773, 1200px frame
    // = A4, 0.175 mm/px). Each field is an inline row: a ~2.8mm teal line icon,
    // the light-grey label to its right (y 47.4, 6.9pt, #514E44), and the bold
    // value on the line below (y 52.7, 6.9pt, #04090D). Figma ships 6 fields on
    // one row; we keep the 8-field set in two rows, reusing Figma's column
    // x-positions so row 2 lines up under row 1.
    $hdrRows = [
        [ // row 1 — 5 short fields (Figma columns: value-left x = 36.8/63.5/86.5/120.4/149.9)
            ['gender', 'Gender',     $header['gender_label']],
            ['age',    'Age',        $header['age_text']],
            ['id',     'Patient ID', $header['identification']],
            ['order',  'Order ID',   $header['order_id']],
            ['date',   'Date',       $header['order_date']],
        ],
        [ // row 2 — 3 long fields (timestamps / centre) under columns 0, 2, 4
            ['lab',    'Medical center',  $header['hospital_name']],
            ['clock',  'Collection Time', $header['collection_time']],
            ['check',  'Result Time',     $header['approve_time']],
        ],
    ];
    // Row 2 fields map to the SAME 5-column grid as row 1: cols 0, 2, 3 (so the
    // three timestamp fields pack left under Gender / Patient ID / Order ID and
    // leave the spare column on the right, not a gap in the middle).
    $hdrRow2Cols = [0, 2, 3];
@endphp
{{-- Info strip: two 5-column table rows below the name divider. Each cell is  --}}
{{-- a field (teal icon · light label on top · bold value below). Column       --}}
{{-- positions/spacing live in the .sr-info* classes (result.blade.php), not   --}}
{{-- per-field mm. Empty-value fields are dropped FIRST and the survivors      --}}
{{-- packed into consecutive column slots, so an empty field never leaves a    --}}
{{-- gap — the next field shifts left to fill it (QA'd behaviour).             --}}
<div class="sr-info" style="top:23mm;">
    @foreach ($hdrRows as $r => $row)
        @php
            // Drop empties, then place the SURVIVORS into consecutive slots
            // (row 1: cols 0,1,2… — row 2: cols 0,2,3 under Gender/Patient
            // ID/Order ID) so a missing field never leaves a mid-row gap.
            $rowFields = array_values(array_filter($row, fn ($f) => (string) $f[2] !== ''));
            $slots = array_fill(0, 5, null);
            foreach ($rowFields as $i => $f) {
                $col = ($r === 0) ? $i : ($hdrRow2Cols[$i] ?? $i);
                $slots[$col] = $f;
            }
        @endphp
        <div class="sr-info-row">
            @foreach ($slots as $col => $f)
                <div class="sr-info-cell c{{ $col }}">
                    @if ($f)
                        @php [$ik, $label, $value] = $f; @endphp
                        <div class="sr-field">
                            <div class="sr-field-icon"><span>{!! $hdrIcons[$ik] !!}</span></div>
                            <div class="sr-field-text">
                                <div class="sr-field-label sr-arabic-light">{{ $label }}</div>
                                <div class="sr-field-value sr-arabic-bold sr-ltr">{{ $value }}</div>
                            </div>
                        </div>
                    @endif
                </div>
            @endforeach
        </div>
    @endforeach
</div>
@endif

{{-- =================================================================== --}}
{{-- Description (right-aligned; generic mm 12,65 10pt / stool 12,66 11pt).  --}}
{{-- Light weight to match v1, which draws SMART_DESC_AR in the DIN Next     --}}
{{-- Arabic LIGHT font (SmartReportService line 280).                        --}}
{{-- =================================================================== --}}
<div class="sr-abs sr-arabic-light"
     style="top:{{ ($topStrip ?? 'generic') === 'stool' ? 66 : 65 }}mm; left:12mm; width:{{ $descWidth ?? 150 }}mm;
            font-size:{{ ($topStrip ?? 'generic') === 'stool' ? 11 : 10 }}pt; color:#000;
            text-align:right; line-height:1.4;">
    {{-- Latin/English runs (test-name abbreviations, "Screening: Total Abs", --}}
    {{-- "Anti-Treponema – Syphilis", …) are LTR-isolated so the RTL paragraph --}}
    {{-- keeps them intact instead of scrambling them into the Arabic. --}}
    {!! nl2br($service->isolateLtrRuns($header['description'] ?? '')) !!}
</div>

{{-- =================================================================== --}}
{{-- Advice strip — a BOTTOM-anchored flow column ending just above the    --}}
{{-- footer hairline (260.4mm). Items stack with their real heights (a     --}}
{{-- 3-line advice pushes the ones above it up), so long advices can no    --}}
{{-- longer overlap each other or spill into the footer the way the old    --}}
{{-- fixed 15mm slots did.                                                 --}}
{{-- =================================================================== --}}
@if (count($header['advices']))
    <div class="sr-abs" style="left:6mm; width:161mm; bottom:38mm;">
        @foreach ($header['advices'] as $advice)
            <div style="display:table; width:161mm; direction:rtl; table-layout:fixed; margin-top:4mm;">
                <div style="display:table-cell; width:11mm; vertical-align:top;">
                    @if (!empty($advice['icon']))
                        <img src="file://{{ $advice['icon'] }}" style="width:9mm;" alt=""/>
                    @endif
                </div>
                <div class="sr-arabic"
                     style="display:table-cell; vertical-align:top; text-align:right;
                            font-size:12pt; line-height:1.45; color:#000; padding-left:2mm;">
                    {{ $advice['name'] }}
                </div>
            </div>
        @endforeach
    </div>
@endif

{{-- =================================================================== --}}
{{-- Patient name (Figma redesign): large black, single line, spanning the --}}
{{-- full width to the right of the avatar, sitting ABOVE the header        --}}
{{-- divider and the field row. Long names shrink one step instead of       --}}
{{-- wrapping so the divider position stays fixed.                          --}}
{{-- =================================================================== --}}
@php
    // Figma name: x=36.8 y=34.1, 13.9pt, weight 600, colour #04090D, single
    // line spanning to the side band. Long names shrink one step so the divider
    // (frame.blade.php, y=43.8) stays put instead of the name wrapping into it.
    $nameLen  = mb_strlen($header['name'] ?? '', 'UTF-8');
    $nameSize = $nameLen > 40 ? 11 : ($nameLen > 30 ? 12.5 : 13.9);
@endphp
<div class="sr-abs sr-arabic-bold"
     style="top:12.3mm; left:36.8mm; width:161mm; height:8mm; overflow:hidden;
            font-size:{{ $nameSize }}pt; line-height:8mm;
            color:rgb(4,9,13); text-align:left; white-space:nowrap;">
    {{ $header['name'] }}
</div>
{{-- Hairline ABOVE the category title — separates the patient-info field grid   --}}
{{-- from the report-content (category) section. Both edges match the header      --}}
{{-- name divider (36.8 .. 197.8mm) so the two lines align left and right.        --}}
<div class="sr-abs" style="top:50mm; left:36.8mm; width:161mm; height:0.3mm; background:rgb(222,224,227);"></div>
{{-- Category title — v1 position: SetXY(12, 54), Cell(150,10,'R'), 24pt.       --}}
{{-- (v2 recolours it teal.)                                                     --}}
<div class="sr-abs sr-arabic-bold"
     style="top:54mm; left:12mm; width:150mm;
            font-size:{{ $header['category_font_size'] }}pt;
            color:rgb(1,156,167);
            text-align:right; line-height:1;">
    {{ $header['category'] }}
</div>