{% extends "account/base_manage.html" %}
{% load allauth i18n %}
{% block head_title %}
    {% trans "Sign Out" %}
{% endblock head_title %}
{% block content %}
    <div class="w-full max-w-lg p-4">
        <div class="flex flex-col items-center space-y-6 text-center">
            <h1 class="text-2xl font-bold text-neutral-900">{% trans "Sign Out" %}</h1>
            <p class="text-sm text-neutral-600">{% trans "Are you sure you want to sign out?" %}</p>
            <form class="w-full mt-6 space-y-6"
                  method="post"
                  action="{% url 'account_logout' %}">
                {% csrf_token %}
                {{ redirect_field }}
                <button type="submit"
                        class="block w-full py-2 px-4 border border-neutral-600 text-neutral-600 hover:bg-neutral-600 hover:text-white font-medium shadow-sm focus:outline-none transition duration-150 ease-in-out">
                    {% trans "Sign Out" %}
                </button>
            </form>
            <div class="text-center mt-4">
                <a href="/"
                   class="text-sm font-medium text-neutral-600 hover:text-neutral-700 transition-colors">
                    {% trans "Cancel and Return to Homepage" %}
                </a>
            </div>
        </div>
    </div>
{% endblock content %}