<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1252">
  </head>
  <body>{% include 'head.html' %}
    <link rel="stylesheet" href="/static/form.css">
    {% include 'navbar.html' %}
    <div class="container">
      <div class="mt-5 d-flex justify-content-center h-100">
        <div class="card">
          <div class="card-header">
            <h4>A place to learn Game Design in Virtual Reality and other mediums.</h4>
          </div>
          <div class="card-body">
            <form id="user-form">
              <div class="input-group form-group">
                <div class="input-group-prepend"> <span class="input-group-text"><i

                      class="fas fa-user"></i></span> </div>
                <input id="name" class="form-control" name="username" placeholder="Username"

                  type="text"> </div>
              <div class="input-group form-group">
                <div class="input-group-prepend"> <span class="input-group-text"><i

                      class="fas fa-key"></i></span> </div>
                <input id="password" class="form-control" name="password" placeholder="Password"

                  type="password"> </div>
              <div class="input-group form-group">
                <div class="input-group-prepend"> <span class="input-group-text"><i

                      class="fas fa-key"></i></span> </div>
                <input id="fname" class="form-control" name="firstname" placeholder="First Name"

                  type="text"> </div>
              <div class="input-group form-group">
                <div class="input-group-prepend"> <span class="input-group-text"><i

                      class="fas fa-key"></i></span> </div>
                <input id="lname" class="form-control" name="lastname" placeholder="Last Name"

                  type="text"> </div>
              <div class="input-group form-group">
                <div class="input-group-prepend"> <span class="input-group-text"><i

                      class="fas fa-key"></i></span> </div>
                <input id="email" class="form-control" name="email" placeholder="Your@Email.com"

                  type="text"> </div>
              <div class="form-group"> <button type="submit" disabled="disabled"

                  style="display: none" aria-hidden="true"> </button> </div>
            </form>
            <button onclick="submitForm()" class="btn float-right login_btn">
              Submit </button> </div>
          <div class="card-footer"> {% if code == "0" %}
            <div class="d-flex justify-content-center links mb-2" style="color: darkgreen;">
              Success! </div>
            {% endif %}
            <!-- more content options
					<div class="d-flex justify-content-center links">						<a class="btn btn-block btn-primary text-uppercase" href="/contact"></a>					</div>                    -->
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
