import WaterAdminPinClient from "./WaterAdminPinClient";

export const dynamic = "force-dynamic";

/**
 * Tuxedo-brand-specific water admin login.
 *
 * The 4-digit admin PIN gates `/water/admin/*` for the Tuxedo brand.
 * Users must be able to enter the PIN WITHOUT being signed into the
 * platform — this is a PIN-only entry point for brand staff in the
 * field. The auth itself lives in `src/lib/water-admin-pin-auth.ts`,
 * which is self-contained (no Neon Auth).
 *
 * If you need a similar portal for another brand, duplicate this
 * page under a different slug (e.g. `/water/admin-tuxedo/login`) and
 * update the brand UUID in `water-admin-pin-auth.ts`.
 */
export default async function WaterAdminLoginPage() {
  return (
    <div className="min-h-screen bg-slate-100 flex flex-col items-center justify-center p-6">
      <div className="w-full max-w-xs">
        <div className="mb-6 text-center">
          <h1 className="text-2xl font-bold text-slate-900">Water Log Admin</h1>
          <p className="text-sm text-slate-500 mt-1">Enter your 4-digit admin PIN</p>
        </div>
        <WaterAdminPinClient />
      </div>
    </div>
  );
}