{% extends 'base.html' %}
{% load humanize %}

{% block title %}Delete Transaction - 3ncount2026{% endblock %}
{% block page_title %}Delete Transaction{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-6 mx-auto">
        <div class="card">
            <div class="card-header bg-danger text-white">
                <h3 class="card-title">
                    <i class="ti ti-alert-triangle"></i> Confirm Deletion
                </h3>
            </div>
            <div class="card-body">
                <div class="alert alert-danger">
                    <h4 class="alert-title">Warning!</h4>
                    <p>Are you sure you want to delete this transaction? This action cannot be undone.</p>
                </div>

                <div class="mb-3">
                    <strong>Reference:</strong> {{ transaction.reference_no }}
                </div>
                <div class="mb-3">
                    <strong>Date:</strong> {{ transaction.date|date:"d/m/Y" }}
                </div>
                <div class="mb-3">
                    <strong>Type:</strong>
                    {% if transaction.transaction_type == 'INCOME' %}
                    <span class="badge bg-success">Income</span>
                    {% else %}
                    <span class="badge bg-danger">Expense</span>
                    {% endif %}
                </div>
                <div class="mb-3">
                    <strong>Description:</strong> {{ transaction.description }}
                </div>
                <div class="mb-3">
                    <strong>Amount:</strong>
                    <span class="h4">RM {{ transaction.amount|floatformat:2|intcomma }}</span>
                </div>
            </div>
            <div class="card-footer">
                <form method="post" class="d-inline">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-danger">
                        <i class="ti ti-trash"></i> Yes, Delete Transaction
                    </button>
                </form>
                <a href="{% url 'core:transaction_detail' transaction.pk %}" class="btn btn-link">
                    Cancel
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}