@model dynamic
<div class="mt-8">


@if (Model.TotalPages > 1)
{
    <nav class="">
        <ul class="pagination flex gap-1">

            @if (Model.HasPrevious)
            {
                <li class="page-item p-3 border rounded bg-white">
                    <a class="page-link"
                       href="?page=@(Model.CurrentPage - 1)">
                        Previous
                    </a>
                </li>
            }

            @for (int i = 1; i <= Model.TotalPages; i++)
            {
                <li class="page-item p-3 border rounded @(i == Model.CurrentPage ? "active bg-primary text-white" : "bg-white")">
                    <a class="page-link"
                       href="?page=@i">
                        @i
                    </a>
                </li>
            }

            @if (Model.HasNext)
            {
                <li class="page-item p-3 border rounded bg-white">
                    <a class="page-link"
                       href="?page=@(Model.CurrentPage + 1)">
                        Next
                    </a>
                </li>
            }

        </ul>
    </nav>
}
</div>