{% extends "base.html" %}

{% block content %}
<div class="row">
    <div class="col col-4 mx-auto">
      <form name="signup_form">
          <div class="card mb-auto">
            <div class="card-header">Create an account</div>
            <div class="card-body">
                <label class="form-check-label" for="firstName"> First Name</label>
                <input type="text" name="firstName" class="form-control" required>
                <br>
                <label class="form-check-label" for="lastName"> Last Name</label>
                <input type="text" name="lastName" class="form-control" required>
                <br>
                <label class="form-check-label" for="email"> Email</label>
                <input type="email" name="email" class="form-control" required>
                <br>
                <label class="form-check-label" for="password"> Password</label>
                <input type="password" name="password" class="form-control" required>
                <br>
                <div class="alert alert-danger mb-3 error error--hidden">Email already in use</div>  
            </div>
        <button type="submit" class="btn btn-primary text-center">Create Account</button>
      </form>
    </div>
  </div>    
{% endblock %}