{% extends "base/module_base.html" %}
{% set active_page = 'purchase' %}
{% set sidebar_bgtrigger = 'po_home' %}
{% block pagehead %}<title>Purchase Orders</title>{% endblock %}
{% block sidebar %}{% include 'purchase/blocks/sidebar.html' %}{% endblock %}
{% block content %}
<br>
<div class="card">
    <div class="card-body">
        <h2>Purchase Orders</h2>
        <a href="{{ url_for('shopyo_ecommerce.purchase.add') }}" class="btn btn-info mb-3">New Purchase Order</a>
        {% if orders %}
        <table class="table table-striped">
            <thead><tr><th>#</th><th>Vendor</th><th>Status</th><th>Items</th><th>Created</th><th>Actions</th></tr></thead>
            <tbody>
                {% for po in orders %}
                <tr>
                    <td>{{ po.id }}</td>
                    <td>{{ po.vendor.name if po.vendor else '-' }}</td>
                    <td><span class="badge badge-{{ 'secondary' if po.status=='draft' else 'primary' if po.status=='ordered' else 'success' if po.status=='received' else 'danger' }}">{{ po.status }}</span></td>
                    <td>{{ po.items|length }}</td>
                    <td>{{ po.created_at.strftime('%Y-%m-%d') if po.created_at else '-' }}</td>
                    <td><a href="{{ url_for('shopyo_ecommerce.purchase.edit', po_id=po.id) }}" class="btn btn-warning btn-sm">View/Edit</a></td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}<p class="text-muted">No purchase orders yet.</p>{% endif %}
    </div>
</div>
{% endblock %}