{% extends "base.html" %}

{% block title %}Item Wise Report{% endblock %}
{% block page_title %}Item Wise Report{% endblock %}
{% block page_subtitle %}Revenue breakdown by garment item{% endblock %}

{% block content %}
{% include "partials/breadcrumb.html" %}

<div class="toolbar-tablet">
    <div class="toolbar-tablet-actions" style="margin-left:auto">
        <a href="?export=xlsx" class="btn-secondary">Export Excel</a>
    </div>
</div>

<div class="table-scroll-card card">
    {% if items %}
    <div class="table-scroll">
    <table>
        <thead>
            <tr>
                <th>Item</th><th>Category</th><th>Quantity</th><th>Revenue</th>
            </tr>
        </thead>
        <tbody>
            {% for row in items %}
            <tr>
                <td class="font-medium">{{ row.item__item_name }}</td>
                <td>{{ row.item__category__name|default:"—" }}</td>
                <td>{{ row.total_qty }}</td>
                <td>₹{{ row.total_revenue|default:"0.00" }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
    {% else %}
    {% include "partials/empty_state.html" with title="No item data" message="No order items found for the selected criteria." %}
    {% endif %}
</div>
{% endblock %}