47 lines
2.2 KiB
HTML
47 lines
2.2 KiB
HTML
{% extends "base.html" %}
|
|
{% load static i18n %}
|
|
|
|
{% block title %}{% trans "Delete Notification" %} - {{ block.super }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container mx-auto px-4 py-8">
|
|
<div class="flex justify-center">
|
|
<div class="w-full max-w-2xl">
|
|
<div class="bg-white rounded-2xl shadow-sm border border-gray-200 p-8 text-center">
|
|
<div class="mb-6">
|
|
<div class="w-20 h-20 bg-amber-100 rounded-full flex items-center justify-center mx-auto">
|
|
<i data-lucide="alert-triangle" class="w-12 h-12 text-amber-500"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="text-2xl font-bold text-gray-900 mb-3">{{ title }}</h4>
|
|
<p class="text-gray-600 mb-6">{{ message }}</p>
|
|
|
|
<div class="bg-gray-50 border border-gray-200 rounded-xl p-5 mb-6 text-left">
|
|
<h6 class="text-lg font-bold text-gray-800 mb-3">{% trans "Notification Preview" %}</h6>
|
|
<p class="mb-2"><strong class="text-gray-700">{% trans "Message:" %}</strong> {{ notification.message|truncatewords:20 }}</p>
|
|
<p>
|
|
<strong class="text-gray-700">{% trans "Created:" %}</strong> {{ notification.created_at|date:"Y-m-d H:i" }}
|
|
</p>
|
|
</div>
|
|
|
|
<form method="post" class="inline-flex gap-3">
|
|
{% csrf_token %}
|
|
<button type="submit" class="inline-flex items-center gap-2 bg-red-500 hover:bg-red-600 text-white font-semibold px-6 py-2.5 rounded-xl transition shadow-sm hover:shadow-md">
|
|
<i data-lucide="trash-2" class="w-4 h-4"></i>
|
|
{% trans "Yes, Delete" %}
|
|
</button>
|
|
<a href="{{ cancel_url }}" class="inline-flex items-center gap-2 border border-gray-300 text-gray-700 hover:bg-gray-50 font-medium px-6 py-2.5 rounded-xl transition">
|
|
<i data-lucide="x" class="w-4 h-4"></i>
|
|
{% trans "Cancel" %}
|
|
</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
lucide.createIcons();
|
|
</script>
|
|
{% endblock %} |