import { DatePicker, Form, FormInstance, Input } from 'antd'
import TextArea from 'antd/lib/input/TextArea'
import moment from 'moment'
import { useParams } from 'react-router-dom'

export type ImpersonateType = {
  tenant_id: string
  reason: string
  expire_at: moment.Moment
}

export default function ImpersonateForm({ form }: { form: FormInstance }) {
  const { org_id } = useParams<{
    org_id: string
  }>()
  form.setFieldsValue({ tenant_id: org_id })
  form.setFieldsValue({ expire_at: moment().add(2, 'hours') })
  return (
    <>
      <Form.Item label="Tenant" name="tenant_id">
        <Input
          disabled={true}
          style={{ color: 'black' }}
          bordered={false}
        ></Input>
      </Form.Item>
      <Form.Item label="Reason" name="reason" required={true}>
        <TextArea></TextArea>
      </Form.Item>
      <Form.Item label="Expire At" name="expire_at">
        <DatePicker showTime={true}></DatePicker>
      </Form.Item>
    </>
  )
}