{% extends "base.html" %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-start">
        <div class="col-md-8">
            <div class="card shadow-sm p-4">
                <h2 class="text-danger mb-3">Confirm Sale Cancellation</h2>

                <p>
                    Are you sure you want to <strong>cancel Sale #{{ sale.invoice_number }}</strong>?
                    This will return all products to inventory and mark the sale as <span class="text-danger fw-bold">cancelled</span>.
                </p>

                <form method="post" action="">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-times-circle me-2"></i> Yes, Cancel Sale
                    </button>
                    <a href="{% url 'sale_detail' sale.id %}" class="btn btn-secondary ms-2">
                        <i class="fas fa-arrow-left me-1"></i> No, Go Back
                    </a>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}