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

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

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

{% block content %}
    <div class="card card-custom">
        <div class="card-body py-0 pb-4">
            <table
                    id="tracking-list-datatable"
                    class="table table-border-bottom"
                    data-url="{{ path('tracking_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.carrier'|trans }}</th>
                    <th>{{ 'label.tracking_number'|trans }}</th>
                    <th>{{ 'label.actions'|trans }}</th>
                </tr>
                </thead>
                <tbody class="text-gray-600 fw-semibold">
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

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

    <script>
        let translations_tracking = {
            'sure_delete_item': '{{ 'label.sure_delete_item'|trans }}',
        }
    </script>

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