import { handleLogout } from "@/app/admin/actions";
import { requireAdminSession } from "@/lib/auth";
import { LockKeyhole, LogOut } from "lucide-react";
import Link from "next/link";

export const revalidate = 0;

export default async function AdminForbiddenPage() {
  const session = await requireAdminSession({ allowPasswordChange: true });
  return (
    <main className="grid min-h-screen place-items-center bg-surface-0 px-5 text-fg-primary">
      <section className="w-full max-w-lg rounded-[2rem] border border-border bg-surface-1/75 p-8 text-center">
        <LockKeyhole className="mx-auto text-ember" size={34} />
        <p className="mt-5 text-[10px] font-semibold uppercase tracking-[0.2em] text-ember">Erişim sınırlandı</p>
        <h1 className="mt-3 text-3xl font-semibold">Bu modül için yetkiniz yok</h1>
        <p className="mt-4 text-sm leading-6 text-fg-secondary">@{session.user.username} hesabına Ana Yönetici tarafından ilgili modül yetkisi verilmelidir.</p>
        <div className="mt-7 grid gap-3 sm:grid-cols-2">
          <Link href="/admin/account/password" className="rounded-full border border-border px-5 py-3 text-xs text-fg-secondary">Parolam</Link>
          <form action={handleLogout}><button type="submit" className="flex w-full items-center justify-center gap-2 rounded-full border border-red-500/20 px-5 py-3 text-xs text-red-300">Çıkış yap <LogOut size={13} /></button></form>
        </div>
      </section>
    </main>
  );
}