{{-- resources/views/siswa/layouts/topbar.blade.php --}}
<nav class="topbar">
    <div class="topbar-left">
        <button class="btn-toggle" id="sidebar-toggle" aria-label="Toggle menu"><i class="bi bi-list"></i></button>
        <h1 class="page-title" id="pageTitle">Portal Siswa</h1>
    </div>
    <div class="topbar-right">
        <div class="dropdown">
            <a href="#" class="d-flex align-items-center text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                <img src="{{ Auth::user()->siswa->foto ? asset('storage/siswa/'.Auth::user()->siswa->foto) : 'https://ui-avatars.com/api/?name='.urlencode(Auth::user()->name).'&background=0B2C5E&color=fff' }}" width="36" height="36" class="rounded-circle object-fit-cover me-2" alt="User">
                <span class="d-none d-md-inline text-dark small fw-medium">{{ Auth::user()->name }}</span>
            </a>
            <ul class="dropdown-menu dropdown-menu-end shadow-sm">
                <li>
                    <form action="{{ route('logout') }}" method="POST" class="d-inline">
                        @csrf
                        <button type="submit" class="dropdown-item text-danger d-flex align-items-center">
                            <i class="bi bi-box-arrow-right me-2"></i>Keluar Aplikasi
                        </button>
                    </form>
                </li>
            </ul>
        </div>
    </div>
</nav>