{% extends 'backlogger/base_auth.html' %}

{% block title %}Log in — k-boris.tech{% endblock %}

{% block content %}
<div class="auth-card">
  <a class="auth-brand" href="/">k-boris.tech</a>
  <p class="auth-subtitle">Backlogger</p>

  {% if form.non_field_errors %}
    {% for error in form.non_field_errors %}
      {% if 'inactive' in error|lower or 'active' in error|lower %}
      <div class="error-banner">Your account is pending approval. You'll be able to log in once it's activated.</div>
      {% else %}
      <div class="error-banner">Invalid username or password.</div>
      {% endif %}
    {% endfor %}
  {% endif %}

  <form method="post">
    {% csrf_token %}
    <input type="hidden" name="next" value="{{ next }}">

    <div class="field">
      <label for="{{ form.username.id_for_label }}">Username</label>
      {{ form.username }}
      {{ form.username.errors }}
    </div>
    <div class="field">
      <label for="{{ form.password.id_for_label }}">Password</label>
      {{ form.password }}
      {{ form.password.errors }}
    </div>

    <button type="submit" class="btn btn-primary" style="width:100%;margin-top:0.5rem">Log in</button>
  </form>
  <p style="text-align:center;margin-top:1.25rem;font-size:0.83rem;color:#64748b;">
    No account? <a href="/accounts/signup/" style="color:#38bdf8;">Sign up</a>
  </p>
</div>
{% endblock %}