{% extends 'base.html' %}

{% block title %}Confirm Delete Client -RuralPointADVANCE{% endblock %}

{% block content %}
<div class="min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
    <div class="sm:mx-auto sm:w-full sm:max-w-md">
        <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
            <div class="text-center">
                <i class="fas fa-exclamation-triangle text-red-500 text-4xl mb-4"></i>
                <h2 class="text-lg font-medium text-gray-900 mb-4">
                    Client Action Options
                </h2>
                <p class="text-sm text-gray-600 mb-6">
                    Choose an action for <strong>{{ client.get_full_name }}</strong>:
                </p>
                
                <div class="bg-gray-50 p-4 rounded-md mb-6">
                    <h3 class="text-sm font-medium text-gray-900 mb-2">Client Details</h3>
                    <div class="text-sm text-gray-600">
                        <p><strong>Name:</strong> {{ client.get_full_name }}</p>
                        <p><strong>Email:</strong> {{ client.email }}</p>
                        <p><strong>Phone:</strong> {{ client.phone_number }}</p>
                        <p><strong>Status:</strong> <span class="text-green-600">{{ client.get_status_display }}</span></p>
                    </div>
                </div>
                
                <div class="space-y-4">
                    <!-- Blacklist Option -->
                    <div class="bg-yellow-50 border border-yellow-200 rounded-md p-4">
                        <h3 class="text-sm font-medium text-yellow-800 mb-2">
                            <i class="fas fa-ban text-yellow-600 mr-2"></i>
                            Blacklist Client
                        </h3>
                        <p class="text-sm text-yellow-700 mb-3">
                            Mark the client as blacklisted. They will no longer be able to access the system, but their data will be preserved for audit purposes.
                        </p>
                        <form method="post" class="inline">
                            {% csrf_token %}
                            <input type="hidden" name="action" value="blacklist">
                            <button type="submit" 
                                    class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-yellow-600 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500">
                                <i class="fas fa-ban mr-2"></i>
                                Blacklist Client
                            </button>
                        </form>
                    </div>
                    
                    <!-- Permanent Delete Option -->
                    <div class="bg-red-50 border border-red-200 rounded-md p-4">
                        <h3 class="text-sm font-medium text-red-800 mb-2">
                            <i class="fas fa-trash-alt text-red-600 mr-2"></i>
                            Permanently Delete Client
                        </h3>
                        <p class="text-sm text-red-700 mb-3">
                            <strong class="font-semibold">⚠️ WARNING:</strong> This action will permanently delete the client and all their associated data. This action cannot be undone.
                        </p>
                        <form method="post" class="inline">
                            {% csrf_token %}
                            <input type="hidden" name="action" value="delete">
                            <button type="submit" 
                                    class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"
                                    onclick="return confirm('Are you absolutely sure you want to permanently delete this client? This action cannot be undone.')">
                                <i class="fas fa-trash-alt mr-2"></i>
                                Permanently Delete
                            </button>
                        </form>
                    </div>
                    
                    <!-- Cancel Button -->
                    <div class="text-center pt-4">
                        <a href="{% url 'users:client_list' %}" 
                           class="inline-flex justify-center py-2 px-4 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">
                            <i class="fas fa-times mr-2"></i>
                            Cancel
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}