{% if pagination|length == 0 %}
    <h4>Not assigned countries to the zone</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('postalCode1') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Postal code 1', 'postalCode1') }}
            </th>
            <th>
                <span class="sort fa fa-sort{{ pagination.getDirection() and pagination.isSorted('postalCode2') ? '-'~pagination.getDirection() : '' }}"></span>{{ knp_pagination_sortable(pagination, 'Postal code 2', 'postalCode2') }}
            </th>
            <th class="text-center">Actions</th>
        </tr>
        </thead>
        {% for zoneDetail in pagination %}
            <tr class="zoneDetailId" data-id="{{ zoneDetail.id }}">
                <td>{{ zoneDetail.country.description }}</td>
                <td>{{ zoneDetail.postalCode1 }}</td>
                <td>{{ zoneDetail.postalCode2 }}</td>
                <td class="text-center">
                    <a href="#"
                       class="fa fa-pencil-alt fa-lg open-country-form" data-action="update" data-toggle="tooltip"
                       data-placement="top"
                       data-form-route="{{ path('update_zone_detail') }}" title="Edit country assign"
                       data-title-form="Country assignment" data-entity="zoneDetail">

                    </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#" class="fa fa-trash text-danger fa-lg delete-country-button"
                       data-delete-route="{{ path('delete_zone_detail') }}" data-toggle="tooltip" data-placement="top"
                       title="Delete country assign" data-entity="zoneDetail"> </a>
                </td>
            </tr>
        {% endfor %}
    </table>
    <div class="navigation" data-entity="zoneDetail">
        {{ knp_pagination_render(pagination) }}
    </div>
{% endif %}