import { makeRequest } from "@frontend/kitui";
import { defaultQuizConfig } from "@model/quizSettings";
import { CopyQuizRequest, CopyQuizResponse } from "model/quiz/copy";
import { CreateQuizRequest } from "model/quiz/create";
import { DeleteQuizRequest, DeleteQuizResponse } from "model/quiz/delete";
import { EditQuizRequest, EditQuizResponse } from "model/quiz/edit";
import { GetQuizRequest, GetQuizResponse } from "model/quiz/get";
import { GetQuizListRequest, GetQuizListResponse } from "model/quiz/getList";
import { RawQuiz } from "model/quiz/quiz";

const baseUrl =
  process.env.NODE_ENV === "production"
    ? "/squiz"
    : "https://squiz.pena.digital/squiz";
const imagesUrl =
  process.env.NODE_ENV === "production"
    ? "/squizstorer"
    : "https://squiz.pena.digital/squizstorer";

function createQuiz(body?: Partial<CreateQuizRequest>) {
  return makeRequest<CreateQuizRequest, RawQuiz>({
    url: `${baseUrl}/quiz/create`,
    body: { ...defaultCreateQuizBody, ...body },
    method: "POST",
  });
}

async function getQuizList(body?: Partial<GetQuizListRequest>) {
  const response = await makeRequest<GetQuizListRequest, GetQuizListResponse>({
    url: `${baseUrl}/quiz/getList`,
    body: { ...defaultGetQuizListBody, ...body },
    method: "POST",
  });

  return response.items;
}

function getQuiz(body?: Partial<GetQuizRequest>) {
  return makeRequest<GetQuizRequest, GetQuizResponse>({
    url: `${baseUrl}/quiz/get`,
    body: { ...defaultGetQuizBody, ...body },
    method: "GET",
  });
}

async function editQuiz(body: EditQuizRequest, signal?: AbortSignal) {
  return makeRequest<EditQuizRequest, EditQuizResponse>({
    url: `${baseUrl}/quiz/edit`,
    body,
    method: "PATCH",
    signal,
  });
}

function copyQuiz(id: number) {
  return makeRequest<CopyQuizRequest, CopyQuizResponse>({
    url: `${baseUrl}/quiz/copy`,
    body: { id },
    method: "POST",
  });
}

function deleteQuiz(id: number) {
  return makeRequest<DeleteQuizRequest, DeleteQuizResponse>({
    url: `${baseUrl}/quiz/delete`,
    body: { id },
    method: "DELETE",
  });
}

function addQuizImages(quizId: number, image: Blob) {
  const formData = new FormData();

  formData.append("quiz", quizId.toString());
  formData.append("image", image);

  return makeRequest<FormData, { [key: string]: string }>({
    url: `${imagesUrl}/quiz/putImages`,
    body: formData,
    method: "PUT",
  });
}

export const quizApi = {
  create: createQuiz,
  getList: getQuizList,
  get: getQuiz,
  edit: editQuiz,
  copy: copyQuiz,
  delete: deleteQuiz,
  addImages: addQuizImages,
};

const defaultCreateQuizBody: CreateQuizRequest = {
  fingerprinting: true,
  repeatable: true,
  note_prevented: true,
  mail_notifications: false,
  unique_answers: true,
  name: "",
  description: "",
  config: JSON.stringify(defaultQuizConfig),
  status: "stop",
  limit: 0,
  due_to: 0,
  time_of_passing: 0,
  pausable: false,
  super: false,
  group_id: 0,
};

const defaultGetQuizBody: GetQuizRequest = {
  quiz_id: "string",
  limit: 0,
  page: 0,
  need_config: true,
};

const defaultGetQuizListBody: GetQuizListRequest = {
  limit: 100,
  offset: 0,
};