<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="../../css/login.css" />
    <title>Register</title>
  </head>
  <body>
    <nav class="navbar navbar-dark bg-dark">
      <div class="container-fluid">
        <a class="navbar-brand" href="/"><strong>US HOME</strong></a>
        <form class="d-flex" method="GET" action="/login">
          <input class="form-control me-2" type="hidden" />
          <button class="btn btn-primary" type="submit">LOG IN</button>
        </form>
      </div>
    </nav>
    <div class="container">
      <h1>CBEIM - CADASTRO</h1>
      <form
        class="validated-form"
        action="/register"
        method="POST"
        id="register_form"
        novalidate
      >
        <div>
          <label for="username">Username</label><br />
          <input
            class="form-control"
            type="text"
            name="username"
            id="username"
            placeholder="username"
            autofocus
            required
          />
          <div class="valid-feedback">Looks Good!</div>
        </div>

        <div>
          <label class="form-label" for="email">Email</label><br />
          <input
            class="form-control"
            type="email"
            name="email"
            id="email"
            placeholder="email"
            required
          />
          <div class="valid-feedback">Looks Good!</div>
        </div>

        <div>
          <label for="password">Password</label><br />
          <input
            class="form-control"
            type="password"
            name="password"
            id="password"
            placeholder="password"
            required
          />
        </div>
        <br />
        <button type="submit" class="btn btn-lg btn-warning">ENVIAR</button>
        <script
          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
          integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
          crossorigin="anonymous"
        ></script>
      </form>
    </div>
  </body>
</html>
