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

{% block title %}{{ 'label.list_imports'|trans }}{% endblock %}

{% block page_title %}
    <span class="mr-6">
        <i class="fad fa-upload fa-swap-opacity text-dark mr-2"></i>
        <span class="plus bold">{{ 'label.list_imports'|trans }}</span>
    </span>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    {{ encore_entry_link_tags('status') }}
{% endblock %}

{% block content %}
    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label">
                    <span class="fad fa-tags action-icon mr-2 px-2 py-2 rounded"></span>
                    {{ 'label.list_imports'|trans }}
                </h3>
            </div>
            <div class="card-toolbar">
            </div>
        </div>
        <div class="card-body py-0 pb-4">
            <table
                    id="price-list-datatable"
                    class="table table-border-bottom"
                    data-url="{{ path('pricelist_refresh') }}">
                <thead>
                <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
                    <th>{{ 'label.filename'|trans }}</th>
                    <th>{{ 'label.status'|trans }}</th>
                    <th>{{ 'label.date_add'|trans }}</th>
                    <th>{{ 'label.actions'|trans }}</th>
                </tr>
                </thead>
                <tbody class="text-gray-600 fw-semibold">
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

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

    {{ encore_entry_script_tags('price-list-datatable') }}
{% endblock %}