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

{% block title %} Login {% 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 %}
                Use default credentials: test / pass
                <br />
                OR <a href={{ url_for('base_blueprint.create_user') }} >create your own user</a>
              {% 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.password(placeholder="Password", class="form-control form-control-lg", type="password") }}
              </div>
              <div class="mt-3">
                <button type="submit" name="login" class="btn btn-block btn-gradient-primary btn-lg font-weight-medium auth-form-btn">Login</button>
              </div>
              <div class="my-2 d-flex justify-content-between align-items-center">
                <div class="form-check">
                  <label class="form-check-label text-muted">
                    <input type="checkbox" class="form-check-input"> Keep me signed in </label>
                </div>
                <a href="#" class="auth-link text-black">Forgot password?</a>
              </div>
              <div class="text-center mt-4 font-weight-light"> 
                <span>
                  Don't have an account? <a href={{ url_for('base_blueprint.create_user') }} class="text-primary">Create</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 %}