96 lines
2.6 KiB
PHP
96 lines
2.6 KiB
PHP
{{--
|
|
========================================
|
|
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
|