email_confirm.html

{% extends "base.html" %}

{% load i18n %}

{% block title %}Confirm Email Address{% endblock %}

{% block content %}
    <div class="max-w-md mx-auto">
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8 text-center">
            <h2 class="text-2xl font-bold text-gray-900 mb-4">Confirm Email Address</h2>

            {% if confirmation %}
                <p class="text-gray-600 mb-6">
                    Please confirm that <strong class="text-gray-900">{{ confirmation.email_address.email }}</strong>
                    is an email address for user <strong class="text-gray-900">{{ confirmation.email_address.user }}</strong>.
                </p>

                <form method="POST" action="{% url 'account_confirm_email' confirmation.key %}">
                    {% csrf_token %}
                    <button type="submit" class="w-full py-2.5 px-4 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
                        Confirm
                    </button>
                </form>
            {% else %}
                <div class="p-4 bg-red-50 border border-red-200 rounded-md text-red-700">
                    <p class="mb-2">This email confirmation link has expired or is invalid.</p>
                    <a href="{% url 'account_email' %}" class="text-blue-600 hover:text-blue-800 font-medium">Request a new confirmation email</a>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}