import type { Metadata } from "next";
import Link from "next/link";
import { currentUser } from "@/lib/serverAuth";
import { withBase } from "@/lib/basePath";
import "./globals.css";

export const metadata: Metadata = {
  title: "Digt POC Hub",
  description: "Directory of Digt proof-of-concept apps.",
};

export default async function RootLayout({ children }: { children: React.ReactNode }) {
  const user = await currentUser();
  return (
    <html lang="en">
      <body>
        <header className="site-header">
          <Link href="/" className="brand">Digt <span>POC Hub</span></Link>
          {user && (
            <div className="userbox">
              {user.admin && <Link href="/admin" className="nav-admin">Admin</Link>}
              <span>{user.email}</span>
              <form method="post" action={withBase("/api/auth/logout")}>
                <button className="btn" type="submit">Sign out</button>
              </form>
            </div>
          )}
        </header>
        <main className="container">{children}</main>
      </body>
    </html>
  );
}
