import { QTableProps } from 'quasar';

export const productTreeDecoration = [
  {
    level: 0,
    icon: 'mdi-folder-outline',
    bg: 'hsla(var(--pink-6-hsl)/0.1)',
    fg: 'var(--pink-6)',
  },
  {
    level: 1,
    icon: 'mdi-server-outline',
    bg: 'hsla(var(--orange-5-hsl)/0.1)',
    fg: 'var(--orange-5)',
  },
  {
    level: 2,
    icon: 'mdi-shopping-outline',
    bg: 'hsla(var(--teal-10-hsl)/0.1)',
    fg: 'var(--teal-10)',
  },
];

export const pageTabs = [
  'Issued',
  'Accepted',
  'Expired',
  'Invoice',
  'PaymentSuccess',
  'ProcessComplete',
];

export const columnPaySplit = [
  {
    name: 'installmentNo',
    align: 'center',
    label: 'quotation.periodNo',
    field: 'no',
  },

  {
    name: 'amount',
    align: 'left',
    label: 'quotation.paySplitMessage',
    field: 'amount',
  },

  {
    name: 'status',
    align: 'center',
    label: 'general.status',
    field: 'invoiceId',
  },
] satisfies QTableProps['columns'];

export const columnQuotation = [
  {
    name: 'order',
    align: 'center',
    label: 'general.order',
    field: 'no',
  },

  {
    name: 'workName',
    align: 'left',
    label: 'quotation.title',
    field: 'workName',
  },

  {
    name: 'createdAt',
    align: 'left',
    label: 'quotation.processOn',
    field: 'createdAt',
  },

  {
    name: 'dueDate',
    align: 'left',
    label: 'quotation.validUntil',
    field: 'dueDate',
  },

  {
    name: 'contactName',
    align: 'left',
    label: 'quotation.contactName',
    field: 'contactName',
  },

  {
    name: 'actor',
    align: 'left',
    label: 'quotation.actor',
    field: 'actor',
  },

  {
    name: 'summaryPrice',
    align: 'left',
    label: 'quotation.totalPrice',
    field: 'summaryPrice',
  },

  {
    name: 'payCondition',
    align: 'left',
    label: 'quotation.payType',
    field: 'payCondition',
  },

  {
    name: 'status',
    align: 'left',
    label: 'general.status',
    field: 'status',
  },

  {
    name: 'action',
    align: 'left',
    label: '',
    field: '',
  },
] satisfies QTableProps['columns'];

export const fieldSelectedOption = [{ label: 'general.type', value: 'value' }];

export const hslaColors: Record<string, string> = {
  Issued: '--orange-5-hsl',
  Accepted: '--pink-6-hsl',
  Expired: '--cyan-7-hsl',
  PaymentInProcess: '--purple-7-hsl',
  PaymentSuccess: '--green-8-hsl',
  ProcessComplete: '--blue-6-hsl',
};