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

type SepDto = any

const action = defineAsyncComponent(() => import('~/components/pub/my-ui/data/dropdown-action-dud.vue'))

export const config: Config = {
  cols: [
    { width: 120 }, // TGL. SEP
    { width: 150 }, // NO. SEP
    { width: 120 }, // PELAYANAN
    { width: 100 }, // JALUR
    { width: 150 }, // NO. RM
    { width: 200 }, // NAMA PASIEN
    { width: 150 }, // NO. KARTU BPJS
    { width: 150 }, // NO. SURAT KONTROL
    { width: 150 }, // TGL SURAT KONTROL
    { width: 150 }, // KLINIK TUJUAN
    { width: 200 }, // DPJP
    { width: 200 }, // DIAGNOSIS AWAL
    { width: 100 }, // AKSI
  ],

  headers: [
    [
      { label: 'TGL. SEP' },
      { label: 'NO. SEP' },
      { label: 'PELAYANAN' },
      { label: 'JALUR' },
      { label: 'NO. RM' },
      { label: 'NAMA PASIEN' },
      { label: 'NO. KARTU BPJS' },
      { label: 'NO. SURAT KONTROL' },
      { label: 'TGL SURAT KONTROL' },
      { label: 'KLINIK TUJUAN' },
      { label: 'DPJP' },
      { label: 'DIAGNOSIS AWAL' },
      { label: 'AKSI' },
    ],
  ],

  keys: [
    'tgl_sep',
    'no_sep',
    'pelayanan',
    'jalur',
    'no_rm',
    'nama_pasien',
    'no_kartu_bpjs',
    'no_surat_kontrol',
    'tgl_surat_kontrol',
    'klinik_tujuan',
    'dpjp',
    'diagnosis_awal',
    'action',
  ],

  delKeyNames: [
    { key: 'no_sep', label: 'NO. SEP' },
    { key: 'nama_pasien', label: 'Nama Pasien' },
  ],

  parses: {},

  components: {
    action(rec, idx) {
      return {
        idx,
        rec: rec as object,
        component: action,
      }
    },
  },

  htmls: {},
}
