import React, { useState, useEffect, useCallback } from 'react';
import PropTypes from 'prop-types';
import getCustomHeader from '@/components/token-header';
import { ajax } from '@/utils';
import { Table, Dialog, Form, Input, Checkbox, Message } from '@alifd/next';
import styles from './index.module.scss';

const Login = () => {
  return (
    <div className={styles.loginBox}>
      <div className={styles.login}>
        <div className={styles.titleBox}>登录</div>
        <div className={styles.inputBox}>
          <Form labelAlign="inset">
            <Form.Item label="邮箱:">
              <Input id="email" name="email" />
            </Form.Item>
            <Form.Item label="密码:">
              <Input htmlType="password" id="password" name="password" />
            </Form.Item>
            <Form.Submit
              type="primary"
              style={{ width: '100%' }}
              onClick={async successData => {
                const result = await ajax({
                  api: 'login',
                  method: 'post',
                  type: 'json',
                  data: JSON.stringify({ ...successData }),
                  contentType: 'application/json',
                  headers: getCustomHeader()
                });
                if (result.success) {
                  const href = result.result.redirectURL || '/';
                  location.href = href;
                } else {
                  Message.error(result.message);
                }
              }}
            >
              用户登录
            </Form.Submit>
          </Form>
        </div>
        <div className={styles.edterprise}>
          <a href="/enterprise/editEnterprise">企业入驻</a>
          <a href="/enterprise/approveEnterprise">企业审核</a>
        </div>
      </div>
    </div>
  );
};

export default Login;