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

{% block content %}
    <div class="content-inner">
        {% with messages = get_flashed_messages() %}
            {% if messages %}
                <div class="notification is-danger">
                    {{ messages[0] }}. Go to <a href="{{ url_for('main.login') }}">login page</a>.
                </div>
            {% endif %}
        {% endwith %}
        <form method="POST" action="/signup" class="login-form">
            <div class="field">
                <div class="control">
                    Email
                    <input class="input is-large" type="email" name="email" placeholder="Email" 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="/login">Login</a> instead!
        </p>
    </div>
{% endblock content %}