{% extends "admin_base.html" %}

{% block title %}Confirmer la suppression{% endblock %}

{% block content %}
<div class="delete-confirm-page">
    <div class="page-header">
        <h1>⚠️ Confirmer la suppression</h1>
    </div>

    <div class="confirm-content">
        <div class="warning-box">
            <p><strong>Attention !</strong> Vous êtes sur le point de supprimer cette entrée :</p>

            <div class="entry-preview">
                <dl class="details-list">
                    {% for key, value in entry %}
                    <dt>{{ key }}</dt>
                    <dd>{{ value }}</dd>
                    {% endfor %}
                </dl>
            </div>

            <p class="danger-text">Cette action est <strong>irréversible</strong>.</p>
        </div>

        <div class="actions">
            <a href="/{{ admin.config.prefix }}/{{ resource_key }}/{{ object_id }}" class="btn btn-secondary">← Annuler</a>
            <form method="post" action="/{{ admin.config.prefix }}/{{ resource_key }}/{{ object_id }}/delete" style="display: inline;">
                <button type="submit" class="btn btn-danger">🗑️ Oui, supprimer définitivement</button>
            </form>
        </div>
    </div>
</div>

<style>
.warning-box {
    background: #fff3cd;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.entry-preview {
    background: white;
    padding: 15px;
    border-radius: 4px;
    margin: 15px 0;
}

.danger-text {
    color: #dc3545;
    font-weight: bold;
    margin-top: 15px;
}

.actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-secondary {
    background: #6c757d;
    color: white;
}

.btn-danger {
    background: #dc3545;
    color: white;
}

.btn:hover {
    opacity: 0.9;
}
</style>
{% endblock %}