{% extends "admin/components/input-forms.html" %}

{% block navbar %}
    <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">
        <div class="container">
            <a href="{{ url_for('admin._home') }}" class="navbar-brand mb-0 h1">RefTest | Admin</a>
        </div>
</nav>
{% endblock %}

{% block content %}
    <div class="form-container">
        <form name="form-register" class="form-display form-post" action="{{ url_for(request.endpoint, **request.view_args) }}" data-rel-success="{{ url_for('admin._login') }}">
            {% include "admin/components/server-alerts.html" %}
            <h2 class="form-heading">Register an Account</h2>
                {{ form.hidden_tag() }}
            <div class="form-label-group">
                {{ form.username(class_="form-control", autofocus=true, placeholder="Username") }}
                {{ form.username.label }}
            </div>
            <div class="form-label-group">
                {{ form.email(class_="form-control", placeholder="Email Address") }}
                {{ form.email.label }}
            </div>
            <div class="form-label-group">
                {{ form.password(class_="form-control", placeholder="Password") }}
                {{ form.password.label }}
            </div>
            <div class="form-label-group">
                {{ form.password_reenter(class_="form-control", placeholder="Password") }}
                {{ form.password_reenter.label }}
            </div>
            {% include "admin/components/client-alerts.html" %}
            <div class="container form-submission-button">
                <div class="row">
                    <div class="col text-center">
                        <button class="btn btn-md btn-success btn-block" type="submit">Register</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
{% endblock %}