{% extends 'base.html' %}

{% block title %}Delete Payment - 3ncount2026{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 offset-md-3">
            <!-- Header -->
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h2>
                    <i class="bi bi-trash text-danger"></i> Delete Payment
                </h2>
            </div>

            <!-- Warning Card -->
            <div class="card border-danger">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0">
                        <i class="bi bi-exclamation-triangle"></i> Confirm Deletion
                    </h5>
                </div>
                <div class="card-body">
                    <p class="text-danger fw-bold">
                        Are you sure you want to delete this payment record?
                    </p>
                    
                    <div class="alert alert-warning">
                        <strong><i class="bi bi-info-circle"></i> Warning:</strong>
                        <ul class="mb-0 mt-2">
                            <li>This action cannot be undone</li>
                            <li>The payment record will be permanently removed</li>
                            <li>The {% if payment.invoice %}invoice{% else %}bill{% endif %} status will be recalculated</li>
                            <li>The receipt will no longer be accessible</li>
                        </ul>
                    </div>

                    <!-- Payment Details -->
                    <div class="bg-light p-3 rounded mb-3">
                        <h6 class="fw-bold mb-3">Payment Details:</h6>
                        <table class="table table-sm table-borderless mb-0">
                            <tr>
                                <td class="fw-bold" style="width: 200px;">Receipt Number:</td>
                                <td>{{ payment.receipt_number }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Document:</td>
                                <td>{{ doc_number }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Payment Date:</td>
                                <td>{{ payment.payment_date|date:"d M Y" }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Amount:</td>
                                <td class="text-danger fw-bold">RM {{ payment.amount|floatformat:2 }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Payment Method:</td>
                                <td>{{ payment.get_payment_method_display }}</td>
                            </tr>
                            {% if payment.reference_number %}
                            <tr>
                                <td class="fw-bold">Reference:</td>
                                <td>{{ payment.reference_number }}</td>
                            </tr>
                            {% endif %}
                            <tr>
                                <td class="fw-bold">Recorded By:</td>
                                <td>{{ payment.recorded_by.get_full_name|default:payment.recorded_by.username }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Recorded On:</td>
                                <td>{{ payment.created_at|date:"d M Y, H:i" }}</td>
                            </tr>
                        </table>
                    </div>

                    <!-- Action Buttons -->
                    <form method="post" class="d-flex justify-content-between mt-4">
                        {% csrf_token %}
                        {% if payment.invoice %}
                        <a href="{% url 'core:invoice_detail' payment.invoice.pk %}" class="btn btn-secondary">
                            <i class="bi bi-x-circle"></i> Cancel
                        </a>
                        {% elif payment.bill %}
                        <a href="{% url 'core:bill_detail' payment.bill.pk %}" class="btn btn-secondary">
                            <i class="bi bi-x-circle"></i> Cancel
                        </a>
                        {% endif %}
                        <button type="submit" class="btn btn-danger">
                            <i class="bi bi-trash"></i> Yes, Delete Payment
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}