import { NextPage } from "next";
import { Button, Col, Container, Form, Row } from "react-bootstrap";


const Login: NextPage = () => {
  return (
    <>
      <Container className="my-5 px-4 py-5">
        <Row className="p-4 pt-lg-5 align-items-center rounded-3 border shadow-lg">
          <Col lg="7">
            <h1 className="display-4 fw-bold lh-1">登录</h1>
            <p className="lead">智慧养老综合服务平台</p>
          </Col>
          <Col md="10" lg="5">
            <Form className="p-4 p-md-5 border rounded-3">
              <Form.Group className="mb-3" controlId="loginUsername">
                <Form.Label>用户名</Form.Label>
                <Form.Control type="text" placeholder="Enter Username"></Form.Control>
              </Form.Group>

              <Form.Group className="mb-3" controlId="loginPassword">
                <Form.Label>密码</Form.Label>
                <Form.Control type="password" placeholder="Enter password"></Form.Control>
              </Form.Group>

              <Form.Group className="mb-3" controlId="loginRemember">
                <Form.Check type="radio" label="记住我" />
              </Form.Group>
              <Button variant="primary" type="submit" size="lg">登录</Button>
            </Form>
          </Col>
        </Row>
      </Container>
    </>
  );
};

export default Login;