{% extends "base.html" %}
{% block title %}Sign Up{% endblock %}
{% block content %}
  <div class="center-container">
    <div class="form-container">
      <div class="item-title-bar">
        <h2>Create an Account</h2>
      </div>
      <form method="post" action="{{ url_for('signup') }}">
        <label for="firstname">First Name:</label>
        <input type="text" name="firstname" id="firstname" required>
        <br>
        <label for="lastname">Last Name:</label>
        <input type="text" name="lastname" id="lastname" required>
        <br>
        <label for="email">Email:</label>
        <input type="email" name="email" id="email" required>
        <br>
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" required>
        <br>
        <label for="password">Password:</label>
        <input type="password" name="password" id="password" required>
        <br>
        <label for="confirm_password">Confirm Password:</label>
        <input type="password" name="confirm_password" id="confirm_password" required>
        <br>
        <button type="submit">Sign Up</button>
      </form>
    </div>
  </div>
{% endblock %}