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

<div class="mb-7">
  <h1 class="font-display text-xl font-bold text-ruforum-text">Sign in</h1>
  <p class="mt-1 text-xs text-ruforum-text-muted">Access your IILMP workspace</p>
</div>

{% if request.GET.reason == 'idle' %}
  <div class="mb-4 flex items-start gap-2.5 rounded-lg border border-amber-200 bg-amber-50 px-3.5 py-3 text-xs text-amber-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="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
    </svg>
    <span>You were signed out after a period of inactivity. Please sign in again.</span>
  </div>
{% endif %}

<form method="post" action="{% url 'accounts:login' %}" class="space-y-4" novalidate>
  {% csrf_token %}
  {% if next %}<input type="hidden" name="next" value="{{ next }}">{% endif %}

  {% if form.non_field_errors %}
    <div class="flex items-start gap-2.5 rounded-lg border border-red-200 bg-red-50 px-3.5 py-3 text-xs text-red-700" role="alert">
      <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="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"/>
      </svg>
      <span>{{ form.non_field_errors }}</span>
    </div>
  {% endif %}

  {% for field in form %}
    {% include "components/forms/field.html" with field=field %}
  {% endfor %}

  <div class="flex items-center justify-between gap-3">
    <a href="{% url 'accounts:resend_verification' %}" class="font-meta text-xs font-medium text-ruforum-text-muted transition-colors hover:text-ruforum-primary focus:outline-none focus:ring-1 focus:ring-ruforum-primary rounded">
      Resend verification email
    </a>
    <a href="{% url 'accounts:password_reset' %}" class="font-meta text-xs font-medium text-ruforum-primary transition-colors hover:text-ruforum-primary-hover focus:outline-none focus:ring-1 focus:ring-ruforum-primary rounded">
      Forgot password?
    </a>
  </div>

  <div class="pt-1">
    <button type="submit" class="btn-primary w-full justify-center">
      Sign in
      <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"/>
      </svg>
    </button>
  </div>
</form>

<p class="mt-6 border-t border-ruforum-border pt-5 text-center text-xs text-ruforum-text-muted">
  No account?
  <a href="{% url 'accounts:register' %}" class="font-medium text-ruforum-primary transition-colors hover:text-ruforum-primary-hover focus:outline-none focus:ring-1 focus:ring-ruforum-primary rounded">
    Register here
  </a>
</p>

<div class="mt-5 border-t border-ruforum-border pt-5">
  <p class="mb-3 text-center text-xs font-medium text-ruforum-text-muted">Just browsing?</p>
  <a href="{% url 'rims_grants:call_list' %}"
     class="btn-secondary w-full justify-center">
    <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/>
    </svg>
    View open opportunities
  </a>
</div>

{% endblock %}