ATS/templates/meetings/delete_meeting_form.html
2026-01-29 14:19:03 +03:00

37 lines
1.5 KiB
HTML

{% load i18n %}
<form action="{{ delete_url }}" method="post" class="flex flex-col gap-4 p-4">
{% csrf_token %}
<!-- Warning Message -->
<div class="p-4 rounded-lg bg-red-50 border border-red-200">
<div class="flex items-start gap-3">
<i data-lucide="alert-triangle" class="w-6 h-6 text-red-600 flex-shrink-0 mt-0.5"></i>
<p class="text-red-800 font-medium">
{% trans "Are you sure you want to delete this meeting? This action is irreversible." %}
</p>
</div>
</div>
<!-- Action Buttons -->
<div class="flex flex-col sm:flex-row gap-3 justify-end mt-2">
<button type="button"
class="inline-flex items-center justify-center gap-2 px-6 py-2.5 rounded-lg text-sm font-medium border-2 border-gray-300 text-gray-700 hover:bg-gray-50 transition-all duration-200"
data-bs-dismiss="modal">
<i data-lucide="x" class="w-4 h-4"></i>
{% trans "Cancel" %}
</button>
<button type="submit"
class="inline-flex items-center justify-center gap-2 px-6 py-2.5 rounded-lg text-sm font-medium text-white bg-red-600 hover:bg-red-700 transition-all duration-200">
<i data-lucide="trash-2" class="w-4 h-4"></i>
{% trans "Delete Meeting" %}
</button>
</div>
</form>
<script>
document.addEventListener('DOMContentLoaded', function() {
if (typeof lucide !== 'undefined') {
lucide.createIcons();
}
});
</script>