{% extends "base.html" %}
{% load static i18n %}

{% block title %}{% translate "Supprimer la zone de gestion" %} {{ zone.code }} | {{ product_name }}{% endblock %}

{% block content %}
<div class="container py-5" style="max-width: 600px;">
    <div class="card shadow border-danger">
        <div class="card-header bg-danger text-white py-3">
            <h5 class="card-title mb-0">
                <i class="bi bi-exclamation-triangle-fill me-2"></i>{% translate "Confirmer la suppression" %}
            </h5>
        </div>
        <div class="card-body p-4">
            <p>{% translate "Êtes-vous certain de vouloir supprimer définitivement la zone de gestion suivante ?" %}</p>
            <div class="alert alert-light border">
                <h6 class="fw-bold mb-1">{{ zone.code }} - {{ zone.get_name }}</h6>
                <div class="small text-muted">{{ zone.thematic.name }} {% if zone.zone_type %}| {{ zone.zone_type.get_name }}{% endif %}</div>
            </div>
            <p class="text-danger small">
                <i class="bi bi-info-circle me-1"></i>{% translate "Cette action est irréversible. Les documents et associations liés à cette zone seront supprimés." %}
            </p>

            <form method="post" action="{% url 'assets:management_zone_delete' zone.pk %}">
                {% csrf_token %}
                <div class="d-flex justify-content-end gap-2 mt-4">
                    <a href="{% url 'assets:management_zone_detail' zone.pk %}" class="btn btn-outline-secondary">
                        {% translate "Annuler" %}
                    </a>
                    <button type="submit" class="btn btn-danger">
                        <i class="bi bi-trash me-1"></i>{% translate "Supprimer définitivement" %}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock content %}