{{-- Smart Report v2 — shared HTML page frame.                                    --}}
{{-- Replaces the rasterised template backgrounds (bg/<group>/page-N.png) so the  --}}
{{-- static design is editable. All geometry was measured from the 150dpi rasters --}}
{{-- (1240x1754 px, 5.905 px/mm) of the original PDF templates.                    --}}
{{--                                                                                --}}
{{-- Options (all optional):                                                        --}}
{{--   $labels : bool  — header field labels + separator line   (default true)     --}}
{{--   $advice : bool  — نصائح block (line + icon + label)       (default false)    --}}
{{--   $brand  : bool  — white "Blazma" wordmark in the band     (default true)     --}}
{{--   $decor  : bool  — hexagon decorations + footer strip      (default true)     --}}
@php
    $labels = $labels ?? true;
    $advice = $advice ?? false;
    // v1's template bands are a plain colored stripe with NO wordmark on any
    // page, so brand defaults off. (Kept as an opt-in flag for flexibility.)
    $brand  = $brand  ?? false;
    $decor  = $decor  ?? true;
    // The old blue-hexagon footer strip (decor-bottom.png) is no longer drawn.
    $brandImg = public_path('img/smart-report-pdf/bg-html/brand-band.png');
    $adviceImg = public_path('img/smart-report-pdf/bg-html/advice-icon.png');
@endphp
<div style="position:absolute; top:0; left:0; width:210mm; height:297mm; z-index:0; background:#fff;">

    {{-- Footer: clean white with a thin separator hairline above the footer   --}}
    {{-- lockup (Blazma wordmark / signatures / QR), matching the Figma          --}}
    {{-- redesign. The old blue-hexagon decor strip (decor-bottom.png) is        --}}
    {{-- intentionally not drawn.                                                --}}
    @if ($decor)
        {{-- Figma footer hairline: 1090px wide at y=1488 → y=260.4mm, x 7..197. --}}
        <div style="position:absolute; top:260.4mm; left:7mm; width:190mm; height:0.3mm; background:rgb(222,224,227);"></div>
    @endif

    {{-- Teal side band (full height, right edge). Figma: 30px at x=1170 →       --}}
    {{-- 5.2mm at x=204.8mm.                                                     --}}
    <div style="position:absolute; top:0; left:204.8mm; width:5.2mm; height:297mm; background:rgb(1,156,167);"></div>

    {{-- White "Blazma" wordmark inside the band --}}
    @if ($brand && is_file($brandImg))
        <img src="file://{{ $brandImg }}"
             style="position:absolute; top:130.1mm; left:201.2mm; width:8.3mm;" alt=""/>
    @endif

    @if ($labels)
        {{-- Figma header hairline UNDER the patient name: 920px at (210,250) →  --}}
        {{-- 161mm at (36.8, 43.8). Name sits above it, the icon-label field      --}}
        {{-- rows below it (both drawn by patient_header.blade.php). No vertical   --}}
        {{-- separator.                                                           --}}
        <div style="position:absolute; top:22mm; left:36.8mm; width:161mm; height:0.3mm; background:rgb(222,224,227);"></div>
    @endif

    @if ($advice)
        {{-- نصائح (tips) sidebar: separator line, hand icon, green label --}}
        <div style="position:absolute; top:213.4mm; left:170.65mm; width:0.35mm; height:40.3mm; background:rgb(198,198,197);"></div>
        @if (is_file($adviceImg))
            <img src="file://{{ $adviceImg }}"
                 style="position:absolute; top:215.2mm; left:175.3mm; width:11.3mm;" alt=""/>
        @endif
        <div class="sr-arabic" style="position:absolute; top:226.6mm; left:172mm; width:17mm; text-align:center; font-size:16pt; color:rgb(113,195,172);">نصائح</div>
    @endif
</div>