{% extends '@Affiliate/template.html.twig' %}

{% block mainContent %}

    <h2>Orders</h2>

    <nav class="navbar navbar-expand-lg navbar-dark p-lg-2 mb-4 mt-4">
        <ul class="navbar-nav">
            <li class="nav-tabs">
                <a href="#" class="btn btn-dark bgPrimary">
                    Toets
                </a>
            </li>
        </ul>
    </nav>
    <table class="table table-hover">
        <tr>
            <th{% if pagination.isSorted('id') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, '#', 'id') }}</th>
            <th>Ordernr.</th>
            <th>Datum</th>
            <th>Aantal producten</th>
            <th>Totaalprijs</th>
            <th>Totaal korting</th>
            <th>Orderkosten</th>
            <th>Totale kickback</th>
            <th>Naam (?)</th>
        </tr>
        {% for order in pagination %}
            <tr>
                <td>{{ order.id }}</td>
                <td>{{ order.orderId }}</td>
                <td>{{ order.orderDate|date("d-m-Y H:i:s") }}</td>
                <td>{{ order.totalProducts }}</td>
                <td>{{ order.totalPrice|format_currency('EUR') }}</td>
                <td>{{ order.totalDiscount|format_currency('EUR') }}</td>
                <td>{{ order.orderCost|format_currency('EUR') }}</td>
                <td>{{ order.totalKickback|format_currency('EUR') }}</td>
                <td>{{ order.name }}</td>
            </tr>
        {% endfor %}
    </table>
    <div class="navigation">
        {{ knp_pagination_render(pagination) }}
    </div>

{% endblock %}