{% extends 'base.html' %}

{% block content %}
<div class="max-w-lg mx-auto px-4 py-12">
  <div class="bg-white rounded-2xl shadow-sm border border-gray-200 p-8 text-center">
    <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-4">
      <i class="fas fa-trash text-red-600 text-xl"></i>
    </div>
    <h1 class="text-xl font-bold text-gray-900 mb-2">Delete Scan Profile</h1>
    <p class="text-gray-600 mb-6">
      Are you sure you want to delete <strong>{{ object.name }}</strong>?
      All scan runs and findings for this profile will be permanently deleted.
    </p>
    <form method="post">
      {% csrf_token %}
      <div class="flex justify-center gap-3">
        <button type="submit"
                class="px-6 py-2.5 bg-red-600 text-white rounded-lg hover:bg-red-700 font-medium">
          Delete
        </button>
        <a href="{% url 'netscan-dashboard' %}"
           class="px-6 py-2.5 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 font-medium">
          Cancel
        </a>
      </div>
    </form>
  </div>
</div>
{% endblock %}