HH/templates/projects/template_confirm_delete.html
2026-03-09 16:10:24 +03:00

64 lines
2.9 KiB
HTML

{% extends "layouts/base.html" %}
{% load i18n %}
{% block title %}{% trans "Delete Template" %} - PX360{% endblock %}
{% block content %}
<!-- Back Button -->
<div class="mb-6">
<a href="{% url 'projects:template_list' %}" class="inline-flex items-center gap-2 text-slate hover:text-navy transition">
<i data-lucide="arrow-left" class="w-4 h-4"></i>
<span class="text-sm font-medium">{% trans "Back to Templates" %}</span>
</a>
</div>
<!-- Delete Confirmation Card -->
<div class="bg-white rounded-2xl border shadow-sm overflow-hidden max-w-xl mx-auto">
<div class="px-6 py-4 border-b bg-red-50">
<h1 class="text-lg font-bold text-red-600 flex items-center gap-2">
<i data-lucide="alert-triangle" class="w-5 h-5"></i>
{% trans "Delete Template" %}
</h1>
</div>
<div class="p-6">
<div class="text-center mb-6">
<div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-lucide="trash-2" class="w-8 h-8 text-red-600"></i>
</div>
<p class="text-slate mb-2">
{% trans "Are you sure you want to delete the template" %}
</p>
<p class="text-lg font-bold text-navy">"{{ template.name }}"</p>
</div>
{% if template.task_templates.count > 0 %}
<div class="bg-yellow-50 border border-yellow-200 rounded-xl p-4 mb-6">
<div class="flex items-start gap-3">
<i data-lucide="alert-circle" class="w-5 h-5 text-yellow-600 flex-shrink-0 mt-0.5"></i>
<div>
<p class="text-sm font-semibold text-yellow-800">{% trans "Warning" %}</p>
<p class="text-xs text-yellow-700 mt-1">
{% blocktrans count counter=template.task_templates.count %}
This template has {{ counter }} task template that will also be deleted.
{% plural %}
This template has {{ counter }} task templates that will also be deleted.
{% endblocktrans %}
</p>
</div>
</div>
</div>
{% endif %}
<form method="post" class="flex items-center justify-center gap-3">
{% csrf_token %}
<button type="submit" class="bg-red-600 text-white px-5 py-2.5 rounded-xl text-sm font-bold hover:bg-red-700 flex items-center gap-2 transition">
<i data-lucide="trash-2" class="w-4 h-4"></i>
{% trans "Yes, Delete Template" %}
</button>
<a href="{% url 'projects:template_list' %}" class="bg-slate-100 text-slate px-5 py-2.5 rounded-xl text-sm font-bold hover:bg-slate-200 transition">
{% trans "Cancel" %}
</a>
</form>
</div>
</div>
{% endblock %}