{% extends "layout.html" %}

{% block title %}
    Register
{% endblock %}

{% block main %}
    <form action="/register" method="post">
        <div class="form-group">
            <input autocomplete="off" autocomplete="off" autofocus class="form-control" name="username" placeholder="Username" type="text">
        </div>
        <br>
        <div class="form-group">
            <input class="form-control" autocomplete="off" name="password" placeholder="Password" type="password">
            <p class="footnote">* Password must be between 6-25 characters long and contain at least one number and one letter</p>
        </div>
        <div class="form-group">
            <input class="form-control" autocomplete="off" name="confirmation" placeholder="Confirm Password" type="password">
            <p class="footnote">* Your input must match the password above</p>
        </div>
        <button class="btn btn-success" type="submit">Register</button>
    </form>
    <br>
    <p>You already have an account? <a href="/login" class="link-success">Sign in!</a></p>
{% endblock %}