{% extends "base.html" %}
{% block title %}Quote #{{ quote.id }} — KiwiCrib{% endblock %}
{% block content %}
<h1 class="text-2xl font-bold mb-4">Quote #{{ quote.id }}</h1>
<p>Status: <strong>{{ quote.get_status_display }}</strong></p>
<table class="min-w-full border mt-4">
    <thead>
        <tr class="bg-gray-100">
            <th class="border px-2 py-1">Product</th>
            <th class="border px-2 py-1">Qty</th>
            <th class="border px-2 py-1">Unit Price</th>
            <th class="border px-2 py-1">Total</th>
        </tr>
    </thead>
    <tbody>
        {% for item in quote.items.all %}
        <tr class="border-t">
            <td class="border px-2 py-1">{{ item.product.name }}</td>
            <td class="border px-2 py-1">{{ item.quantity }}</td>
            <td class="border px-2 py-1">${{ item.sell_price }}</td>
            <td class="border px-2 py-1">${{ item.total_price }}</td>
        </tr>
        {% endfor %}
    </tbody>
    <tfoot>
        <tr>
            <td colspan="3" class="text-right font-semibold border px-2 py-1">Subtotal</td>
            <td class="border px-2 py-1">${{ quote.total_price }}</td>
        </tr>
        <tr>
            <td colspan="3" class="text-right font-semibold border px-2 py-1">Tax</td>
            <td class="border px-2 py-1">${{ quote.tax_amount }}</td>
        </tr>
        <tr>
            <td colspan="3" class="text-right font-bold border px-2 py-1">Grand Total</td>
            <td class="border px-2 py-1 font-bold">${{ quote.total_price + quote.tax_amount }}</td>
        </tr>
    </tfoot>
</table>
{% if quote.status == 'draft' or quote.status == 'sent' %}
<form method="post" class="mt-4 flex space-x-2">
    {% csrf_token %}
    <button type="submit" name="action" value="accept" class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded">Accept Quote</button>
    <button type="submit" name="action" value="reject" class="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded">Reject Quote</button>
</form>
{% endif %}
<p class="mt-4"><a href="{% url 'orders:quote_list' %}" class="text-blue-600">Back to quotes</a></p>
{% endblock %}