{% extends "dashboard/base.html" %}

{% block title %}Supprimer une catégorie — Comptoir{% endblock %}

{% block content %}
  <h1 class="text-xl font-bold text-ink">Supprimer « {{ category.name }} »</h1>

  <div class="mt-6 max-w-lg bg-white border border-ink/18 rounded-lg p-6">
    {% if product_count %}
      <p class="text-sm text-ink/80">
        <strong>{{ product_count }}</strong> produit{{ product_count|pluralize }} {{ product_count|pluralize:"est,sont" }} rattaché{{ product_count|pluralize }} à cette catégorie{% if descendant_count %} ou à l'une de ses sous-catégories{% endif %}.
        {{ product_count|pluralize:"Il,Ils" }} ne {{ product_count|pluralize:"sera,seront" }} jamais supprimé{{ product_count|pluralize }} — {{ product_count|pluralize:"il perdra,ils perdront" }} seulement leur rattachement à cette catégorie.
      </p>
    {% else %}
      <p class="text-sm text-ink/80">Aucun produit n'est rattaché à cette catégorie.</p>
    {% endif %}

    {% if descendant_count %}
      <p class="mt-3 text-sm text-amber-700">
        Cette catégorie a <strong>{{ descendant_count }}</strong> sous-catégorie{{ descendant_count|pluralize }}, qui {{ descendant_count|pluralize:"sera,seront" }} supprimée{{ descendant_count|pluralize }} avec elle.
      </p>
    {% endif %}

    <div class="mt-6 flex gap-3">
      <a href="{% url 'ecommerce_category_list' %}" class="px-3 py-1.5 rounded-md border border-ink/18 text-ink text-xs font-semibold hover:bg-ink/5">
        Annuler
      </a>
      <form method="post" action="{% url 'ecommerce_category_delete' pk=category.pk %}">
        {% csrf_token %}
        <button type="submit" class="px-3 py-1.5 rounded-md bg-red-600 text-white text-xs font-semibold hover:bg-red-700">
          Supprimer
        </button>
      </form>
    </div>
  </div>
{% endblock %}