import config from "@payload-config";
import { headers as nextHeaders } from "next/headers";
import { redirect } from "next/navigation";
import { getPayload } from "payload";
import { ArrowLeftRightIcon } from "lucide-react";
import { TransfersView } from "@/components/frontend/transfers/TransfersView";
import { isPayloadUser } from "@/utils/access-control/isPayloadUser";
import { isSuperuser } from "@/utils/access-control/hasPermission";

export const metadata = {
  title: "Transfers — Polaris Task Force",
};

export default async function TransfersPage() {
  const payload = await getPayload({ config });
  const { user: authUser } = await payload.auth({
    headers: await nextHeaders(),
    canSetHeaders: false,
  });

  if (!isPayloadUser(authUser)) {
    redirect("/");
  }

  const canResolve = await isSuperuser(payload, authUser);

  return (
    <div className="flex flex-col gap-6 p-5">
      <div className="flex flex-col gap-1">
        <div className="flex items-center gap-2">
          <ArrowLeftRightIcon className="size-5 text-muted-foreground" aria-hidden="true" />
          <h1 className="text-lg font-semibold">Transfers</h1>
        </div>
        <p className="text-sm text-muted-foreground">
          Request an assignment move, review approvals, and resolve escalated appeals.
        </p>
      </div>

      <TransfersView currentUserId={authUser.id} canResolve={canResolve} />
    </div>
  );
}