{% extends '_include/base.html.twig' %}

{% block title %}Invoice Approval Queue{% endblock %}

{% block page_title %}Invoice Approval Queue{% endblock %}

{% block content %}
{% set currency = display_currency() %}
    <div class="card">
        <div class="card__header">
            <h3 class="card__title">Invoices Awaiting Approval ({{ invoices|length }})</h3>
        </div>
        <div class="card__body">
            {% if invoices|length > 0 %}
                <table class="table">
                    <thead>
                        <tr>
                            <th>Invoice #</th>
                            <th>Supplier</th>
                            <th>Invoice Date</th>
                            <th>Due Date</th>
                            <th>Days in Queue</th>
                            <th>Total</th>
                            <th>PO Match</th>
                            <th>1099</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for invoice in invoices %}
                            {% set days_in_queue = date().diff(invoice.receivedDate).days %}
                            <tr class="{% if days_in_queue > 7 %}bg-warning{% endif %}">
                                <td>{{ invoice.invoiceNumber }}</td>
                                <td>{{ invoice.supplier.name }}</td>
                                <td>{{ invoice.invoiceDate|date('Y-m-d') }}</td>
                                <td>{{ invoice.dueDate|date('Y-m-d') }}</td>
                                <td>{{ days_in_queue }} days</td>
                                <td>{{ invoice.total|format_currency(invoice.currencyCode) }}</td>
                                <td>
                                    {% if invoice.purchaseOrder %}
                                        {% if invoice.threeWayMatchStatus == 'matched' %}
                                            <span class="badge badge--success">OK</span>
                                        {% else %}
                                            <span class="badge badge--warning">Variance</span>
                                        {% endif %}
                                    {% else %}
                                        <span class="badge badge--secondary">No PO</span>
                                    {% endif %}
                                </td>
                                <td>{% if invoice.requires1099 %}<span class="badge badge--info">Yes</span>{% endif %}</td>
                                <td>
                                    <a href="{{ path('app_supplier_invoice_show', {id: invoice.id}) }}" class="btn btn--xs">View</a>
                                    <form method="post" action="{{ path('app_supplier_invoice_approve', {id: invoice.id}) }}" style="display:inline;">
                                        <input type="hidden" name="_token" value="{{ csrf_token('approve' ~ invoice.id) }}">
                                        <button type="submit" class="btn btn--xs btn--success">Approve</button>
                                    </form>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <p>No invoices awaiting approval.</p>
            {% endif %}
        </div>
    </div>
{% endblock %}