<script lang="ts" setup>
import { markRaw } from 'vue'
import CAdminTable from '../CAdminTable.vue'
import { TableInfo } from '../tableInfo'
import { dbCompanies, Company } from './helpers/dbCompanies'
import DbFormContractor from './helpers/DbFormContractor.vue'
import { variableTitle } from './helpers/variableTitle'

const schema = [
  { id: 'name', label: '企業名' },
  { id: 'addressNum', label: '郵便番号' },
  { id: 'tel', label: '企業電話番号' },
  { id: 'personInCharge', label: '担当者名' },
  { id: 'licenseCount', label: '利用可能ライセンス数' },
  { id: 'statusContract', label: '契約状況' },
  { id: 'meta.serial', label: 'シリアルナンバー' },
]

const tableInfo: TableInfo<Company> = {
  schemaColumns: schema,
  db: dbCompanies,
  componentForm: markRaw(DbFormContractor),
}
</script>

<template>
  <CAdminTable :tableInfo="tableInfo" :p_Addable="true" :p_Title="variableTitle" />
</template>
