// biome-ignore lint/suspicious/noExplicitAny: <explanation>
async function get<Schema extends v.BaseSchema<any, any, any>>(
  path: string,
  schema: Schema,
): Promise<v.InferOutput<Schema>> {
  return fetch(`${API_URL}${path}`)
    .then((res) => res.json())
    .then((json) => v.parse(schema, json));
}

// biome-ignore lint/suspicious/noExplicitAny: <explanation>
async function get<Schema extends v.BaseSchema<any, any, any>>(
  path: string,
  schema: Schema,
): Promise<v.InferOutput<Schema>> {
  return fetch(`${API_URL}${path}`)
    .then((res) => res.json())
    .then((json) => v.parse(schema, json));
}

options={findVariantsSubmission.result || data()!.variants}

options={findVariantsSubmission.result || data()!.variants}

const loader = query(async (criterion_id: string) => {
  "use server";
  const criterion = await criterionRepo.find(criterion_id);
  const programs = await programRepo.findAll();
  const variants = await variantRepo.findByProgram(criterion.program_id);
  return { criterion, programs, variants };
}, "admin-criterion");

const findVariantsByProgram = action(async (program_id: string) => {
  "use server";
  const variants = await variantRepo.findByProgram(program_id);
  return json(variants, { revalidate: "nothing" });
}, "find-variants-by-program");

export default function AdminCriteriaAggregate() {
  const params = useParams();
  const data = createAsync(() => loader(params.id));

  const findVariants = useAction(findVariantsByProgram);
  const findVariantsSubmission = useSubmission(findVariantsByProgram);

  const [programId, setProgramId] = createSignal<string | undefined>(
    data()?.criterion.program_id,
  );

  return (
    <Show when={data()}>
      <form method="post" action={update} class="flex flex-col gap-md">
        ...
        <Field
          id="program_id"
          label="Programm"
        >
          {(field) => (
            <Select
              {...field}
              options={data()!.programs}
              valueKey="id"
              labelKey="name"
              select={(program) => program.id === data()!.criterion.program_id}
              onChange={(e) => findVariants(e.currentTarget.value)}
            />
          )}
        </Field>
        <Field
          id="variant_id"
          label="Programmprofil"
        >
          {(field) => (
            <Select
              {...field}
              options={findVariantsSubmission.result || data()!.variants}
              valueKey="id"
              labelKey="name"
              select={(variant) => variant.id === data()!.criterion.variant_id}
            />
          )}
        </Field>

const loader = query(async (criterion_id: string) => {
  "use server";
  const criterion = await criterionRepo.find(criterion_id);
  const programs = await programRepo.findAll();
  const variants = await variantRepo.findByProgram(criterion.program_id);
  return { criterion, programs, variants };
}, "admin-criterion");

const findVariantsByProgram = action(async (program_id: string) => {
  "use server";
  const variants = await variantRepo.findByProgram(program_id);
  return json(variants, { revalidate: "nothing" });
}, "find-variants-by-program");

export default function AdminCriteriaAggregate() {
  const params = useParams();
  const data = createAsync(() => loader(params.id));

  const findVariants = useAction(findVariantsByProgram);
  const findVariantsSubmission = useSubmission(findVariantsByProgram);

  const [programId, setProgramId] = createSignal<string | undefined>(
    data()?.criterion.program_id,
  );

  return (
    <Show when={data()}>
      <form method="post" action={update} class="flex flex-col gap-md">
        ...
        <Field
          id="program_id"
          label="Programm"
        >
          {(field) => (
            <Select
              {...field}
              options={data()!.programs}
              valueKey="id"
              labelKey="name"
              select={(program) => program.id === data()!.criterion.program_id}
              onChange={(e) => findVariants(e.currentTarget.value)}
            />
          )}
        </Field>
        <Field
          id="variant_id"
          label="Programmprofil"
        >
          {(field) => (
            <Select
              {...field}
              options={findVariantsSubmission.result || data()!.variants}
              valueKey="id"
              labelKey="name"
              select={(variant) => variant.id === data()!.criterion.variant_id}
            />
          )}
        </Field>

export const router = {
  preload() {
    getAdmin();
    getVariants();
  },
} satisfies RouteDefinition;

export default function AdminLayout(props: ParentProps) {
  createAsync(() => getAdmin());

export const router = {
  preload() {
    getAdmin();
    getVariants();
  },
} satisfies RouteDefinition;

export default function AdminLayout(props: ParentProps) {
  createAsync(() => getAdmin());

export const getAdmin = query(async () => {
  "use server";
  const authService = new AuthService();
  const user = await authService.getUserBySession();
  if (!user || !user.is_admin) {
    throw redirect("/");
  }
  return user;
}, "admin");

export const getAdmin = query(async () => {
  "use server";
  const authService = new AuthService();
  const user = await authService.getUserBySession();
  if (!user || !user.is_admin) {
    throw redirect("/");
  }
  return user;
}, "admin");

const sessionConfig = {
  name: "cockpit",
  maxAge: 60 * 60 * 24 * 14,
  password: process.env.SESSION_SECRET,
  cookie: {
    httpOnly: true,
    secure: process.env.NODE_ENV === "production",
  },
} satisfies SessionConfig;

type Session = {
  user_id?: string;
};

function getSession() {
  return useSession<Session>(sessionConfig);
}

  async getUserBySession() {
    "use server";
    const session = await getSession();
    console.log("getUserBySession: session =", session);
    const userId = session.data.user_id;
    console.log("getUserBySession: userId =", session.data.user_id);
    if (!userId) throw redirect("/login");

    const user = await this.userService.getUser(userId);
    if (!user) throw this.logout();

    const { hashed_password, ...safeUser } = user;
    return safeUser;
  }

const sessionConfig = {
  name: "cockpit",
  maxAge: 60 * 60 * 24 * 14,
  password: process.env.SESSION_SECRET,
  cookie: {
    httpOnly: true,
    secure: process.env.NODE_ENV === "production",
  },
} satisfies SessionConfig;

type Session = {
  user_id?: string;
};

function getSession() {
  return useSession<Session>(sessionConfig);
}

  async getUserBySession() {
    "use server";
    const session = await getSession();
    console.log("getUserBySession: session =", session);
    const userId = session.data.user_id;
    console.log("getUserBySession: userId =", session.data.user_id);
    if (!userId) throw redirect("/login");

    const user = await this.userService.getUser(userId);
    if (!user) throw this.logout();

    const { hashed_password, ...safeUser } = user;
    return safeUser;
  }