import { Form, Input } from 'antd'
import '../../styles/login.scss'
import Button from '../../components/Button'
import { useRouter } from '../../hooks/useRouter'

const ForGet = () => {

  const { push } = useRouter()

  return (
    <div className='login'>
      <div className='container'>
        <div className='row-center'>
          <img src={require('../../assets/login.jpg')} className='img' alt="" />
        </div>
        <div className='row-center'>
          <div style={{ maxWidth: 500, width: '100%', padding: '0 20px' }}>
            <Form>
              <Form.Item>
                <Input className='input' placeholder='邮箱' ></Input>
              </Form.Item>
              <Form.Item>
                <div style={{ position: 'relative' }}>
                  <Input className='input' placeholder='验证码'></Input>
                  <img src="https://trader.gmigldgodfx.com/get/captcha?cc=0.24735417863504017" className='verify-img' alt="" />
                </div>
              </Form.Item>
              <Form.Item>
                <Button>立即找回</Button>
              </Form.Item>
            </Form>
            <div onClick={() => push(-1)} className='tac tp'>已有账号，登录</div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default ForGet