{% extends "layouts/auth/base.html" %}
{% from "components.html" import button, feedback, form_field %}
{% from "components/branding.html" import wordmark %}

{% block title %}Sign in · REFRNCR{% endblock %}

{% block auth_logo %}
  <img class="auth-loader" src="{{ url_for('static', filename='images/refrncr-loader.svg') }}" alt="" width="100" height="100">
  {{ wordmark(current_theme_preference|default('system', true), 'auth-wordmark', 200, 52) }}
{% endblock %}

{% block auth_content %}
  <h1 id='auth-title'>Sign in to your account</h1>
  {{ feedback(error, id="login-error", focus=true) }}
  <form class='login-form' method='post' action='{{ url_for("login") }}' autocomplete='on' data-form-type='login' novalidate>
    {{ form_field(
      "Email address",
      "email",
      "login-email",
      type="email",
      autocomplete="username",
      shield=false,
      semantic_type="username",
      value=email|default(none),
      required=true,
      error=field_errors.email if field_errors else none,
      error_id="login-error" if error and not field_errors else none
    ) }}
    {{ form_field(
      "Password",
      "password",
      "login-password",
      type="password",
      autocomplete="current-password",
      shield=false,
      semantic_type="password",
      required=true,
      password_toggle=true,
      error=field_errors.password if field_errors else none,
      error_id="login-error" if error and not field_errors else none
    ) }}
    <input type='hidden' name='next' value='{{ next_target|default("/") }}'>
    <input type='hidden' name='csrf_token' value='{{ csrf_token }}'>
    {{ button("Sign in", button_type="submit") }}
  </form>
{% endblock %}