{% extends "base-site-fullscreen.html" %}

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

{% block content %}

    <section class="widget login-widget">
        <header class="text-align-center">
            <h4>
                {% if msg %}
                    {{ msg | safe }}
                {% else %}
                    Sign In
                {% endif %}    
            </h4>
        </header>
        <div class="body">

            <form role="form" method="post" action="">

                {{ form.hidden_tag() }} 

                <fieldset>

                    <div class="form-group">
                        <label for="username" >Username</label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-user"></i>
                            </span>
                            {{ form.username(placeholder="Username", class="form-control input-lg input-transparent") }}
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="email" >Email</label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-envelope"></i>
                            </span>
                            {{ form.email(placeholder="Email", class="form-control input-lg input-transparent") }}
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="password" >Password</label>

                        <div class="input-group input-group-lg">
                            <span class="input-group-addon">
                                <i class="fa fa-lock"></i>
                            </span>
                            {{ form.password(placeholder="Password", class="form-control input-lg input-transparent", type="password") }}
                        </div>
                    </div>
                </fieldset>
                <div class="form-actions">
                    <button type="submit" name="register" class="btn btn-block btn-lg btn-danger">
                        <span class="small-circle"><i class="fa fa-caret-right"></i></span>
                        <small>Register</small>
                    </button>
                    <a class="forgot" href={{ url_for('base_blueprint.login') }} >Have an account? Login</a>
                </div>
            </form>
        </div>
        <footer>
            <div class="facebook-login">
                <a href="https://appseed.us/admin-dashboards/flask-dashboard-light-blue">
                    <span><i class="fa fa-rocket fa-lg"></i> Flask Dashboard Light Blue </span></a>
            </div>
        </footer>
    </section>

{% endblock content %}