{% extends "base.html" %}

{% block fullbody %}
<div class="ui centered grid container">
<div class="eight wide column" style="font-size: 1.14285714rem;">

<h1>Login via Internet Archive</h1>

{% if current_user.is_authenticated %}
  <div class="ui negative message">
    <div class="header">You are already logged in!</div>
    <p>You should logout first. Re-authenticating would be undefined behavior.
  </div>
{% else %}

  <p>Use your <a href="https://archive.org">archive.org</a> username (or email)
  and password to log in to Fatcat.

  <form class="" role="login" action="/auth/ia/login" method="post">
    <div class="ui form">
      <div class="ui left icon input large fluid">
        <i class="user icon"></i>
        <input type="email" placeholder="user@domain.tdl..." name="email" {% if email %}value="{{ email }}"{% endif %} aria-label="email for login">
      </div>
      <br>
      <div class="ui left icon input large fluid">
        <i class="lock icon"></i>
        <input type="password" placeholder="Password" name="password" aria-label="internet archive password">
      </div>
      <br>
      <input type="submit" value="Sign In" class="ui primary large button fluid"></input>
    </div>
  </form>
{% endif %}

</div>
</div>

{% endblock %}