{% extends "layouts/auth.html" %}
{% block title %}Resend verification — IILMP{% endblock %}
{% block content %}

<div class="mb-7">
  <h1 class="font-display text-xl font-bold text-ruforum-text">Resend verification email</h1>
  <p class="mt-1 text-xs text-ruforum-text-muted">Enter the email you registered with and we'll send a fresh verification link.</p>
</div>

{% if sent %}
  <div class="flex items-start gap-2.5 rounded-lg border border-emerald-200 bg-emerald-50 px-3.5 py-3 text-xs text-emerald-800" role="status">
    <svg class="mt-0.5 h-3.5 w-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
    </svg>
    <span>If that email matches an unverified account, a new verification link is on its way. Check your inbox (and spam folder).</span>
  </div>
{% else %}
  <form method="post" action="{% url 'accounts:resend_verification' %}" class="space-y-4" novalidate>
    {% csrf_token %}
    <div>
      <label for="resend-email" class="field-label">Email</label>
      <input id="resend-email" type="email" name="email" required class="field-input" placeholder="you@example.com">
    </div>
    <div class="pt-1">
      <button type="submit" class="btn-primary w-full justify-center">Send verification link</button>
    </div>
  </form>
{% endif %}

<p class="mt-6 border-t border-ruforum-border pt-5 text-center text-xs text-ruforum-text-muted">
  <a href="{% url 'accounts:login' %}" class="font-medium text-ruforum-primary transition-colors hover:text-ruforum-primary-hover focus:outline-none focus:ring-1 focus:ring-ruforum-primary rounded">
    Back to sign in
  </a>
</p>

{% endblock %}