{#
  pagination.html — 범용 페이지네이션 partial.
  
  개발자가 include로 쉽게 사용할 수 있는 템플릿.
  번호 페이지 버튼 + 이전/다음 + ellipsis 지원.
  
  필요 변수:
    - page: 현재 페이지 (number)
    - lastPage: 마지막 페이지 (number)
    - baseUrl: 페이지 링크 기본 URL (예: "/board")
  
  사용법:
    {% set baseUrl = "/board" %}
    {% include "partials/pagination.html" %}
#}

{% if lastPage > 1 %}
<nav class="pagination" role="navigation" aria-label="Pagination">
  {# 이전 #}
  {% if page > 1 %}
  <a href="{{ baseUrl }}?page={{ page - 1 }}" class="page-btn page-prev">←</a>
  {% else %}
  <span class="page-btn page-prev disabled">←</span>
  {% endif %}

  {# 첫 페이지 #}
  {% if page == 1 %}
  <span class="page-btn page-num active" aria-current="page">1</span>
  {% else %}
  <a href="{{ baseUrl }}?page=1" class="page-btn page-num">1</a>
  {% endif %}

  {# 앞쪽 ellipsis #}
  {% if page > 3 %}
  <span class="page-ellipsis">…</span>
  {% endif %}

  {# 중간 범위 (page-1, page, page+1) #}
  {% if page - 1 > 1 and page - 1 < lastPage %}
  <a href="{{ baseUrl }}?page={{ page - 1 }}" class="page-btn page-num">{{ page - 1 }}</a>
  {% endif %}

  {% if page != 1 and page != lastPage %}
  <span class="page-btn page-num active" aria-current="page">{{ page }}</span>
  {% endif %}

  {% if page + 1 < lastPage and page + 1 > 1 %}
  <a href="{{ baseUrl }}?page={{ page + 1 }}" class="page-btn page-num">{{ page + 1 }}</a>
  {% endif %}

  {# 뒤쪽 ellipsis #}
  {% if page < lastPage - 2 %}
  <span class="page-ellipsis">…</span>
  {% endif %}

  {# 마지막 페이지 #}
  {% if lastPage > 1 %}
    {% if page == lastPage %}
    <span class="page-btn page-num active" aria-current="page">{{ lastPage }}</span>
    {% else %}
    <a href="{{ baseUrl }}?page={{ lastPage }}" class="page-btn page-num">{{ lastPage }}</a>
    {% endif %}
  {% endif %}

  {# 다음 #}
  {% if page < lastPage %}
  <a href="{{ baseUrl }}?page={{ page + 1 }}" class="page-btn page-next">→</a>
  {% else %}
  <span class="page-btn page-next disabled">→</span>
  {% endif %}

  {# 모바일 정보 #}
  <span class="page-info-mobile">{{ page }} / {{ lastPage }}</span>
</nav>
{% endif %}