import Link from "next/link";
import { LoginForm, LoginPageShell } from "@/components/auth/login-form";
import { YaltopiaFooter } from "@/components/layout/YaltopiaFooter";

export default function MasterLoginPage() {
  return (
    <>
      <LoginPageShell
        title="League Master"
        subtitle="Administrative access — not shown on the public site"
        footer={
          <p className="text-center text-sm text-muted-foreground">
            <Link
              href="/signup/master"
              className="font-medium text-foreground underline-offset-4 hover:underline"
            >
              Create master account
            </Link>
          </p>
        }
      >
        <LoginForm expectedRole="league_master" />
      </LoginPageShell>
      <div className="mx-auto -mt-4 mb-8 w-full max-w-md px-4">
        <YaltopiaFooter />
      </div>
    </>
  );
}