{{--
    Dashboard Super Admin - Attività Recenti
    Modulo per le attività recenti del sistema
--}}

<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
    <div class="p-6">
        <div class="flex items-center justify-between mb-6">
            <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Attività Recenti</h3>
            <a href="{{ route('superadmin.dashboard') }}" 
               class="text-sm text-blue-600 hover:text-blue-800 dark:text-blue-400">
                Dashboard
            </a>
        </div>
        
        <div class="space-y-4">
            {{-- Attività fittizie per ora, da sostituire con dati reali --}}
            
            <!-- Attività 1 -->
            <div class="flex items-start space-x-3 py-3 border-b border-gray-200 dark:border-gray-700 last:border-b-0">
                <div class="flex-shrink-0">
                    <div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center">
                        <i class="fas fa-user-plus text-green-600 text-sm"></i>
                    </div>
                </div>
                <div class="flex-1 min-w-0">
                    <p class="text-sm text-gray-900 dark:text-white">
                        <span class="font-medium">Nuovo utente registrato</span>
                    </p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">
                        mario.rossi@email.com - 2 ore fa
                    </p>
                </div>
            </div>
            
            <!-- Attività 2 -->
            <div class="flex items-start space-x-3 py-3 border-b border-gray-200 dark:border-gray-700 last:border-b-0">
                <div class="flex-shrink-0">
                    <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
                        <i class="fas fa-cog text-blue-600 text-sm"></i>
                    </div>
                </div>
                <div class="flex-1 min-w-0">
                    <p class="text-sm text-gray-900 dark:text-white">
                        <span class="font-medium">Configurazione aggiornata</span>
                    </p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">
                        Impostazioni email - 5 ore fa
                    </p>
                </div>
            </div>
            
            <!-- Attività 3 -->
            <div class="flex items-start space-x-3 py-3 border-b border-gray-200 dark:border-gray-700 last:border-b-0">
                <div class="flex-shrink-0">
                    <div class="w-8 h-8 bg-yellow-100 rounded-full flex items-center justify-center">
                        <i class="fas fa-database text-yellow-600 text-sm"></i>
                    </div>
                </div>
                <div class="flex-1 min-w-0">
                    <p class="text-sm text-gray-900 dark:text-white">
                        <span class="font-medium">Backup automatico completato</span>
                    </p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">
                        Database backup - 1 giorno fa
                    </p>
                </div>
            </div>
            
            <!-- Attività 4 -->
            <div class="flex items-start space-x-3 py-3 border-b border-gray-200 dark:border-gray-700 last:border-b-0">
                <div class="flex-shrink-0">
                    <div class="w-8 h-8 bg-red-100 rounded-full flex items-center justify-center">
                        <i class="fas fa-exclamation-triangle text-red-600 text-sm"></i>
                    </div>
                </div>
                <div class="flex-1 min-w-0">
                    <p class="text-sm text-gray-900 dark:text-white">
                        <span class="font-medium">Errore di sistema rilevato</span>
                    </p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">
                        Controllare log errori - 2 giorni fa
                    </p>
                </div>
            </div>
            
        </div>
        
        @if(false) {{-- Quando non ci sono attività --}}
        <div class="text-center py-8">
            <div class="w-16 h-16 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-4">
                <i class="fas fa-clock text-gray-400 text-2xl"></i>
            </div>
            <p class="text-gray-500 dark:text-gray-400">Nessuna attività recente</p>
        </div>
        @endif
        
    </div>
</div>