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

export const configuration: Record<string, ResourceOverride> = {
  expenses: {
    filterOptions: {
      mode: "client",
      fields: ["account", "payee", "tags", "occurred_at", "amount"],
    },
    fields: {
      payee: {
        displayFormat: "{name}",
        filterType: "autocomplete",
      },
      payor: {
        display: false,
        displayFormat: "{username}",
      },
      account: {
        displayFormat: "{name}",
        filterType: "multiselect",
        refers: "accounts"
      },
      tags: {
        displayFormat: "{icon} {name}",
        filterType: "autocomplete",
        refers: "tags"
      },
      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
      }
    },
  },
  'fetch-requests': {
    fields: {
      format: {
        path: 'source.format',
      },
      start_date: {
        type: 'date',
        label: 'Start Date',
      },
      end_date: {
        type: 'date',
        label: 'End Date',
      },
      // account: {
      //   refers: 'accounts',
      // },
      // tags: {
      //   refers: 'tags',
      // },
    },
  },
  accounts: {
    referenceOptions: {
      enumOption: {
        key: 'id',
        value: '{name} - XX{number}',
      },
      autoComplete: true,
      prefetch: true,
    }
  },
  tags: {
    referenceOptions: {
      enumOption: {
        key: 'id',
        value: '{icon} {name}',
      },
      autoComplete: true,
      prefetch: true,
    }
  },
};

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