<%
  const MAX_PAGINATED_PAGES = Math.min(it.max_pages, 9);
  let pagination_min = it.page_num;
  let pagination_max = it.page_num;
  let nb_paginated_pages = 1;

  while (nb_paginated_pages < MAX_PAGINATED_PAGES) {
    if (pagination_min > 1) {
      pagination_min--;
      nb_paginated_pages++;
    }
    if (pagination_max < it.max_pages) {
      pagination_max++;
      nb_paginated_pages++;
    }
  }

  const previous = Math.max(it.page_num - 1, 1);
  const next = Math.min(it.page_num + 1, it.max_pages);
%>

<div class="pagination">
  <div class="flex justify-between m-5">
    <a class="text-xl text-zinc-400 hover:text-zinc-50" href="<%= it.url_formatter(previous) %>"><span class="text-2xl text-orange-600 mr-2">‹</span>Previous</a>
    <div class="number-nav leading-10">
      <% for (let i = pagination_min; i <= pagination_max; i++) { %>
      <a class="<%= i == it.page_num ? 'current ' : '' %> page" href="<%= it.url_formatter(i) %>"><%= i %></a>
      <% } %>
    </div>
    <a class="text-xl text-zinc-400 hover:text-zinc-50" href="<%= it.url_formatter(next) %>">Next<span class="text-2xl text-orange-600 ml-2">›</span></a>
  </div>
</div>