{% extends "base.html" %}

{% block title %}Login{% endblock %}

{% block body %}

<!-- .auth -->
<main class="auth">
  <header id="auth-header" class="auth-header">
    <h1><img src="/assets/images/logo-yellow.png" height="100px"></h1>
    <br>
  </header><!-- form -->
  <form class="auth-form" action="/login/create" method="post">

    {% for message in flash_messages %}
        <div class="alert alert-{{ message.type }} alert-dismissible fade show">
          <button type="button" class="close" data-dismiss="alert">×</button>  {{ message.body }}
        </div>
    {% endfor %}

    <!-- .form-group -->
    <div class="form-group">
      <div class="form-label-group">
        <input type="email" id="inputEmail" name="email" class="form-control" placeholder="Email" autofocus value="{{ email }}"> <label for="inputEmail">Email</label>
      </div>
    </div><!-- /.form-group -->
    <!-- .form-group -->
    <div class="form-group">
      <div class="form-label-group">
        <input type="password" id="inputPassword" name="password" class="form-control" placeholder="Password"> <label for="inputPassword">Password</label>
      </div>
    </div><!-- /.form-group -->
    <!-- .form-group -->
    <div class="form-group">
      <button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
    </div><!-- /.form-group -->
    <!-- .form-group -->
    <div class="form-group text-center">
      <div class="custom-control custom-control-inline custom-checkbox">
        <input type="checkbox" class="custom-control-input" id="remember-me" name="remember_me" {% if remember_me %} checked="checked"{% endif %} > <label class="custom-control-label" for="remember-me">Remember me</label>
      </div>
    </div><!-- /.form-group -->
  </form><!-- /.auth-form -->
  <!-- copyright -->
  <footer class="auth-footer"> © <a href="http://docutents.com" target="_blank">docutents.com</a> {{ year }}
  </footer>
</main><!-- /.auth -->

{% endblock %}