{% extends 'base.html' %}

{% block title %}Подтверждение удаления заказа{% endblock %}

{% block content %}
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card mt-5">
                <div class="card-header bg-danger text-white">
                    <h4 class="mb-0">
                        <i class="bi bi-exclamation-triangle"></i> Подтверждение удаления
                    </h4>
                </div>
                <div class="card-body">
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-circle"></i>
                        <strong>Внимание!</strong> Вы собираетесь удалить заказ.
                    </div>

                    <h5>Заказ {{ order.order_number }}</h5>

                    <dl class="row mt-3">
                        <dt class="col-sm-4">Клиент:</dt>
                        <dd class="col-sm-8">{{ order.customer.name }}</dd>

                        <dt class="col-sm-4">Дата создания:</dt>
                        <dd class="col-sm-8">{{ order.created_at|date:"d.m.Y H:i" }}</dd>

                        <dt class="col-sm-4">Статус:</dt>
                        <dd class="col-sm-8">{{ order.get_status_display }}</dd>

                        <dt class="col-sm-4">Сумма заказа:</dt>
                        <dd class="col-sm-8"><strong>{{ order.total_amount }} руб.</strong></dd>

                        <dt class="col-sm-4">Товаров в заказе:</dt>
                        <dd class="col-sm-8">{{ order.items.count }}</dd>
                    </dl>

                    <div class="alert alert-danger mt-3">
                        <strong>Это действие нельзя отменить!</strong><br>
                        Будут удалены все связанные данные:
                        <ul class="mb-0 mt-2">
                            <li>Все позиции заказа ({{ order.items.count }} шт.)</li>
                            <li>История платежей ({{ order.payments.count }} записей)</li>
                            <li>История изменений заказа</li>
                        </ul>
                    </div>

                    <form method="post" class="mt-4">
                        {% csrf_token %}
                        <div class="d-flex justify-content-between">
                            <a href="{% url 'orders:order-detail' order.order_number %}" class="btn btn-secondary btn-lg">
                                <i class="bi bi-arrow-left"></i> Отмена
                            </a>
                            <button type="submit" class="btn btn-danger btn-lg">
                                <i class="bi bi-trash"></i> Да, удалить заказ
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
