{% extends 'base.html' %}
{% block title %}Purchase {{ purchase.invoice_number }}{% endblock %}
{% block content %}
<div class="content-card mb-3">
    <div class="content-card-header">
        <strong class="text-white">Purchase {{ purchase.invoice_number }}</strong>
        <a href="{% url 'purchase_list' %}" class="btn btn-outline-light btn-sm">Back</a>
    </div>
    <div class="content-card-body">
        <div class="row mb-2">
            <div class="col-md-3"><small class="text-secondary">Supplier</small><div class="text-white">{{ purchase.supplier.name|default:"-" }}</div></div>
            <div class="col-md-3"><small class="text-secondary">Date</small><div class="text-white">{{ purchase.date }}</div></div>
            <div class="col-md-3"><small class="text-secondary">Discount</small><div class="text-white">{{ purchase.discount|floatformat:2 }}</div></div>
            <div class="col-md-3"><small class="text-secondary">Net Amount</small><div class="text-success fw-bold">{{ purchase.net_amount|floatformat:2 }}</div></div>
        </div>
        {% if purchase.notes %}<p class="text-secondary small">{{ purchase.notes }}</p>{% endif %}
    </div>
</div>

<div class="content-card">
    <div class="content-card-header"><strong class="text-white">Items</strong></div>
    <div class="content-card-body p-0">
        <div class="table-responsive">
        <table class="table mb-0">
            <thead><tr><th>Product</th><th>Quantity</th><th>Buy Price</th><th>Total</th></tr></thead>
            <tbody>
            {% for item in items %}
                <tr>
                    <td class="text-white">{{ item.product.name }}</td>
                    <td>{{ item.quantity|floatformat:"0" }}</td>
                    <td>{{ item.buy_price|floatformat:2 }}</td>
                    <td>{{ item.total|floatformat:2 }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
    </div>
</div>
{% endblock %}