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

export default function ManagerLoginPage() {
  return (
    <>
      <LoginPageShell
        title="Welcome back"
        subtitle="Sign in to your team manager dashboard"
        footer={
          <p className="text-center text-sm text-muted-foreground">
            No account?{" "}
            <Link
              href="/signup/manager"
              className="font-medium text-foreground underline-offset-4 hover:underline"
            >
              Create account
            </Link>
            {" · "}
            <Link href="/" className="hover:underline">
              Home
            </Link>
          </p>
        }
      >
        <LoginForm expectedRole="manager" />
      </LoginPageShell>
      <div className="mx-auto -mt-4 mb-8 w-full max-w-md px-4">
        <YaltopiaFooter />
      </div>
    </>
  );
}