{% extends "django_meta_whatsapp/base.html" %}
{% block title %}Delete Product{% endblock %}
{% block page_title %}Delete Product{% endblock %}
{% block content %}
<div class="max-w-md bg-white rounded-xl border border-gray-100 shadow-sm p-6 text-center">
  <div class="w-12 h-12 bg-red-100 text-red-600 rounded-full flex items-center justify-center mx-auto mb-4">
    <i data-lucide="alert-triangle" class="w-6 h-6"></i>
  </div>
  <h2 class="text-xl font-semibold text-gray-900 mb-2">Delete {{ object.name }}?</h2>
  <p class="text-gray-500 mb-6 text-sm">
    Are you sure you want to delete this product? This will remove the local record, but it will not affect the product in your Meta Catalog.
  </p>
  
  <form method="post" class="flex gap-3 justify-center">
    {% csrf_token %}
    <a href="{% url 'django_meta_whatsapp:catalog_list' %}" class="px-4 py-2 border border-gray-200 text-gray-700 rounded-lg hover:bg-gray-50 font-medium transition-colors">
      Cancel
    </a>
    <button type="submit" class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg font-medium shadow-sm transition-colors">
      Delete Product
    </button>
  </form>
</div>
{% endblock %}