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

{% block title %}Supprimer un produit — Comptoir{% endblock %}

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

  <div class="mt-6 max-w-lg bg-white border border-ink/18 rounded-lg p-6">
    <p class="text-sm text-ink/80">Cette action est définitive.</p>

    <div class="mt-6 flex gap-3">
      <a href="{% url 'ecommerce_product_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_product_delete' pk=product.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 %}