<header class="flex h-16 items-center justify-between border-b border-slate-200 bg-white px-6">
    <div>
        <h1 class="text-lg font-semibold text-slate-900">@yield('page-title', 'Dashboard')</h1>
    </div>

    <div class="flex items-center gap-4">
        @auth
            @include('partials.whatsapp-connection-badge')
            <span class="hidden text-sm text-slate-600 sm:inline">{{ auth()->user()->name }}</span>
            <a href="{{ route('settings.index') }}" class="text-sm font-medium text-emerald-700 hover:text-emerald-600">Configurações</a>
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button
                    type="submit"
                    class="rounded-lg border border-slate-300 px-3 py-1.5 text-sm font-medium text-slate-700 transition hover:bg-slate-50"
                >
                    Sair
                </button>
            </form>
        @endauth
    </div>
</header>
