{{-- 
========================================
HEADER SIDEBAR SEMPLICE
========================================
Header sidebar senza box ingombranti
Solo logo NetGesCon e data/ora
--}}

<div class="sidebar-header p-3 border-bottom">
    {{-- Logo NetGesCon semplice --}}
    <div class="text-center mb-2">
        <h5 class="mb-0 text-primary">
            <i class="fas fa-building"></i> NetGesCon
        </h5>
        <small class="text-muted">Sistema Gestione Condominiale</small>
    </div>
    
    {{-- Data e Ora in tempo reale --}}
    <div class="text-center">
        <small class="text-muted" id="currentDateTime">
            <i class="fas fa-clock"></i> <span id="datetime"></span>
        </small>
    </div>
</div>

{{-- Script per data/ora in tempo reale --}}
@push('scripts')
<script>
function updateDateTime() {
    const now = new Date();
    const options = { 
        day: '2-digit', 
        month: '2-digit', 
        year: 'numeric',
        hour: '2-digit', 
        minute: '2-digit'
    };
    document.getElementById('datetime').textContent = now.toLocaleDateString('it-IT', options);
}

// Aggiorna subito e poi ogni minuto
updateDateTime();
setInterval(updateDateTime, 60000);
</script>
@endpush