{{-- Smart Report v2 — HTML background: culture & sensitivity, page 1.            --}}
@php
    $iconsImg = public_path('img/smart-report-pdf/bg-html/culture-organism-icons.png');
@endphp
@include('pdf.smart_report.components.backgrounds.frame', ['advice' => false])

{{-- Section bar 1: الميكروب المعزول / نوع الميكروب --}}
<div style="position:absolute; top:89.9mm; left:14.4mm; width:168mm; height:12.87mm; background:rgb(242,242,242); z-index:0;"></div>
<div class="sr-arabic-bold" style="position:absolute; top:91.0mm; left:120mm; width:53.5mm; text-align:right; font-size:12pt; color:#575757; z-index:0;">الميكروب المعزول</div>
<div class="sr-arabic-light" style="position:absolute; top:97.5mm; left:120mm; width:53.6mm; text-align:right; font-size:9.5pt; color:rgb(156,156,156); direction:ltr;">Isolated Organism</div>
<div class="sr-arabic-bold" style="position:absolute; top:91.0mm; left:33mm; width:50mm; text-align:right; font-size:12pt; color:#575757; z-index:0;">نوع الميكروب</div>
<div class="sr-arabic-light" style="position:absolute; top:97.5mm; left:33mm; width:50.2mm; text-align:right; font-size:9.5pt; color:rgb(156,156,156); direction:ltr;">Organism Type</div>

{{-- Organism icons between the bars --}}
@if (is_file($iconsImg))
    <img src="file://{{ $iconsImg }}"
         style="position:absolute; top:105mm; left:77.9mm; width:6.1mm; z-index:0;" alt=""/>
@endif

{{-- Section bar 2: المضادات الحيوية / الحساسية --}}
<div style="position:absolute; top:124.8mm; left:14.4mm; width:168mm; height:12.87mm; background:rgb(242,242,242); z-index:0;"></div>
<div class="sr-arabic-bold" style="position:absolute; top:125.9mm; left:120mm; width:53.5mm; text-align:right; font-size:12pt; color:#575757; z-index:0;">المضادات الحيوية</div>
<div class="sr-arabic-light" style="position:absolute; top:132.4mm; left:120mm; width:53.6mm; text-align:right; font-size:9.5pt; color:rgb(156,156,156); direction:ltr;">antibiotics</div>
<div class="sr-arabic-bold" style="position:absolute; top:125.9mm; left:33mm; width:49.5mm; text-align:right; font-size:12pt; color:#575757; z-index:0;">الحساسية</div>
<div class="sr-arabic-light" style="position:absolute; top:132.4mm; left:33mm; width:49.9mm; text-align:right; font-size:9.5pt; color:rgb(156,156,156); direction:ltr;">sensitivity</div>