@model PaginatedList<DMSSample.Models.SportLocation>

@if (Model.Count() > 0) {    
    @foreach (var item in Model) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Name)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.City)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.SeatingCapacity)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Levels)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Sections)
            </td>
            <td class="d-sm-table-cell">
                <a asp-action="Edit" asp-route-id="@item.Id" class="btn btn-outline-primary rounded-circle la-button-sm"><i class="fa fa-pencil la-icon-edit" title="Edit"></i></a>
                <a asp-action="Details" asp-route-id="@item.Id" class="btn btn-outline-success rounded-circle la-button-sm"><i class="fa fa-ellipsis-h la-icon-details" title="Details"></i></a>
                <a asp-action="Delete" asp-route-id="@item.Id" class="btn btn-outline-danger rounded-circle la-button-sm"><i class="fa fa-trash la-icon-delete" title="Delete"></i></a>
            </td>
        </tr>
    }
} else {
    <tr>
        <td colspan="6" class="text-center">
            <div class="badge-primary rounded">
                <i class="fa fa-info-circle"></i>
                The search returned no records.
            </div>
        </td>
    </tr>
}
@if (Model.HasNextPage) {
    <tr id="lineMore">
        <td colspan="6" class="text-center" id="pnlMore">
            <button id="btnMore" class="btn form-control btn-primary">
                <i class="fa fa-download"></i> Load More
                <input type="hidden" id="pageIndex" value="@Model.PageIndex"/>
            </button>
        </td>
    </tr>

    <script src="~/js/site.list.partial.js" asp-append-version="true"></script>
}