{% extends 'layouts/index.html' %}

{% block content %}
    {% with messages = get_flashed_messages() %}
        {% if messages %}
            <span class="error-message">
                    {{ messages[0] }}. Go to <a href="{{ url_for('main.login') }}">login page</a>.
                </span>
        {% endif %}
    {% endwith %}

    <form method="POST" action="{{ url_for('auth.signup_post') }}" class="login-form">
        <div class="field">
            <div class="control">
                Username
                <input class="input is-large" type="text" name="username" placeholder="Username" autofocus>
            </div>
        </div>

        <div class="field">
            <div class="control">
                Name
                <input class="input is-large" type="text" name="name" placeholder="Name" autofocus>
            </div>
        </div>

        <div class="field">
            <div class="control">
                Password
                <input class="input is-large" type="password" name="password" placeholder="Password">
            </div>
        </div>
        <button>Sign Up</button>
    </form>

    <p class="form-subtext">
        Already have a login? <a href="{{ url_for('main.login') }}">Login</a> instead!
    </p>
{% endblock content %}