import { redirect } from 'next/navigation'
import { getSession } from '@/lib/auth'
import { logout } from '../actions'

export default async function StudentLayout({ children }: { children: React.ReactNode }) {
  const session = await getSession()
  if (!session) redirect('/login')
  if (session.kind !== 'student') redirect('/parent')

  return (
    <div className="mx-auto max-w-2xl px-5 py-8">
      <header className="mb-8 flex items-baseline justify-between">
        <span className="text-lg font-semibold">Hi, {session.name}</span>
        <form action={logout}>
          <button className="text-xs text-[var(--color-muted)] hover:text-[var(--color-ink)]">
            Sign out
          </button>
        </form>
      </header>
      {children}
    </div>
  )
}