import React,{useState,useEffect} from 'react';
import { Form, Input, Button, Select,Card, Row, Col  } from 'antd';
import { AlertMessages } from '@gtpl/shared-utils/alert-messages';
import {  Link, useHistory } from "react-router-dom";
const { TextArea } = Input;

export interface RecruimentFormProps {
  isUpdate:boolean;
  closeForm: () => void;
}
export function RecruimentForm(props: RecruimentFormProps) {
  const [form] = Form.useForm();
  const history = useHistory();
  let createdUser="";
  if(!props.isUpdate)
  {
    createdUser= localStorage.getItem("createdUser");
  }
  const onReset=()=>{
    form.resetFields();
  }
  return (
    <Card title={<span style={{color:'white'}}>Expenses</span>}
        style={{textAlign:'center'}} headStyle={{backgroundColor: '#69c0ff', border: 0 }} extra={props.isUpdate==true?"":<Link to='/expenses-view' ><span style={{color:'white'}} ><Button className='panel_button' >View </Button> </span></Link>} >
    
    
          <Form form={form}          
           name="control-hooks"          
          layout="vertical"
          >
    
          <Form.Item name="expensesId" style={{display:"none"}} >
            <Input hidden/>
          </Form.Item>
          <Form.Item style={{display:"none"}} name="createdUser"  initialValue={createdUser}>
          <Input hidden/>
        </Form.Item>
        <Row>
            <Col xs={{span:24}} sm={{span:24}} md={{span:5,offset:1}} lg={{span:5,offset:1}} xl={{span:5,offset:1}} style={{margin:'1%'}}>
                  <Form.Item
                      name="Recruitment-mode "
                      label="Recruitment-mode"
                      rules={[
                        {
                            pattern: /^[^-\s\\0-9\[\]()!@#$^&_\-+/%=`~{}:";'<>,.?|][a-zA-Z ]$/                          
                        }
                      ]}>
                   </Form.Item>
            </Col>      
                  
               

            </Row>
            <Row>
            <Col span={24} style={{ textAlign: 'right' }}>
              
                <Button type="primary" htmlType="submit" >
                  Create
                </Button>
                {(props.isUpdate===false)
          }
                </Col>
              </Row>
          </Form>
        </Card>
      );
}

export default RecruimentForm;