import type { Metadata } from "next";
import { Suspense } from "react";

import { BetaStaffLoginForm } from "./BetaStaffLoginForm";

export const metadata: Metadata = {
  title: "Staff — beta surface",
  robots: { index: false, follow: false },
};

export default function BetaStaffLoginPage() {
  return (
    <main className="min-h-[70dvh] bg-stone-950 px-4 py-16 text-stone-100">
      <div className="mx-auto max-w-md space-y-2 font-sans text-sm leading-relaxed text-stone-300">
        <h1 className="text-lg text-stone-100">Mở rộng giao diện beta (nội bộ)</h1>
        <p>
          Dùng khi <code className="text-stone-200">NEXT_PUBLIC_BETA_PUBLIC_SURFACE=1</code>: sau khi nhập đúng mật khẩu,
          cookie nội bộ cho phép xem các tuyến đang ẩn (giờ sinh, liên hệ, công cụ nội bộ, v.v.).
        </p>
        <Suspense fallback={<p className="text-stone-500">Đang tải…</p>}>
          <BetaStaffLoginForm />
        </Suspense>
      </div>
    </main>
  );
}