@if(isset($lowVolumeWarnings) && $lowVolumeWarnings['level'] !== 'none' && count($lowVolumeWarnings['messages']) > 0)
    @php
        $bgColor = match($lowVolumeWarnings['level']) {
            'critical' => 'bg-red-50 border-red-200',
            'warning' => 'bg-yellow-50 border-yellow-200',
            default => 'bg-blue-50 border-blue-200',
        };
        $textColor = match($lowVolumeWarnings['level']) {
            'critical' => 'text-red-800',
            'warning' => 'text-yellow-800',
            default => 'text-blue-800',
        };
        $iconColor = match($lowVolumeWarnings['level']) {
            'critical' => 'text-red-500',
            'warning' => 'text-yellow-500',
            default => 'text-blue-500',
        };
        $icon = match($lowVolumeWarnings['level']) {
            'critical' => 'fa-exclamation-circle',
            'warning' => 'fa-exclamation-triangle',
            default => 'fa-info-circle',
        };
    @endphp
    <div class="mb-6 {{ $bgColor }} border rounded-lg p-4">
        <div class="flex">
            <div class="flex-shrink-0">
                <i class="fas {{ $icon }} {{ $iconColor }}"></i>
            </div>
            <div class="ml-3">
                <h3 class="text-sm font-medium {{ $textColor }}">
                    @if($lowVolumeWarnings['level'] === 'critical')
                        Insufficient Data
                    @elseif($lowVolumeWarnings['level'] === 'warning')
                        Limited Data
                    @else
                        Note
                    @endif
                </h3>
                <div class="mt-2 text-sm {{ $textColor }}">
                    <ul class="list-disc list-inside space-y-1">
                        @foreach($lowVolumeWarnings['messages'] as $message)
                            <li>{{ $message }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endif