{% macro render_pagination(page, total, per_page, url_for_page) %}
{% set total_pages = ((total - 1) // per_page + 1) if total > 0 else 1 %}
<nav class="fin-pagination" aria-label="Pagination"
     style="display: flex; align-items: center; gap: 16px; margin-top: 24px; font-size: 14px;">
  {% if page > 1 %}
    <a href="{{ url_for_page(page - 1) }}"
       style="padding: 6px 12px; border: 1px solid #d0d7de; border-radius: 6px;
              text-decoration: none; color: #0969da;">
      ← Previous
    </a>
  {% else %}
    <span aria-disabled="true"
          style="padding: 6px 12px; color: #636c76; border: 1px solid #d0d7de;
                 border-radius: 6px; cursor: default;">
      ← Previous
    </span>
  {% endif %}
  <span style="color: #636c76;">
    Page {{ page }} of {{ total_pages }}
    {% if total is not none %}({{ total }} total){% endif %}
  </span>
  {% if page < total_pages %}
    <a href="{{ url_for_page(page + 1) }}"
       style="padding: 6px 12px; border: 1px solid #d0d7de; border-radius: 6px;
              text-decoration: none; color: #0969da;">
      Next →
    </a>
  {% else %}
    <span aria-disabled="true"
          style="padding: 6px 12px; color: #636c76; border: 1px solid #d0d7de;
                 border-radius: 6px; cursor: default;">
      Next →
    </span>
  {% endif %}
</nav>
{% endmacro %}