@php
    $user = auth()->user();
    $initial = $user ? strtoupper(substr($user->name, 0, 1)) : '?';
@endphp

<header class="topbar">
    <div class="topbar-left">
        <button class="sidebar-toggle" id="sidebarToggle" type="button" aria-label="Buka menu">&#9776;</button>
        <div class="topbar-title">@yield('page-title', 'Dashboard')</div>
    </div>

    <div class="topbar-user">
        <div class="topbar-user-btn" id="userMenuBtn">
            <div class="topbar-user-avatar">{{ $initial }}</div>
            <div>
                <div class="topbar-user-name">{{ $user->name ?? '-' }}</div>
                <div class="topbar-user-role">{{ $user->role->nama ?? '-' }}</div>
            </div>
        </div>
        <div class="topbar-dropdown" id="userMenuDropdown">
            <a href="{{ route('profile.show') }}">&#9673; Profil Saya</a>
            <a href="{{ route('profile.change-password') }}">&#9673; Ubah Password</a>
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="text-danger">&#9673; Keluar</button>
            </form>
        </div>
    </div>
</header>