import { KhovtTransPhieuXuatDetailWithRelations } from 'main/apis/drc/models';

const columns = [
  {
    dataField: 'id',
    text: 'ID',
  },
  {
    dataField: 'maVt',
    text: 'Mã vật tư',
    editable: false,
  },
  {
    dataField: 'tenVt',
    text: 'Tên vật tư',
    editable: false,
  },
  {
    dataField: 'maLo',
    text: 'Mã số lô',
    editable: false,
  },
  {
    dataField: 'nguonGoc',
    text: 'Nguồn gốc',
    editable: false,
  },
  {
    dataField: 'soLuongYeuCau',
    text: 'Số lượng yêu cầu',
  },
  {
    dataField: 'soLuongThucTe',
    text: 'Số lượng thực xuất',
  },
  {
    dataField: 'tonKho',
    text: 'Tồn kho hiện tại',
    editable: false,
  },
  {
    dataField: 'tonKhoDuKien',
    text: 'Tồn kho dự kiến',
    formatter: (_: string, row: KhovtTransPhieuXuatDetailWithRelations) => {
      if (!row.tonKho || !row.soLuongThucTe) {
        return '';
      }
      return `${row.tonKho - row.soLuongThucTe}`;
    },
    editable: false,
  },
  {
    dataField: 'ngaySanXuat',
    text: 'Ngày sản xuất',
    editable: false,
  },
  {
    dataField: 'hanSuDung',
    text: 'Hạn sử dụng',
    editable: false,
  },
];

const selectRow = {
  mode: 'checkbox',
  clickToSelect: true,
  clickToEdit: true,
  style: { backgroundColor: '#c8e6c9' },
};

const cellEdit = {
  mode: 'dbclick',
  blurToSave: true,
};

const tableConfig = {
  columns,
  selectRow,
  cellEdit,
};

export default tableConfig;
