{{-- resources/views/partials/orangtua/header.blade.php --}}
<div class="elegant-header desktop-ui-hide animate__animated animate__fadeInDown">
    <div>
        <p class="header-greeting">Portal Orang Tua <span style="color:var(--success);"><i class="fas fa-circle" style="font-size:0.4rem; vertical-align:middle;"></i> Live</span></p>
        <h1 class="header-title">Halo, {{ explode(' ', Auth::user()->name)[0] ?? 'Bapak/Ibu' }} 👋</h1>
    </div>
    <div style="display: flex; gap: 8px;">
        <button onclick="syncData()" class="btn-icon-glass" id="btn-sync" title="Sinkronisasi Data">
            <i class="fas fa-sync-alt" id="icon-sync"></i>
        </button>
        <div class="btn-icon-glass" title="Notifikasi">
            <i class="far fa-bell"></i>
            {{-- Contoh Badge Notifikasi Merah --}}
            <span style="position:absolute; top:8px; right:8px; width:8px; height:8px; background:var(--danger); border-radius:50%;"></span>
        </div>
    </div>
</div>