{% extends "base.html" %}
{% block content %}
<div class="max-w-md mx-auto my-10 bg-white p-8 rounded-lg shadow-md">
  <div class="flex flex-col items-center justify-center">
    <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-4">
      <i class="fas fa-user-slash text-red-600 text-2xl"></i>
    </div>
    
    <h1 class="text-2xl font-bold text-gray-800 mb-2">Account Deleted</h1>
    
    <p class="text-gray-600 text-center mb-6">
      Your account has been successfully deleted. All your personal information has been removed from our system.
    </p>
    
    <div class="border-t border-gray-200 w-full pt-6 mt-2">
      <p class="text-gray-600 text-center mb-4">
        We're sorry to see you go. You can always create a new account if you wish to return.
      </p>
      
      <div class="flex justify-center">
        <a href="/" class="bg-irish-green hover:bg-opacity-90 text-white font-semibold py-2 px-4 rounded-md transition">
          Return to Homepage
        </a>
      </div>
    </div>
  </div>
</div>
{% endblock %}