{{--
    Componente Header Dashboard
    Header standard per tutte le dashboard con titolo, sottotitolo e icona ruolo
    
    Parametri:
    - title: Titolo principale della dashboard
    - subtitle: Sottotitolo/descrizione
    - icon: Icona del ruolo (es: 'fas fa-crown' per superadmin)
    - iconColor: Colore dell'icona (es: 'text-red-500')
--}}

@props([
    'title' => 'Dashboard',
    'subtitle' => 'Benvenuto nel pannello di controllo',
    'icon' => 'fas fa-tachometer-alt',
    'iconColor' => 'text-blue-500'
])

<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
    <div class="p-6 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
        <div class="flex items-center">
            <div class="flex-shrink-0">
                <i class="{{ $icon }} {{ $iconColor }} text-3xl mr-4"></i>
            </div>
            <div class="flex-1">
                <h1 class="text-3xl font-bold text-gray-800 dark:text-white">
                    {{ $title }}
                </h1>
                <p class="text-gray-600 dark:text-gray-300 mt-2">
                    {{ $subtitle }}
                </p>
            </div>
            
            <!-- Info utente corrente -->
            <div class="flex-shrink-0 text-right">
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    Benvenuto, <strong>{{ Auth::user()->name }}</strong>
                </p>
                <p class="text-xs text-gray-400 dark:text-gray-500">
                    {{ now()->format('d/m/Y H:i') }}
                </p>
            </div>
        </div>
    </div>
</div>