@extends('layouts.app')

@section('title', 'Dashboard Staf')

@section('content')
<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold">Dashboard Staf</h1>
    <form method="POST" action="{{ route('auth.logout') }}">
        @csrf
        <button type="submit" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm hover:bg-slate-50">
            Keluar
        </button>
    </form>
</div>

<div class="rounded-xl bg-white border border-slate-200 p-6">
    <p class="text-sm text-slate-600">
        Selamat datang, <span class="font-semibold text-slate-900">{{ auth()->user()->name }}</span>
        ({{ auth()->user()->position }}).
    </p>
    <p class="mt-2 text-sm text-slate-500">Dashboard staf akan diisi sesuai kebutuhan operasional sekolah.</p>
</div>
@endsection