import type { BaseTableColumn } from '@core/type/baseTable'
import { toJalaliNoTime, toTime } from '@core/utils/useDataTime'
import CustomTag from '@/components/CustomTag.vue'
/*import BudgetSelect from '@/components/BudgetSelect.vue'
import { useStaticApiListsStore } from '@/store/staticApisStore'
import type { FilterSelect } from '@/model/filterSelect'
import type { DocItem } from '@/model/docType'*/

//define store
//const store = useStaticApiListsStore()
//document types
/*let docTypes: DocItem[]*/
/*onMounted(async () => {
  docTypes = await store.readyDocTypeList()
})
const filteredDocTypes: FilterSelect = docTypes?.map((x: DocItem) => {
  return {
    label: x.title,
    value: x.id
  }
})*/

export const cols: BaseTableColumn[] = [
  {
    title: 'ردیف',
    dataIndex: 'id',
    key: 'id',
    filterable: false,
    sortable: false,
    customRender: (record: any) => {
      return record.index + 1
    }
  },
  {
    title: 'کد کاربری',
    dataIndex: 'id',
    key: 'id',
    type: 'Number'
    // className: 'column-money'
  },
  {
    title: 'نام و نام خانوادگی',
    dataIndex: 'name',
    key: 'name',
    type: 'Text'
  },
  {
    title: 'شماره موبایل',
    dataIndex: 'mobile',
    key: 'mobile',
    type: 'Number'
  },
/*  {
    title: 'نام',
    dataIndex: 'shop_name',
    key: 'shop_name',
    type: 'Text'
  },*/
  {
    title: 'وضعیت کاربر',
    dataIndex: 'active',
    key: 'active',
    type: 'Boolean',
    customRender: ({ record }) => {
      return record.active ? (
        <div class="flex justify-center">
          <CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
            فعال
          </CustomTag>
        </div>
      ) : (
        <div class="flex justify-center">
          <CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
            غیر فعال
          </CustomTag>
        </div>
      )
    }
  },
  {
    title: 'وضعیت سفارش دهی',
    dataIndex: 'trade_active',
    key: 'trade_active',
    type: 'Boolean',
    customRender: ({ record }) => {
      return record.trade_active ? (
        <div class="flex justify-center">
          <CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
            مجاز
          </CustomTag>
        </div>
      ) : (
        <div class="flex justify-center">
          <CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
            غیر مجاز
          </CustomTag>
        </div>
      )
    }
  },
  /*{
      title: 'نقش',
      dataIndex: 'user_type_record',
      key: 'user_type_record',
      type: 'Select',
      filterable: false,
      sortable: false,
      filterComponentProps: {
        multiple: true
      },
      filterField: 'user_type_obj.id',
      filterComponent: ReadyUserTypeSelect,
      /!*      customRender: (record: any) => {
        return record.record.user_type_record?.value
      }*!/
      customRender: ({ record }) => {
        const items = record.is_admin ? (
          <CustomTag textColor="#25855A" bgColor="#E3F4E9">
            ادمین
          </CustomTag>
        ) : (
          record.user_type_obj.map((item: { title: any }, index: any) => {
            if (item) {
              return (
                <CustomTag textColor="#25855A" bgColor="#E3F4E9">
                  {item?.title}
                </CustomTag>
              )
            }
          })
        )
        return <div class="flex justify-center items-center gap-2">{items}</div>
      }
    },
    {
      title: 'حوزه',
      dataIndex: 'section',
      key: 'section'
    },
    {
      title: 'شماره موبایل',
      dataIndex: 'mobile',
      type: 'Number',
      key: 'mobile'
    },
    {
      title: 'تاریخ ثبت',
      dataIndex: 'created_at',
      key: 'created_at',
      type: 'DateTime',
      customRender: (record: any) => {
        return toJalaliNoTime(record.record.created_at)
      }
    },*/
  {
    title: 'عملیات',
    dataIndex: 'action',
    key: 'action',
    slot: 'action',
    filterable: false
  }
]