{% extends "var_cms/base.html" %}
{% load var_cms_tags %}

{% block title %}Delete {{ admin.verbose_name }}{% endblock %}

{% block breadcrumb %}
  <span>›</span><a href="{% var_cms_list_url app model_name %}">{{ admin.verbose_name_plural|title }}</a>
  <span>›</span>Delete
{% endblock %}

{% block content %}
<div style="max-width:500px;">
  <div class="card" style="padding:28px 30px;">
    <div style="font-size:40px;margin-bottom:14px;">⚠️</div>
    <div style="font-family:var(--fh);font-size:18px;font-weight:800;margin-bottom:8px;">Confirm Delete</div>
    <p style="color:var(--text-dim);font-size:13px;margin-bottom:18px;line-height:1.7;">
      You are about to permanently delete <strong style="color:var(--text);">{{ obj }}</strong>.
      This action <strong style="color:var(--red);">cannot be undone</strong>.
    </p>
    <div style="background:rgba(244,63,94,.07);border:1px solid rgba(244,63,94,.18);border-radius:var(--radius);padding:10px 14px;margin-bottom:20px;font-family:var(--fm);font-size:12px;color:#fda4af;">
      {{ admin.verbose_name|title }}: {{ obj }}
    </div>
    <form method="post" style="display:flex;gap:10px;">
      {% csrf_token %}
      <button type="submit" class="btn btn-danger">Yes, delete permanently</button>
      <a href="{% var_cms_list_url app model_name %}" class="btn btn-ghost">Cancel</a>
    </form>
  </div>
</div>
{% endblock %}