{{-- Smart Report v2 — HTML background: blood typing, page 1.                     --}}
{{-- Beige section bar, Rh Factor / Blood Type column headers, divider line and    --}}
{{-- the pink components note. (No wordmark in the side band on this template.)    --}}
@include('pdf.smart_report.components.backgrounds.frame', ['advice' => false])

{{-- Beige section bar: نوع فصيلة الدم / Blood Type --}}
<div style="position:absolute; top:87.72mm; left:20.83mm; width:167.83mm; height:12.87mm; background:rgb(246,245,236); z-index:0;"></div>
<div class="sr-arabic-bold" style="position:absolute; top:88.8mm; left:130mm; width:52.2mm; text-align:right; font-size:12pt; color:#575757; z-index:0;">نوع فصيلة الدم</div>
<div class="sr-arabic-light" style="position:absolute; top:95.8mm; left:130mm; width:52.6mm; text-align:right; font-size:9.5pt; color:rgb(157,157,157); direction:ltr;">Blood Type</div>

{{-- Column headers --}}
<div class="sr-arabic-light" style="position:absolute; top:110.2mm; left:134.46mm; width:30mm; text-align:center; font-size:9.5pt; color:rgb(159,159,159); direction:ltr; white-space:nowrap;">Rh Factor</div>
<div class="sr-arabic-light" style="position:absolute; top:110.2mm; left:159.69mm; width:30mm; text-align:center; font-size:9.5pt; color:rgb(159,159,159); direction:ltr; white-space:nowrap;">Blood Type</div>

{{-- Vertical separator between the two result columns --}}
<div style="position:absolute; top:116.52mm; left:161.73mm; width:0.35mm; height:37.6mm; background:rgb(87,87,86); z-index:0;"></div>

{{-- Pink note --}}
<div class="sr-arabic-bold" style="position:absolute; top:124.5mm; left:20mm; width:74.5mm; text-align:right; font-size:11pt; color:rgb(1,156,167); z-index:0;">تتميز هذه الفصيلة بالمكونات الاتية:</div>