{% extends 'inventory/base_inventory_minimal.html' %}
{% load inventory_filters %}

{% block inventory_title %}Отмена продажи{% endblock %}
{% block breadcrumb_current %}Продажи{% endblock %}

{% block inventory_content %}
<div class="card border-danger">
    <div class="card-header bg-danger text-white">
        <h4 class="mb-0">Подтверждение отмены продажи</h4>
    </div>

    <div class="card-body">
        <div class="alert alert-warning">
            <i class="bi bi-exclamation-triangle"></i>
            <strong>Внимание!</strong> Вы собираетесь отменить продажу.
        </div>

        <p class="text-muted">
            Это действие удалит запись о продаже и может повлиять на остатки товара на складе.
        </p>

        <div class="alert alert-info">
            <h5>Информация о продаже:</h5>
            <ul class="mb-0">
                <li><strong>Товар:</strong> {{ sale.product.name }}</li>
                <li><strong>Склад:</strong> {{ sale.warehouse.name }}</li>
                <li><strong>Количество:</strong> {{ sale.quantity|smart_quantity }} шт</li>
                <li><strong>Цена продажи:</strong> {{ sale.sale_price }} руб.</li>
                <li><strong>Статус:</strong>
                    {% if sale.processed %}
                        Обработана
                    {% else %}
                        Ожидает обработки
                    {% endif %}
                </li>
                {% if sale.document_number %}
                <li><strong>Номер документа:</strong> {{ sale.document_number }}</li>
                {% endif %}
            </ul>
        </div>

        <form method="post" class="mt-4">
            {% csrf_token %}

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-danger">
                    <i class="bi bi-trash"></i> Подтвердить отмену
                </button>
                <a href="{% url 'inventory:sale-list' %}" class="btn btn-secondary">
                    <i class="bi bi-x-circle"></i> Вернуться
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}
