{% extends 'authbase' %} 
{% block login %}
<h2>Sign In</h2>
<form action="{{ page.auth.login }}" method="POST" class="form" accept-charset="utf-8">
	{% include "error_comp" %}
  <label class="form__label" for="login">
    Username or Email
    <input 
        class="form__input"
        name="login"
        autofocus
        required
        id="login"
        type="text"
      {% if payload.username %}
          value={{ payload.username }}
      {% endif %}
    />
  </label>

  <label class="form__label" for="password">
    Password
    <input
      class="form__input"
      name="password"
      required
      id="password"
      type="password"
      {% if payload.password %}
          value={{ payload.password }}
      {% endif %}
    />
  </label>
  <div class="form__action-container">
    <a href="/forgot-password">Forgot password?</a>
    <button class="form__submit" type="submit">Login</button>
  </div>
</form>

<p class="form__alt-action">
  New to GitPad?
  <a href="{{ page.auth.register }}">Create an account </a>
</p>
{% include "demo_banner" %}
{% endblock %}