{% extends "base.html" %}
{% load i18n %}

{% block head_title %}Check Your Email{% endblock %}

{% block content %}
<div class="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 flex items-center justify-center py-12 px-4">
  <div class="w-full max-w-md">

    <div class="bg-white rounded-2xl shadow-xl border border-slate-200 overflow-hidden">

      <div class="bg-gradient-to-r from-green-800 to-green-900 px-8 pt-8 pb-6 text-center">
        <div class="inline-flex items-center justify-center h-14 w-14 rounded-2xl bg-green-500/20 border border-green-500/30 mb-4">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-green-300" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
          </svg>
        </div>
        <h1 class="text-2xl font-bold text-white">Check Your Email</h1>
      </div>

      <div class="px-8 py-8 space-y-4 text-center">
        <p class="text-slate-600">
          We've sent a password reset link to your email address. Please check your inbox (and spam folder, just in case).
        </p>
        <p class="text-slate-500 text-sm">
          The link will expire in 24 hours.
        </p>
        <div class="pt-4">
          <a href="{% url 'account_login' %}"
             class="inline-flex items-center gap-2 text-indigo-600 hover:text-indigo-500 font-medium text-sm">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
              <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
            </svg>
            Back to Sign In
          </a>
        </div>
      </div>
    </div>

  </div>
</div>
{% endblock %}