{% if (pagination |length > 0) %}
    <div class="table-responsive">
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>
                    <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('id') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Id', 'id') }}
                </th>
                <th>
                    <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('sellerId') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Seller', 'sellerId') }}
                </th>
                <th>
                    <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('sellerCompany') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Seller Company', 'sellerCompany') }}
                </th>
                <th>
                    <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('productId') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Product', 'productId') }}
                </th>
                <th>
                    Actions
                </th>
            </tr>
            </thead>
            {% for products in pagination %}
                <tr class="productsId" data-id="{{ products.id }}">
                    <td>{{ products.id }}</td>
                    <td>{{ products.sellerId }}</td>
                    <td>{{ products.sellerCompany }}</td>
                    <td>{{ products.productId }}</td>
                    <td class="text-center">
                        {% if is_granted('secondary_seller_update') %}
                        <a href="#"
                           class="fa fa-pencil-alt fa-lg open-form" data-toggle="tooltip" data-placement="top"
                           data-form-route="{{ path('secondary_seller_update', {id: products.id}) }}" title="Edit secondary seller" data-modal-title="Update line">

                            </a>{% endif %}{% if is_granted('secondary_seller_delete') %}&nbsp;&nbsp;&nbsp;&nbsp;<a
                                href="#" class="fa fa-trash text-danger fa-lg delete-button"
                                data-delete-route="{{ path('secondary_seller_delete', {id: products.id}) }}" data-toggle="tooltip" data-placement="top">

                            </a>{% endif %}
                    </td>
                </tr>
            {% endfor %}
        </table>
    </div>
    <div class="navigation">
        {{ knp_pagination_render(pagination) }}
    </div>
{% else %}
    <p>This product does not have any secondary sellers</p>
{% endif %}
{% block javascripts %}
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        });
    </script>
{% endblock %}