import { ResourceOverride } from "../react-openapi/types/overrides";

export const configuration: Record<string, ResourceOverride> = {
  expenses: {
    filterOptions: {
      mode: "client",
      fields: ["account", "payee", "tags", "occurred_at", "amount"],
    },
    fields: {
      payee: {
        displayField: "name",
        filterType: "autocomplete",
      },
      payor: {
        display: false,
        displayField: "username",
      },
      account: {
        displayField: "name",
        filterType: "multiselect",
      },
      tags: {
        displayField: ["name", "icon"],
        filterType: "autocomplete",
      },
      occurred_at: {
        filterType: "date-range",
        formatter: (val: string) => {
            const date = new Date(val);
            const day = date.getDate();
            const month = date.toLocaleString('default', { month: 'long' });
            const year = date.getFullYear();
            const suffix = (day: number) => {
                if (day > 3 && day < 21) return 'th';
                switch (day % 10) {
                    case 1: return "st";
                    case 2: return "nd";
                    case 3: return "rd";
                    default: return "th";
                }
            };
            return `${day}${suffix(day)} ${month} ${year}`;
        }
      },
      amount: {
        filterType: "number-range",
      },
      created_at: {
        display: false
      }
    },
  },
};

export const profileConfiguration = {
  "extraFields": ['name'],
  "resource": "payors",
  // not in use
  "hidden": true,
};