import { getAgendaSettingsList } from "@/service/agenda-setting/agenda-setting";
import dayjs from "dayjs";

const date = new Date();
const prevDay = new Date().getDate() - 1;
const nextDay = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);
const INITIAL_YEAR = dayjs().format("YYYY");
const INITIAL_MONTH = dayjs().format("M");

// prettier-ignore
const nextMonth = date.getMonth() === 11 ? new Date(date.getFullYear() + 1, 0, 1) : new Date(date.getFullYear(), date.getMonth() + 1, 1)
// prettier-ignore
const prevMonth = date.getMonth() === 11 ? new Date(date.getFullYear() - 1, 0, 1) : new Date(date.getFullYear(), date.getMonth() - 1, 1)

export const calendarEvents = [
  {
    id: "event-001-calendar-all-day",
    title: "aaaAll Day Event",
    start: date,
    end: nextDay,
    allDay: false,
    //className: "warning",
    extendedProps: {
      calendar: "2",
    },
  },
  {
    id: "event-002-meeting-client",
    title: "Meeting With Client",
    start: new Date(date.getFullYear(), date.getMonth() + 1, -11),
    end: new Date(date.getFullYear(), date.getMonth() + 1, -10),
    allDay: true,
    //className: "success",
    extendedProps: {
      calendar: "1",
    },
  },
  {
    id: "event-003-lunch",
    title: "Lunch",
    allDay: true,
    start: new Date(date.getFullYear(), date.getMonth() + 1, -9),
    end: new Date(date.getFullYear(), date.getMonth() + 1, -7),
    // className: "info",
    extendedProps: {
      calendar: "3",
    },
  },
  {
    id: "event-004-birthday-party",
    title: "Birthday Party",
    start: new Date(date.getFullYear(), date.getMonth() + 1, -11),
    end: new Date(date.getFullYear(), date.getMonth() + 1, -10),
    allDay: true,
    //className: "primary",
    extendedProps: {
      calendar: "3",
    },
  },
  {
    id: "event-005-birthday-party-2",
    title: "Birthday Party",
    start: new Date(date.getFullYear(), date.getMonth() + 1, -13),
    end: new Date(date.getFullYear(), date.getMonth() + 1, -12),
    allDay: true,
    // className: "danger",
    extendedProps: {
      calendar: "2",
    },
  },
  {
    id: "event-006-monthly-meeting",
    title: "Monthly Meeting",
    start: nextMonth,
    end: nextMonth,
    allDay: true,
    //className: "primary",
    extendedProps: {
      calendar: "5",
    },
  },
];

export const calendarCategories = [
  {
    label: "Nasional",
    value: "1",
    activeClass: "ring-primary-500 bg-primary-500",
    className: "group-hover:border-blue-500",
  },
  {
    label: "Polda",
    value: "2",
    activeClass: "ring-success-500 bg-success-500",
    className: " group-hover:border-green-500",
  },
  {
    label: "Polres",
    value: "3",
    activeClass: "ring-danger-500 bg-danger-500",
    className: " group-hover:border-red-500",
  },
  {
    label: "Satker",
    value: "4",
    activeClass: "ring-yellow-500 bg-yellow-500",
    className: " group-hover:border-red-500",
  },
  {
    label: "Internasional",
    value: "5",
    activeClass: "ring-info-500 bg-info-500",
    className: " group-hover:border-cyan-500",
  },
];

export const categories = [
  {
    label: "Nasional",
    value: "1",
    className:
      "data-[state=checked]:bg-yellow-500 data-[state=checked]:ring-yellow-500",
  },
  {
    label: "Polda",
    value: "2",
    className:
      "data-[state=checked]:bg-blue-400 data-[state=checked]:ring-blue-400",
  },
  {
    label: "Polres",
    value: "3",
    className:
      "data-[state=checked]:bg-slate-400  data-[state=checked]:ring-slate-400 ",
  },
  {
    label: "Satker",
    value: "4",
    className:
      "data-[state=checked]:bg-warning  data-[state=checked]:ring-warning ",
  },
  {
    label: "Internasional",
    value: "5",
    className:
      "data-[state=checked]:bg-green-500 data-[state=checked]:ring-green-500 ",
  },
];

export type CalendarEvent = (typeof calendarEvents)[number];
export type CalendarCategory = (typeof calendarCategories)[number];
export type Category = (typeof categories)[number];