import { AccessType } from "../../../lib/AccessType";
import { MachineList } from "@/components/MachineList";
import { SubscriptionProvider } from "@/components/useCurrentPlan";
import { db } from "@/db/db";
import { machinesTable } from "@/db/schema";
import { getCurrentPlanWithAuth } from "@/server/getCurrentPlan";
import { auth } from "@clerk/nextjs";
import { clerkClient } from "@clerk/nextjs/server";
import { desc, eq, isNull, and } from "drizzle-orm";

export default function Page() {
  return <MachineListServer />;
}

async function MachineListServer() {
  const { userId, orgId } = await auth();

  if (!userId) {
    return <div>No auth</div>;
  }

  const user = await clerkClient.users.getUser(userId);

  const sub = await getCurrentPlanWithAuth();

  const machines = await db.query.machinesTable.findMany({
    orderBy: desc(machinesTable.updated_at),
    where:
      orgId != undefined
        ? eq(machinesTable.org_id, orgId)
        : and(eq(machinesTable.user_id, userId), isNull(machinesTable.org_id)),
  });

  return (
    <div className="w-full">
      <SubscriptionProvider sub={sub}>
        <MachineList
          data={machines}
          userMetadata={AccessType.parse(user.privateMetadata ?? {})}
        />
      </SubscriptionProvider>
    </div>
  );
}