{% extends 'base.html' %}

{% block title %}Удалить единицу продажи{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-lg-6">
            <div class="card border-danger">
                <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">
                    <p class="mb-3">Вы действительно хотите удалить единицу продажи?</p>

                    <div class="alert alert-info">
                        <h6 class="alert-heading">Информация об единице:</h6>
                        <dl class="row mb-0">
                            <dt class="col-sm-4">Товар:</dt>
                            <dd class="col-sm-8">{{ sales_unit.product.name }}</dd>

                            <dt class="col-sm-4">Название:</dt>
                            <dd class="col-sm-8">{{ sales_unit.name }}</dd>

                            <dt class="col-sm-4">Коэффициент:</dt>
                            <dd class="col-sm-8">{{ sales_unit.conversion_factor }}</dd>

                            <dt class="col-sm-4">Цена:</dt>
                            <dd class="col-sm-8">
                                {% if sales_unit.sale_price %}
                                    <span class="text-decoration-line-through text-muted">{{ sales_unit.price }}</span>
                                    <span class="text-danger fw-bold">{{ sales_unit.sale_price }}</span>
                                {% else %}
                                    {{ sales_unit.price }}
                                {% endif %}
                                руб.
                            </dd>
                        </dl>
                    </div>

                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-circle"></i> <strong>Внимание!</strong> Это действие нельзя отменить.
                    </div>

                    <form method="post" class="d-flex gap-2">
                        {% csrf_token %}
                        <button type="submit" class="btn btn-danger">
                            <i class="bi bi-trash"></i> Да, удалить
                        </button>
                        <a href="{% url 'products:sales-unit-list' %}" class="btn btn-secondary">
                            <i class="bi bi-x-circle"></i> Отменить
                        </a>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
