{% extends base_template %}{% load i18n %}

{% block content %}
<div class="row" style="display:flex;justify-content:center;padding:40px 0">
    <div style="max-width:600px;width:100%">
        <div class="lm-card" style="border-color:#EF4444;">
            <div class="lm-card-header">
                <h3 style="color:#EF4444">{% translate 'Confirm Delete' %}</h3>
            </div>
            <form method="post">
                {% csrf_token %}
                <div class="lm-card-body">
                    <div style="background:#FEF2F2;border:1px solid #FECACA;border-radius:var(--radius-md);padding:16px;margin-bottom:16px">
                        <i class="fas fa-exclamation-triangle mr-2" style="color:#EF4444"></i>
                        {% blocktranslate with title=material.title_fr|default:material.title_en %}
                            Are you sure you want to delete "{{ title }}"?
                        {% endblocktranslate %}
                    </div>
                    <p style="color:var(--gray-500);font-size:14px">{% translate 'This action cannot be undone.' %}</p>
                </div>
                <div class="lm-card-body" style="display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--gray-200)">
                    <button type="submit" class="btn-lm-publish" style="background:#EF4444;color:white;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer">
                        <i class="fas fa-trash mr-1"></i>{% translate 'Delete' %}
                    </button>
                    <a href="{{ lm_url_detail }}" class="lm-ghost-btn" style="width:auto;padding:10px 20px">
                        {% translate 'Cancel' %}
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}