{% extends "layouts/auth.html" %}
{% block title %}Account temporarily locked — IILMP{% endblock %}
{% block content %}
<div class="mx-auto max-w-md rounded-2xl border border-ruforum-border bg-white p-8 text-center shadow-sm">
  <div class="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-ruforum-primary/10">
    <svg class="h-6 w-6 text-ruforum-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2zm10-12V7a4 4 0 0 0-8 0v4h8z"/>
    </svg>
  </div>
  <h1 class="font-display text-xl font-bold text-ruforum-text">Account temporarily locked</h1>
  <p class="mt-3 text-sm text-ruforum-text-muted">
    Too many failed sign-in attempts. For your security, this account is locked for a short cooloff period.
    Please try again later, or contact your administrator if you believe this is an error.
  </p>
  <div class="mt-6 flex flex-col gap-2">
    <a href="{% url 'accounts:password_reset' %}" class="btn-secondary">Reset password</a>
    <a href="{% url 'accounts:login' %}" class="text-sm text-ruforum-text-muted underline">Back to sign in</a>
  </div>
</div>
{% endblock %}