<!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">
    <title>TeleMedico</title>
    <link rel="stylesheet" href="/css/register.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

</head>
<body class="d-flex flex-column vh-100 log-body">
  <div class="back-btn">
    <form>
      <input type="button" value="Go back!" onclick="history.back()">
     </form>
  </div> 
    <div class="login-box">
        <h2>Sign Up</h2>
        <form action="/signup" method="POST" class="form">
          <div class="user-box">
            <input class="input" type="text" id="" required="" name="username">
            <label class="label" for="">Username</label>
          </div>
          <div class="user-box">
            <input class="input" type="email" id="" required="" name="email">
            <label class="label" for="">Email</label>
          </div>
          <div class="user-box">
            <input class="input" type="number" id="" required="" name="age">
            <label class="label" for="">Age</label>
          </div>
          <!-- /.user-box -->
          <div class="user-box">
            <input class="input" type="password" id="" required="" name="password">
            <label class="label" for="">Password</label>
          </div>
          <div class="user-box">
            <input class="input" type="password" id="" required="" name="confirmpassword">
            <label class="label" for="">Confirm Password</label>
          </div>
          <!-- /.user-box -->
          <button type="submit" value="signup">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <p>Sign Up</p>
          </button>
        </form>
        <hr>
        <p>Already have an account <a href="/login/patient">Log In</a></p>
        <!-- /form -->
    </div>
    <!-- /.login-box -->
    <script src="/js/app.js"></script>
    <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>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
</body>
</html>