@php
    $refraction = $examination->refraction_data ?? [];
    $hasObjective = !empty($refraction['objective']['od_sph'] ?? $refraction['objective']['os_sph'] ?? null);
    $hasSubjective = !empty($refraction['subjective']['od_sph'] ?? $refraction['subjective']['os_sph'] ?? null);
@endphp

@if($hasObjective || $hasSubjective)
    <div style="font-size: 8px; color: var(--text-muted); text-transform: uppercase; font-weight: bold; margin-top: 6mm; margin-bottom: 4px;">REFRACTION</div>
    <table style="width: 100%; border: 1px solid var(--border);">
        <thead style="background: var(--primary); color: white; font-size: 8px;">
            <tr>
                <th style="padding: 5px; width: 16%; text-align: left;">REFR. TYPE</th>
                <th style="padding: 5px; width: 14%;">OD (RIGHT) SPHERE</th>
                <th style="padding: 5px; width: 14%;">OD (RIGHT) CYL</th>
                <th style="padding: 5px; width: 14%;">OD AXIS</th>
                <th style="padding: 5px; width: 14%;">OS (LEFT) SPHERE</th>
                <th style="padding: 5px; width: 14%;">OS (LEFT) CYL</th>
                <th style="padding: 5px; width: 14%;">OS AXIS</th>
            </tr>
        </thead>
        <tbody>
            @if($hasObjective)
                <tr style="background: white;">
                    <td style="padding: 5px; border: 1px solid var(--border); font-weight: bold;">Auto-Refraction</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['objective']['od_sph'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['objective']['od_cyl'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['objective']['od_axis'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['objective']['os_sph'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['objective']['os_cyl'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['objective']['os_axis'] ?? '—' }}</td>
                </tr>
            @endif
            @if($hasSubjective)
                <tr style="background: var(--bg-offwhite);">
                    <td style="padding: 5px; border: 1px solid var(--border); font-weight: bold;">Subjective Refr.</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['subjective']['od_sph'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['subjective']['od_cyl'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['subjective']['od_axis'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['subjective']['os_sph'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['subjective']['os_cyl'] ?? '—' }}</td>
                    <td style="padding: 5px; border: 1px solid var(--border); text-align: center;">{{ $refraction['subjective']['os_axis'] ?? '—' }}</td>
                </tr>
            @endif
        </tbody>
    </table>
    @if(isset($refraction['pd']))
        <div style="text-align: right; margin-top: 2mm; font-size: 10px; color: var(--text-muted);">
            PUPILLARY DISTANCE (P.D.): <strong>{{ $refraction['pd'] }}</strong> mm
        </div>
    @endif
@endif