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

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

  return (
    <div className="mx-auto max-w-3xl px-5 py-8">
      <header className="mb-8 flex items-baseline justify-between">
        <Link href="/parent" className="text-lg font-semibold">
          Learn
        </Link>
        <div className="flex items-center gap-4">
          <Link
            href="/parent/topics"
            className="text-xs text-[var(--color-muted)] hover:text-[var(--color-ink)]"
          >
            Spiritual topics
          </Link>
          <form action={logout}>
            <button className="text-xs text-[var(--color-muted)] hover:text-[var(--color-ink)]">
              Sign out
            </button>
          </form>
        </div>
      </header>
      {children}
    </div>
  )
}