{% extends 'base.html' %}

{% block title %}Удалить тег: {{ object.name }}{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-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="lead">
                        Вы уверены, что хотите удалить тег <strong>"{{ object.name }}"</strong>?
                    </p>

                    {% if products_count > 0 or kits_count > 0 %}
                    <div class="alert alert-warning" role="alert">
                        <h6 class="alert-heading">
                            <i class="bi bi-exclamation-circle"></i> Внимание!
                        </h6>
                        <p class="mb-2">Этот тег используется в:</p>
                        <ul class="mb-0">
                            {% if products_count > 0 %}
                            <li><strong>{{ products_count }}</strong> товарах</li>
                            {% endif %}
                            {% if kits_count > 0 %}
                            <li><strong>{{ kits_count }}</strong> комплектах</li>
                            {% endif %}
                        </ul>
                        <hr>
                        <p class="mb-0 small">
                            При удалении тега он будет удален из всех связанных товаров и комплектов.
                        </p>
                    </div>
                    {% else %}
                    <div class="alert alert-info" role="alert">
                        <i class="bi bi-info-circle"></i> Этот тег не используется в товарах или комплектах.
                    </div>
                    {% endif %}

                    <form method="post">
                        {% csrf_token %}
                        <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4">
                            <a href="{% url 'products:tag-detail' object.pk %}" class="btn btn-secondary">
                                <i class="bi bi-x-circle"></i> Отмена
                            </a>
                            <button type="submit" class="btn btn-danger">
                                <i class="bi bi-trash"></i> Да, удалить тег
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Дополнительная информация -->
            <div class="card mt-3">
                <div class="card-body">
                    <h6 class="card-title">Информация о теге</h6>
                    <dl class="row mb-0 small">
                        <dt class="col-sm-4">Название:</dt>
                        <dd class="col-sm-8">{{ object.name }}</dd>

                        <dt class="col-sm-4">Slug:</dt>
                        <dd class="col-sm-8"><code>{{ object.slug }}</code></dd>

                        <dt class="col-sm-4">Создан:</dt>
                        <dd class="col-sm-8">{{ object.created_at|date:"d.m.Y H:i" }}</dd>

                        <dt class="col-sm-4">Обновлен:</dt>
                        <dd class="col-sm-8">{{ object.updated_at|date:"d.m.Y H:i" }}</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
