{% if (pagination |length > 0) %}
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th><span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('seller') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Seller', 'seller') }}</th>
            <th><span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('fileName') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'File name', 'fileName') }}</th>
            <th><span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('importDate') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Import date', 'importDate') }}</th>
            <th><span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('numProducts') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Products count', 'numProducts') }}</th>
            <th class="text-center">Download uploaded file</th>
            <th class="text-center">Import status</th>
            <th class="text-center">Apply status</th>
            <th><span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('type') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Type', 'type') }}</th>
            <th class="text-center">Actions</th>
        </tr>
        </thead>
        {% for import in pagination %}
            <tr class="importHistoryId" data-id="{{ import.id }}">
                <td class="text-center">{{ import.seller }}</td>
                <td class="text-center">{{ import.fileName }}</td>
                <td class="text-center">{{ import.importDate |date("F j, Y, g:i a") }}</td>
                <td class="text-center">{{ import.numProducts }}</td>
                {% if import.fileName == 'No apply' %}
                    <td class="text-center">No apply</td>
                {% else %}
                <td class="text-center"><a href="{{ asset(import.fileUrl) }}" class="btn btn-primary btn-sm">Download</a> </td>
                {% endif %}
                <td class="text-center">{% if import.importStatus == 'error' %} <span data-id="{{ import.id }}" id="btnWarningImport" style="cursor: pointer;" class="badge badge-warning" data-toggle="tooltip" data-placement="top" title="Clic to see the errors">Warning</span>{% else %}<span class="badge badge-success">Success</span>{% endif %}</td>
                <td class="text-center">
                    {% if import.appliedStatus == 'error' %}
                        <span data-id="{{ import.id }}" id="btnWarningApplied" style="cursor: pointer;" class="badge badge-warning" data-toggle="tooltip" data-placement="top" title="Clic to see the errors">Warning</span>
                    {% elseif import.appliedStatus == 'not_applied' %}
                        {% if import.importStatus == 'error' %}
                            <span class="badge badge-warning">Fix the import</span>
                        {% else %}
                            <button class="btn btn-primary btn-sm lockable apply-stocks">Apply stocks</button>
                        {% endif %}
                    {% elseif import.appliedStatus == 'success' %}
                        <span class="badge badge-success">Stocks applied</span>
                    {% else %}
                        <span class="badge badge-danger">Not defined</span>
                    {% endif %}
                </td>
                <td class="text-center">
                    {% if import.type == 'initial' %}
                        Initial
                    {% elseif import.type == 'restock' %}
                        Restock
                    {% elseif import.type == 'increment' %}
                        Increment
                    {% else %}
                        Not defined
                    {% endif %}
                </td>
                <td class="text-center">
                    {% if import.status is same as(false) %}
                        <a href="#" class="fa fa-pencil-alt fa-lg" data-toggle="tooltip" data-placement="top" id="continueImport" title="Continue process" onclick="continueImport({{ import.id }});"></a>&nbsp;&nbsp;&nbsp;&nbsp;
                    {% endif %}
                    <a href="#" class="fa fa-trash text-danger fa-lg" data-toggle="tooltip" data-placement="top" title="Delete imported product" onclick="deleteConfirmHistory('{{ import.fileName }}', '{{ import.id }}');"></a>
                </td>
            </tr>
        {% endfor %}
    </table>
    <div class="navigation">
        {{ knp_pagination_render(pagination) }}
    </div>
{% else %}
    <p>No stock import registered for the given seller</p>
{% endif %}
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    });
</script>