{% extends base_template %}
{% load static %}

{% block title %}Delete SOP{% if site_name %} | {{ site_name }}{% endif %}{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'sops/sops.css' %}">
{% endblock %}

{% block content %}
<meta name="robots" content="noindex, nofollow">

<div class="delete-wrap">
  <div class="delete-card">
    <div class="delete-icon">&#9888;</div>
    <h2>Delete SOP?</h2>
    <p>Permanently delete <strong>"{{ sop.title }}"</strong>? This cannot be undone.</p>
    <div class="delete-actions">
      <a href="{% url 'sops:detail' sop.slug %}" class="sop-btn sop-btn-ghost">Cancel</a>
      <form method="post" style="display:inline;">
        {% csrf_token %}
        <button type="submit" class="sop-btn sop-btn-delete">Delete</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}