{% extends "base.html" %}

{% block content %}

<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h2 class="fw-bold text-dark mb-0"><i class="bi bi-clipboard-check text-primary me-2"></i>{{ l('Purchase Orders', 'ক্রয় অর্ডারসমূহ') }}</h2>
        <small class="text-muted">{{ l('Manage supplier orders and receive inventory stock', 'সাপ্লায়ারের ক্রয় অর্ডার ও পণ্য রিসিভ পরিচালনা করুন') }}</small>
    </div>
    <a href="/create-purchase-order" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>{{ l('+ New Purchase Order', '+ নতুন ক্রয় অর্ডার') }}</a>
</div>

<div class="card border-0 shadow-sm rounded-3">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>{{ l('PO No', 'অর্ডার নম্বর') }}</th>
                        <th>{{ l('Supplier', 'সরবরাহকারী') }}</th>
                        <th>{{ l('Items Count', 'আইটেম সংখ্যা') }}</th>
                        <th>{{ l('Status', 'অবস্থা') }}</th>
                        <th>{{ l('Date', 'তারিখ') }}</th>
                        <th class="text-end">{{ l('Action', 'অ্যাকশন') }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for po in orders %}
                    <tr>
                        <td class="fw-bold text-primary">{{ po.po_no }}</td>
                        <td class="fw-semibold text-dark">{{ po.supplier.name if po.supplier else '—' }}</td>
                        <td><span class="badge bg-light text-dark border">{{ po.items|length }} {{ l('item(s)', 'টি পণ্য') }}</span></td>
                        <td>
                            {% if po.status == "Pending" %}
                                <span class="badge bg-warning text-dark"><i class="bi bi-clock me-1"></i>{{ l('Pending', 'অপেক্ষমাণ') }}</span>
                            {% elif po.status == "Received" %}
                                <span class="badge bg-success"><i class="bi bi-check-circle me-1"></i>{{ l('Received', 'গৃহীত') }}</span>
                            {% else %}
                                <span class="badge bg-secondary"><i class="bi bi-x-circle me-1"></i>{{ l('Cancelled', 'বাতিলকৃত') }}</span>
                            {% endif %}
                        </td>
                        <td class="small text-muted">{{ po.created_at.strftime('%d-%m-%Y') }}</td>
                        <td class="text-end">
                            {% if po.status == "Pending" %}
                            <form method="post" action="/receive-purchase-order/{{ po.id }}" class="d-inline" onsubmit="return confirm('{{ l('Mark received and add stock into inventory?', 'পণ্য রিসিভ করে স্টকে যোগ করতে চান?') }}')">
                                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">
                                <button class="btn btn-outline-success btn-sm me-1"><i class="bi bi-box-seam me-1"></i>{{ l('Receive', 'রিসিভ করুন') }}</button>
                            </form>
                            <form method="post" action="/cancel-purchase-order/{{ po.id }}" class="d-inline" onsubmit="return confirm('{{ l('Cancel this purchase order?', 'অর্ডারটি বাতিল করতে চান?') }}')">
                                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">
                                <button class="btn btn-outline-danger btn-sm"><i class="bi bi-trash me-1"></i>{{ l('Cancel', 'বাতিল') }}</button>
                            </form>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="6" class="text-center text-muted py-4"><i class="bi bi-inbox fs-2 d-block mb-1"></i>{{ l('No purchase orders created yet.', 'এখনও কোনো ক্রয় অর্ডার তৈরি করা হয়নি।') }}</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

{% endblock %}