{# /data/gyber/apps/web/templates/includes/pagination.html #}
{# 페이지네이션 UI 컴포넌트 #}
{% if total_pages > 1 %}
<nav aria-label="Page navigation">
    <ul class="pagination justify-content-center">
         <li class="page-item {% if current_page == 1 %}disabled{% endif %}">
             <a class="page-link" href="?page=1&{{ query_params_all }}" aria-label="First">««</a>
         </li>
        <li class="page-item {% if not has_previous %}disabled{% endif %}">
            <a class="page-link" href="?page={{ previous_page_number }}&{{ query_params_all }}" aria-label="Previous">«</a>
        </li>
        {% for page_num in page_numbers %}
             <li class="page-item {% if page_num == current_page %}active{% endif %}">
                 {% if page_num == current_page %}
                    <span class="page-link">{{ page_num }}</span>
                 {% else %}
                    <a class="page-link" href="?page={{ page_num }}&{{ query_params_all }}">{{ page_num }}</a>
                 {% endif %}
             </li>
        {% endfor %}
        <li class="page-item {% if not has_next %}disabled{% endif %}">
            <a class="page-link" href="?page={{ next_page_number }}&{{ query_params_all }}" aria-label="Next">»</a>
        </li>
        <li class="page-item {% if current_page == total_pages %}disabled{% endif %}">
            <a class="page-link" href="?page={{ total_pages }}&{{ query_params_all }}" aria-label="Last">»»</a>
        </li>
    </ul>
</nav>
{% endif %}