@auth
    @php($user = auth()->user())
@endauth

<header class="flex items-center justify-between px-8 py-5 border-b" style="border-color: var(--color-ink-12); background: #fff;">
    <div>
        <p class="label" style="color: var(--color-ink); font-size: 0.6rem;">@yield('overline', 'ERP Console')</p>
        <h1 class="mt-1 text-2xl" style="font-family: var(--font-serif);">@yield('heading', 'Dashboard')</h1>
    </div>

    <div class="flex items-center gap-4">
        @auth
            <div class="flex flex-col items-end">
                <span class="text-sm" style="font-family: var(--font-serif);">{{ $user->name }}</span>
                @php($primaryRole = $user->roles()->orderBy('id')->first())
                <span class="label" style="font-size: 0.55rem; color: var(--color-ink-40);">{{ $primaryRole?->name ?? ($user->role->value ?? '') }}</span>
            </div>

            <a href="{{ route('admin.profile.edit') }}" class="btn btn-ghost">Profile</a>

            <a href="{{ route('admin.logout.get') }}" class="btn btn-ghost">Sign out</a>
        @endauth
    </div>
</header>