{% load components %}

{# Django template for Pagination #}
{# ─────────────────────────────────────────────────────────── #}
{# Required props:                                             #}
{#   currentPage   – current 1-based page number              #}
{#   pages         – list of {type, page} dicts pre-computed  #}
{#                   server-side (see Paginator helper)        #}
{# Common optional props:                                      #}
{#   totalPages    – omit for unbounded mode                   #}
{#   unbounded     – true when total pages is unknown          #}
{#   arrowsOnly    – hide page number buttons                  #}
{#   prevLabel     – default "Previous"                        #}
{#   nextLabel     – default "Next"                            #}
{#   hideLinkText  – sr-only the prev/next labels              #}
{#   ariaLabel     – nav aria-label, default "Pagination"      #}
{#   pageUrlPrefix – URL prefix for page links, e.g. "?page=" #}
{#   showSummary   – display "Showing X–Y of Z items"         #}
{#   firstItem, lastItem, totalItems, itemLabel                #}
{#   showStepOptions – display items-per-page selector        #}
{#   pageSize, pageSizeOptions (list), stepOptionsLabel        #}
{#   className     – extra classes on the outer wrapper        #}
{# ─────────────────────────────────────────────────────────── #}
<div class="usx-pagination{% if className %} {{ className }}{% endif %}">
  <div class="usx-pagination__container">

    {# ── Summary (left slot) ───────────────────────────────── #}
    {% if totalItems %}
      {% if showSummary != False and showSummary != "false" %}
      <div class="usx-pagination__container-summary">
        {% pagination_summary firstItem=firstItem lastItem=lastItem currentPage=currentPage pageSize=pageSize|default:10 totalItems=totalItems itemLabel=itemLabel|default:"items" %}{% endpagination_summary %}
      </div>
      {% endif %}
    {% endif %}

    {# ── Nav + step options (right slot) ─────────────────── #}
    <div class="usx-pagination__container-end">

      {% if showStepOptions != False %}
      {% pagination_step_options pageSize=pageSize|default:10 pageSizeOptions=pageSizeOptions stepOptionsLabel=stepOptionsLabel|default:"Items per page" stepOptionsId=stepOptionsId|default:"pagination-step-options" %}{% endpagination_step_options %}
      {% endif %}

      {% pagination_navigation currentPage=currentPage|default:1 totalPages=totalPages pages=pages unbounded=unbounded arrowsOnly=arrowsOnly prevLabel=prevLabel|default:"Previous" nextLabel=nextLabel|default:"Next" hideLinkText=hideLinkText|default:True ariaLabel=ariaLabel|default:"Pagination" pageUrlPrefix=pageUrlPrefix|default:"?page=" %}{% endpagination_navigation %}

    </div>

  </div>
</div>