{{#if pagination.hasMultiplePages}}
<div class="card-footer d-flex flex-wrap align-items-center">
  <div class="text-muted small">
    Showing {{pagination.startItem}}-{{pagination.endItem}} of {{pagination.totalItems}} {{pagination.itemLabel}}
  </div>
  <nav class="ms-auto" aria-label="{{pagination.ariaLabel}}">
    <ul class="pagination pagination-sm mb-0">
      <li class="page-item {{#unless pagination.hasPrevious}}disabled{{/unless}}">
        <a class="page-link" href="{{#if pagination.hasPrevious}}{{basePath}}{{pagination.previousUrl}}{{else}}#{{/if}}" aria-label="Previous page">Previous</a>
      </li>
      {{#each pagination.pages}}
        {{#if ellipsis}}
          <li class="page-item disabled" aria-hidden="true">
            <span class="page-link">...</span>
          </li>
        {{else}}
          <li class="page-item {{#if active}}active{{/if}}">
            <a class="page-link" href="{{../basePath}}{{url}}">{{number}}</a>
          </li>
        {{/if}}
      {{/each}}
      <li class="page-item {{#unless pagination.hasNext}}disabled{{/unless}}">
        <a class="page-link" href="{{#if pagination.hasNext}}{{basePath}}{{pagination.nextUrl}}{{else}}#{{/if}}" aria-label="Next page">Next</a>
      </li>
    </ul>
  </nav>
</div>
{{/if}}