{{-- 
========================================
FOOTER FISSO MINIMALE
========================================
Footer fisso in basso con pulsanti notifiche e info essenziali.
--}}

<footer class="app-footer d-flex align-items-center justify-content-between px-3 py-2 bg-white border-top">
    
    {{-- Info Sinistra --}}
    <div class="footer-left d-flex align-items-center">
        <small class="text-muted">
            © {{ date('Y') }} NetGesCon v2.1.0
        </small>
        <span class="mx-2 text-muted">|</span>
        <small class="text-muted">
            <i class="fas fa-server me-1 text-success"></i>
            <span class="text-success">Server Online</span>
        </small>
    </div>
    
    {{-- Pulsanti Notifiche Centrali --}}
    <div class="footer-center d-flex gap-2">
        {{-- Tickets Urgenti --}}
        <button class="btn btn-sm btn-outline-danger" title="3 Tickets Urgenti">
            <i class="fas fa-exclamation-triangle"></i>
            <span class="badge bg-danger ms-1">3</span>
        </button>
        
        {{-- Rate Scadute --}}
        <button class="btn btn-sm btn-outline-warning" title="Rate Scadute">
            <i class="fas fa-calendar-times"></i>
            <span class="badge bg-warning ms-1">7</span>
        </button>
        
        {{-- Backup Status --}}
        <button class="btn btn-sm btn-outline-success" title="Backup OK">
            <i class="fas fa-shield-alt"></i>
        </button>
    </div>
    
    {{-- Info Destra --}}
    <div class="footer-right d-flex align-items-center">
        <small class="text-muted">
            <i class="fas fa-user me-1"></i>
            {{ Auth::user()->name ?? 'Amministratore Test' }}
        </small>
        <span class="mx-2 text-muted">|</span>
        <small class="text-muted">
            <span id="footer-time"></span>
        </small>
    </div>
    
</footer>

{{-- CSS Footer --}}
@push('styles')
<style>
.app-footer {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    background-color: #ffffff;
    border-top: 1px solid #dee2e6;
    z-index: 1040;
}

.footer-center .btn {
    height: 32px;
    min-width: 40px;
}

.footer-center .badge {
    font-size: 0.7rem;
}
</style>
@endpush

{{-- Script Footer --}}
@push('scripts')
<script>
function updateFooterTime() {
    const now = new Date();
    const timeString = now.toLocaleTimeString('it-IT', {
        hour: '2-digit',
        minute: '2-digit'
    });
    document.getElementById('footer-time').textContent = timeString;
}

// Aggiorna ogni minuto
updateFooterTime();
setInterval(updateFooterTime, 60000);
</script>
@endpush