import type { Config } from '~/components/pub/my-ui/data-table'
import { defineAsyncComponent } from 'vue'

const SelectedRadio = defineAsyncComponent(() => import('~/components/pub/my-ui/data/select-radio.vue'))

export interface LetterData {
  letterNumber: string
  plannedDate: string
  sepNumber: string
  patientName: string
  bpjsCardNo: string
  clinic: string
  doctor?: string
}

export const config: Config = {
  cols: [{ width: 50 }, { width: 150 }, { width: 120 }, { width: 120 }, { width: 120 }, { width: 120 }, { width: 120 }],

  headers: [
    [
      { label: '' },
      { label: 'NO. SURAT RUJUKAN' },
      { label: 'TANGGAL SURAT RUJUKAN' },
      { label: 'NO. SEP' },
      { label: 'NAMA PASIEN' },
      { label: 'NO. KARTU BPJS' },
      { label: 'KLINIK TUJUAN' },
    ],
  ],

  keys: ['check', 'letterNumber', 'plannedDate', 'sepNumber', 'patientName', 'bpjsCardNo', 'clinic'],

  delKeyNames: [
    { key: 'code', label: 'Code' },
    { key: 'name', label: 'Name' },
  ],

  parses: {},

  components: {
    check(rec, idx) {
      return {
        idx,
        rec: { ...(rec as object), menu: 'letter' },
        component: SelectedRadio,
      }
    },
  },

  htmls: {},
}
