{% extends 'datatable.html.twig' %}

{% block title %}{{ 'menu.invoices'|trans }}{% endblock %}

{% block page_title %}
    <span class="mr-6">
        <i class="fad fa-clipboard text-dark mr-2"></i>
        <span class="plus bold">{{ 'menu.invoices'|trans }}</span>
    </span>
{% endblock %}

{% block content %}
    <div class="card card-custom">
        <div class="card-body py-0 pb-4">
            <table
                    id="invoice-list-datatable"
                    class="table table-border-bottom"
                    data-url="{{ path('invoice_refresh') }}">
                <thead>
                <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
                    <th>{{ 'label.order_number'|trans }}</th>
                    <th>{{ 'label.date'|trans }}</th>
                    <th>{{ 'label.invoice_number'|trans }}</th>
                </tr>
                </thead>
                <tbody class="text-gray-600 fw-semibold">
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    {{ encore_entry_script_tags('invoice-index-datatable') }}
{% endblock %}