import { baseURL } from "./api-utils";
import { apiReq } from "./api-utils";
import i18n from '@/i18n.js';

const prefix = baseURL + "themes";

const settingsURLs = {
  allThemes: `${baseURL}themes`,
  specificTheme: themeName => `${prefix}/${themeName}`,
  createTheme: `${prefix}/create`,
  updateTheme: themeName => `${prefix}/${themeName}`,
  deleteTheme: themeName => `${prefix}/${themeName}`,
};

export const themeAPI = {
  async requestAll() {
    let response = await apiReq.get(settingsURLs.allThemes);
    return response.data;
  },

  async requestByName(name) {
    let response = await apiReq.get(settingsURLs.specificTheme(name));
    return response.data;
  },

  async create(postBody) {
    return await apiReq.post(
      settingsURLs.createTheme, 
      postBody,
      function() { return i18n.t('settings.theme.error-creating-theme-see-log-file'); },
      function() { return i18n.t('settings.theme.theme-saved'); });
  },

  update(themeName, colors) {
    const body = {
      name: themeName,
      colors: colors,
    };
    return apiReq.put(
      settingsURLs.updateTheme(themeName), 
      body,
      function() { return i18n.t('settings.theme.error-updating-theme'); },
      function() { return i18n.t('settings.theme.theme-updated'); });
  },

  delete(themeName) {
    return apiReq.delete(
      settingsURLs.deleteTheme(themeName),
      null,
      function() { return i18n.t('settings.theme.error-deleting-theme'); },
      function() { return i18n.t('settings.theme.theme-deleted'); }
    );
  },
};