{% extends "core/base.html" %}

{% block title %}Eliminar Usuario{% endblock %}

{% block content %}
<div class="container mt-5">
    <h1 class="text-center text-danger mb-4">¿Estás seguro de que deseas eliminar este usuario?</h1>
    <div class="card shadow-sm p-4">
        <p><strong>Nombre de Usuario:</strong> {{ usuario.username }}</p>
        <p><strong>Nombre:</strong> {{ usuario.first_name }} {{ usuario.last_name }}</p>
        <p><strong>Correo Electrónico:</strong> {{ usuario.email }}</p>
    </div>

    <form method="post" class="mt-4">
        {% csrf_token %}
        <div class="d-flex justify-content-between">
            <a href="{% url 'listar_usuarios' %}" class="btn btn-secondary">Cancelar</a>
            <button type="submit" class="btn btn-danger">Eliminar</button>
        </div>
    </form>
</div>
{% endblock %}