@if ($notes->isEmpty())
    <span class="text-muted small">لا توجد ملاحظات</span>
@else
    <div style="max-width: 180px; font-size: 11px;">
        @foreach ($notes as $note)
            @php
                $badgeClass = match ($note->type) {
                    'system' => 'badge-info',
                    'user' => 'badge-primary',
                    'admin' => 'badge-warning',
                    'both' => 'badge-secondary',
                    default => 'badge-light',
                };
            @endphp
            <div class="mb-1" style="line-height: 1.2;">
                <span class="badge badge-sm {{ $badgeClass }}"
                    style="font-size: 9px; padding: 1px 4px;">{{ $note->type_in_arabic }}</span>
                <span class="text-wrap " style="font-size: 11px;">{{ $note->note }}</span>
                <small class="text-muted d-block mt-1" style="font-size: 8px;">{{ $note->formatted_created_at }}</small>
            </div>
        @endforeach
    </div>
@endif