@model PagerModel


<div class="container-fluid btn-group" style="background-color:#d4b6bd; border-radius:10px; height:45px; width:100%;">

    <div class="col-6 p-0 justify-content-end mt-1">

        <form asp-action="index">
            <span class="btn-group">
                <input class="form-control" type="text" name="SearchText" value="@ViewBag.SearchText" placeholder="Search" />
                <span class="ml-2 btn-group btn-dark" style="border-radius:10px; color:white; background-color:black; border-color:black;">
                    <i class="pl-2 fa fa-search align-self-center" style="color:white" aria-hidden="true"></i>
                    <input class="btn btn-sm font-weight-bold text-white"
                           style="border-radius:10px; color:white; background-color:black; border-color:black;"
                           type="submit" value="Search" />
                </span>
             </span>
        </form>
    </div>
    <div class="container mt-1">

        <ul class="pagination justify-content-end">

            @if (Model.CurrentPage > 1)
            {
            <li class="page-item">
                <a class="page-link" asp-action="@Model.Action"
                    asp-route-pg="1"
                    asp-route-pageSize="@Model.PageSize"
                    asp-route-SearchText="@Model.SearchText"
                    asp-route-sortExpression="@Model.SortExpression">
                    First
                </a>
            </li>

            <li class="page-item">
                <a class="page-link" asp-action="@Model.Action"
                    asp-route-pg="@(Model.CurrentPage-1)"
                    asp-route-pageSize="@Model.PageSize"
                    asp-route-SearchText="@Model.SearchText"
                    asp-route-sortExpression="@Model.SortExpression">
                    Previous
                </a>
            </li>


            }

            @for (var pge = Model.StartPage; pge <= Model.EndPage; pge++)
            {
                <li class="page-item @(pge==Model.CurrentPage ? "active":"")">

                    @if (pge != Model.CurrentPage)
                    {
                        <a class="page-link" asp-action="@Model.Action"
                            asp-route-pg="@pge"
                            asp-route-pageSize="@Model.PageSize"
                            asp-route-SearchText="@Model.SearchText"
                            asp-route-sortExpression="@Model.SortExpression"
                            >
                            @pge
                        </a>
                    }
                    else
                    {
                        <span class="page-link">@pge</span>
                    }

                </li>
            }

            @if (Model.CurrentPage != Model.EndPage)
            {
                <li class="page-item">
                    <a class="page-link" asp-action="@Model.Action"
                   asp-route-pg="@(Model.CurrentPage+1)"
                   asp-route-pageSize="@Model.PageSize"
                   asp-route-SearchText="@Model.SearchText"
                   asp-route-sortExpression="@Model.SortExpression">
                        Next
                    </a>
                </li>

                <li class="page-item">
                    <a class="page-link" asp-action="@Model.Action"
                   asp-route-pg="@Model.EndPage"
                   asp-route-pageSize="@Model.PageSize"
                   asp-route-SearchText="@Model.SearchText"
                   asp-route-sortExpression="@Model.SortExpression">
                        Last
                    </a>
                </li>


            }

        </ul>
    </div>


</div>