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

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

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

    <div class="content-wrapper d-flex align-items-center auth">
      <div class="row flex-grow">
        <div class="col-lg-4 mx-auto">
          <div class="auth-form-light text-left p-5">
            <div class="brand-logo">
              <img src="/static/assets/images/logo.svg">
            </div>

              <h4>

                {% if msg %}
                  {{ msg | safe }}
                {% else %}
                  Complete your credentials 
                  <br />
                  OR <a href={{ url_for('base_blueprint.login') }}>authenticate</a> using an existing account.
                {% endif %}  

              </h4>  
              
              <form role="form" method="post" action="" class="pt-3">
                
                {{ form.hidden_tag() }} 

              <div class="form-group">
                {{ form.username(placeholder="Username", class="form-control form-control-lg") }}
              </div>
              
              <div class="form-group">
                {{ form.email(placeholder="Email", class="form-control form-control-lg") }}
              </div>

              <div class="form-group">
                {{ form.password(placeholder="Password", class="form-control form-control-lg", type="password") }}
              </div>

              <div class="mb-4">
                <div class="form-check">
                  <label class="form-check-label text-muted">
                    <input type="checkbox" class="form-check-input"> I agree to all Terms & Conditions </label>
                </div>
              </div>
              <div class="mt-3">
                <button type="submit" name="register" class="btn btn-block btn-gradient-primary btn-lg font-weight-medium auth-form-btn">Login</button>
              </div>
              <div class="text-center mt-4 font-weight-light"> 
                <span>
                  Already have an account? <a href={{ url_for('base_blueprint.login') }} class="text-primary">Login</a>
                </span>

                <br /><br />
                <span>
                  <a href="https://appseed.us/admin-dashboards/flask-dashboard-purpleadmin" >Flask Dashboard Purple Admin</a> - coded by AppSeed.
                </span>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}{% endblock javascripts %}