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

{% block title %}{% trans "Delete" %}{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <div>
    <h1 class="h4 mb-0">{% trans "Delete" %}</h1>
    <div class="text-muted small">{% trans "This action cannot be undone." %}</div>
  </div>
  <a href="javascript:history.back()" class="btn btn-outline-secondary btn-sm">{% trans "Back" %}</a>
</div>

<div class="card shadow-sm border-danger">
  <div class="card-body">
    <p class="mb-3">
      {% trans "Are you sure you want to delete this item?" %}
    </p>

    <form method="post">
      {% csrf_token %}
      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-danger">{% trans "Yes, delete" %}</button>
        <a href="javascript:history.back()" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}