{{-- 초과근무 알림 배너 (HTMX로 로드) --}}
@if(!empty($alerts))
<div class="space-y-2">
    @foreach($alerts as $alert)
    <div class="flex items-center gap-3 px-4 py-3 rounded-lg {{ $alert['level'] === 'danger' ? 'bg-red-50 border border-red-200' : 'bg-amber-50 border border-amber-200' }}">
        <div class="shrink-0">
            @if($alert['level'] === 'danger')
            <svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"/>
            </svg>
            @else
            <svg class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
            </svg>
            @endif
        </div>
        <div class="flex-1">
            <span class="text-sm font-medium {{ $alert['level'] === 'danger' ? 'text-red-700' : 'text-amber-700' }}">
                {{ $alert['name'] }}
            </span>
            <span class="text-sm {{ $alert['level'] === 'danger' ? 'text-red-600' : 'text-amber-600' }}">
                — 이번 주 {{ $alert['hours'] }}시간 근무
                @if($alert['level'] === 'danger')
                    (주 52시간 초과!)
                @else
                    (주 48시간 초과 경고)
                @endif
            </span>
        </div>
    </div>
    @endforeach
</div>
@endif
