{% extends 'base.html' %}

{% block title %}Удалить группу вариантов{% endblock %}

{% block content %}
<div class="container px-4 py-3" style="max-width: 700px;">
    <div class="alert alert-danger alert-dismissible" role="alert">
        <h5 class="alert-heading">
            <i class="bi bi-exclamation-triangle me-2"></i>Удаление группы вариантов
        </h5>
        <p>
            Вы собираетесь удалить группу вариантов <strong>{{ object.name }}</strong>.
            Эта операция <strong>необратима</strong>.
        </p>

        <!-- Информация о группе -->
        <hr>
        <div class="mb-0">
            <p class="mb-2">
                <strong>Статус:</strong>
                {% if object.in_stock %}
                    <span class="badge bg-success"><i class="bi bi-check-circle"></i> В наличии</span>
                {% else %}
                    <span class="badge bg-danger"><i class="bi bi-x-circle"></i> Нет в наличии</span>
                {% endif %}
            </p>
            <p class="mb-0">
                <strong>Цена:</strong>
                {% if object.price %}
                    <span>{{ object.price }} руб.</span>
                {% else %}
                    <span class="text-muted">-</span>
                {% endif %}
            </p>
        </div>
    </div>

    {% if items %}
    <div class="card border-warning mb-3">
        <div class="card-body p-3">
            <h6 class="card-title mb-2">
                <i class="bi bi-info-circle me-1 text-warning"></i>
                Товары в группе ({{ items_count }}):
            </h6>
            <ul class="mb-0">
                {% for item in items %}
                <li>{{ item.product.name }} (приоритет {{ item.priority }})</li>
                {% endfor %}
            </ul>
        </div>
    </div>
    {% endif %}

    <form method="post" class="d-flex gap-2 mt-4">
        {% csrf_token %}
        <button type="submit" class="btn btn-danger">
            <i class="bi bi-trash me-1"></i>Удалить безвозвратно
        </button>
        <a href="{% url 'products:variantgroup-list' %}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Отмена
        </a>
    </form>
</div>
{% endblock %}
