import Link from "next/link";
import { notFound } from "next/navigation";
import { updateUser } from "@/actions/admin-user-edit";
import { requireStaff } from "@/lib/admin/guard";
import { prisma } from "@/lib/prisma";

export const dynamic = "force-dynamic";

// users_currency.type values for the non-credits currencies (see send-currency.ts).
const DUCKETS_TYPE = 0;
const DIAMONDS_TYPE = 5;

export default async function AdminUserEdit({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  // Gate the page with the SAME helper the action re-checks.
  await requireStaff();

  const { id } = await params;
  const userId = Number(id);
  if (!Number.isInteger(userId) || userId <= 0) notFound();

  let user: {
    id: number;
    username: string;
    mail: string | null;
    motto: string;
    look: string;
    rank: number;
    credits: number;
    pixels: number;
    points: number;
  } | null = null;
  let duckets = 0;
  let diamonds = 0;

  try {
    user = await prisma.user.findUnique({
      where: { id: userId },
      select: {
        id: true,
        username: true,
        mail: true,
        motto: true,
        look: true,
        rank: true,
        credits: true,
        pixels: true,
        points: true,
      },
    });
    if (user) {
      const currencies = await prisma.usersCurrency.findMany({
        where: { userId, type: { in: [DUCKETS_TYPE, DIAMONDS_TYPE] } },
        select: { type: true, amount: true },
      });
      for (const c of currencies) {
        if (c.type === DUCKETS_TYPE) duckets = c.amount;
        else if (c.type === DIAMONDS_TYPE) diamonds = c.amount;
      }
    }
  } catch {
    return (
      <main>
        <p className="muted">
          <Link href="/admin/users">← Users</Link>
        </p>
        <h1>Edit user</h1>
        <p className="muted">Could not load this user right now. Try again shortly.</p>
      </main>
    );
  }

  if (!user) notFound();

  return (
    <main>
      <p className="muted">
        <Link href={`/admin/users/${user.id}`}>← {user.username}</Link>
      </p>
      <h1>Edit {user.username}</h1>
      <p className="muted">ID {user.id}</p>

      <form action={updateUser} className="card">
        <input type="hidden" name="id" value={user.id} />

        <div className="grid cols-2">
          <label>
            Email
            <input name="mail" type="email" defaultValue={user.mail ?? ""} maxLength={500} />
          </label>

          <label>
            Rank
            <input name="rank" type="number" min={1} defaultValue={user.rank} />
          </label>

          <label>
            Motto
            <input name="motto" defaultValue={user.motto} maxLength={127} />
          </label>

          <label>
            Look
            <input name="look" defaultValue={user.look} maxLength={256} />
          </label>

          <label>
            Credits
            <input name="credits" type="number" min={0} defaultValue={user.credits} />
          </label>

          <label>
            Pixels
            <input name="pixels" type="number" min={0} defaultValue={user.pixels} />
          </label>

          <label>
            Points
            <input name="points" type="number" min={0} defaultValue={user.points} />
          </label>

          <label>
            Duckets
            <input name="duckets" type="number" min={0} defaultValue={duckets} />
          </label>

          <label>
            Diamonds
            <input name="diamonds" type="number" min={0} defaultValue={diamonds} />
          </label>
        </div>

        <p className="muted">Currency fields set the exact balance, not a delta. Passwords are not editable here.</p>

        <div style={{ display: "flex", gap: "0.5rem", marginTop: "0.5rem" }}>
          <button type="submit" className="btn btn-primary">Save changes</button>
          <Link href={`/admin/users/${user.id}`} className="btn">Cancel</Link>
        </div>
      </form>
    </main>
  );
}