{% if pagination|length == 0 %}
    <h4>Not assigned countries to the courier</h4>
{% else %}
    <table class="table table-hover table-bordered table-sm" data-entity="zoneDetail">
        <thead>
        <tr>
            <th>
                <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('country.description') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Country', 'country.description') }}
            </th>
            <th>
                <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('minRange') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Min Range', 'minRange') }}
            </th>
            <th>
                <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('minRange') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Max Range', 'minRange') }}
            </th>
            <th class="text-center">Actions</th>
        </tr>
        </thead>
        {% for countryWeight in pagination %}
            <tr class="countryWeightId" data-id="{{ countryWeight.id }}">
                <td>{{ countryWeight.country.description }}</td>
                <td>{{ countryWeight.minRange }}</td>
                <td>{{ countryWeight.maxRange }}</td>
                <td class="text-center">
                    <a href="#"
                       class="fa fa-pencil-alt fa-lg open-country-weight-form" data-action="update" data-toggle="tooltip"
                       data-placement="top"
                       data-form-update-country-weight-route="{{ path('update_country_weight', {sellerId: sellerId}) }}" title="Edit country assign"
                       data-title-form="Country assignment">
                    </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#" class="fa fa-trash text-danger fa-lg delete-country-weight-button"
                       data-delete-route="{{ path('delete_country_weight') }}" data-toggle="tooltip" data-placement="top"
                       title="Delete country assign"> </a>
                </td>
            </tr>
        {% endfor %}
    </table>
    <div class="navigation">
        {{ knp_pagination_render(pagination) }}
    </div>
{% endif %}