{% extends 'invoices/base.html' %}
{% block title %}Delete Invoice{% endblock %}
{% block page_title %}Delete Invoice{% endblock %}
{% block content %}
<div style="max-width:480px;">
<div class="card">
  <div class="card-body" style="text-align:center;padding:48px 32px;">
    <div style="font-size:48px;margin-bottom:16px;">🗑️</div>
    <h2 style="font-size:20px;margin-bottom:8px;">Delete Invoice?</h2>
    <p style="color:var(--muted);margin-bottom:24px;">Are you sure you want to delete <strong>Invoice #{{ invoice.invoice_number }}</strong>? This action cannot be undone.</p>
    <form method="post" style="display:flex;gap:12px;justify-content:center;">
      {% csrf_token %}
      <a href="{% url 'invoices:dashboard' %}" class="btn btn-outline">Cancel</a>
      <button type="submit" class="btn btn-danger">Yes, Delete</button>
    </form>
  </div>
</div>
</div>
{% endblock %}