@if(count($priorityActions) > 0)
<div class="flex flex-col rounded-xl border border-gray-200 bg-white shadow-default dark:border-gray-700 dark:bg-gray-800">
    <div class="flex-1 p-3">
        <h3 class="mb-2 text-sm font-semibold text-black dark:text-white">Actions prioritaires</h3>
        <div class="space-y-2">
            @foreach($priorityActions as $action)
                <div class="flex items-start gap-2 p-2 rounded-lg border {{ $action['severity'] === 'disabled' ? 'border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-900 opacity-60' : ($action['severity'] === 'critical' ? 'border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-950' : ($action['severity'] === 'high' ? 'border-orange-200 bg-orange-50 dark:border-orange-900 dark:bg-orange-950' : 'border-yellow-200 bg-yellow-50 dark:border-yellow-900 dark:bg-yellow-950')) }}">
                    <div class="flex-shrink-0 mt-0.5">
                        @if($action['severity'] === 'disabled')
                            <svg class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
                            </svg>
                        @elseif($action['severity'] === 'critical')
                            <svg class="w-4 h-4 text-red-600 dark:text-red-400" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
                            </svg>
                        @elseif($action['severity'] === 'high')
                            <svg class="w-4 h-4 text-orange-600 dark:text-orange-400" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
                            </svg>
                        @else
                            <svg class="w-4 h-4 text-yellow-600 dark:text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
                            </svg>
                        @endif
                    </div>
                    <div class="flex-1 min-w-0">
                        <h4 class="text-xs font-semibold {{ $action['severity'] === 'disabled' ? 'text-gray-500 dark:text-gray-400' : ($action['severity'] === 'critical' ? 'text-red-900 dark:text-red-200' : ($action['severity'] === 'high' ? 'text-orange-900 dark:text-orange-200' : 'text-yellow-900 dark:text-yellow-200')) }}">
                            {{ $action['title'] }}
                        </h4>
                        <p class="text-[10px] mt-0.5 {{ $action['severity'] === 'disabled' ? 'text-gray-400 dark:text-gray-500' : ($action['severity'] === 'critical' ? 'text-red-700 dark:text-red-300' : ($action['severity'] === 'high' ? 'text-orange-700 dark:text-orange-300' : 'text-yellow-700 dark:text-yellow-300')) }}">
                            {{ $action['subtitle'] }}
                        </p>
                        @if($action['primary_cta'])
                        <div class="flex flex-wrap gap-1 mt-1.5">
                            <a href="{{ $action['primary_cta']['url'] }}" class="inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded {{ $action['severity'] === 'disabled' ? 'bg-gray-300 text-gray-500 cursor-not-allowed pointer-events-none' : 'text-white ' . ($action['severity'] === 'critical' ? 'bg-red-600 hover:bg-red-700' : ($action['severity'] === 'high' ? 'bg-orange-600 hover:bg-orange-700' : 'bg-yellow-600 hover:bg-yellow-700')) }}">
                                {{ $action['primary_cta']['label'] }}
                            </a>
                        </div>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <div class="border-t border-gray-200 p-3 dark:border-gray-700">
        <button type="button" @click="$dispatch('open-actions-modal')" class="flex w-full items-center justify-center rounded-md border border-gray-300 bg-white p-2 text-xs font-medium text-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white">
            Autres actions
            <svg class="ml-2 fill-current" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.4767 6.16664L6.00668 1.69664L7.18501 0.518311L13.6667 6.99998L7.18501 13.4816L6.00668 12.3033L10.4767 7.83331H0.333344V6.16664H10.4767Z" fill=""/>
            </svg>
        </button>
    </div>
</div>
@else
<div class="flex flex-col rounded-xl border border-gray-200 bg-white shadow-default dark:border-gray-700 dark:bg-gray-800">
    <div class="flex-1 p-3">
        <h3 class="mb-2 text-sm font-semibold text-black dark:text-white">Actions prioritaires</h3>
        <div class="flex items-center gap-2 p-3 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950 dark:border-green-900">
            <svg class="w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
            </svg>
            <div>
                <p class="text-xs font-medium text-green-900 dark:text-green-200">Tout est à jour !</p>
                <p class="text-[10px] text-green-700 dark:text-green-300 mt-0.5">Aucune action urgente.</p>
            </div>
        </div>
    </div>
    <div class="border-t border-gray-200 p-3 dark:border-gray-700">
        <button type="button" @click="$dispatch('open-actions-modal')" class="flex w-full items-center justify-center rounded-md border border-gray-300 bg-white p-2 text-xs font-medium text-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white">
            Autres actions
            <svg class="ml-2 fill-current" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.4767 6.16664L6.00668 1.69664L7.18501 0.518311L13.6667 6.99998L7.18501 13.4816L6.00668 12.3033L10.4767 7.83331H0.333344V6.16664H10.4767Z" fill=""/>
            </svg>
        </button>
    </div>
</div>
@endif