<div class="row justify-content-end" ...attributes>
    {{#if @pages.length}}
        <div class="col col-lg-auto oxi-pager">
            <ul class="pagination pagination-sm">
                <li class="page-item {{if @pages.prev.disabled "disabled"}}">
                    <button class="page-link" aria-label={{t 'pagination.previous'}} type="button" {{on "click" (fn @setPage @pages.prev)}}>
                        {{!-- template-lint-disable no-bare-strings --}}
                        <span aria-hidden="true">&laquo;</span>
                    </button>
                </li>
                {{#each @pages as |page|}}
                    <li class="page-item {{if page.active "active"}}">
                        <button class="page-link" type="button" {{on "click" (fn @setPage page)}}>{{page.num}}</button>
                    </li>
                {{/each}}
                <li class="page-item {{if @pages.next.disabled "disabled"}}">
                    <button class="page-link" aria-label={{t 'pagination.next'}} type="button" {{on "click" (fn @setPage @pages.next)}}>
                        {{!-- template-lint-disable no-bare-strings --}}
                        <span aria-hidden="true">&raquo;</span>
                    </button>
                </li>
            </ul>
        </div>
    {{/if}}

    <div class="col col-lg-auto oxi-pager">
        <ul class="pagination pagination-sm">
            <li class="page-item disabled pagination-label">
                <span class="page-link">{{t 'pagination.items_per_page'}}</span>
            </li>
            {{#each @pagesizes as |pagesize|}}
                <li class="page-item {{if pagesize.active "active"}}">
                    <button class="page-link" type="button" {{on "click" (fn @setPage pagesize)}}>{{pagesize.limit}}</button>
                </li>
            {{/each}}
        </ul>
    </div>

    <div class="col col-lg-auto oxi-pager">
        <ul class="pagination pagination-sm">
            <li class="page-item disabled pagination-label">
                <span class="page-link">{{t 'pagination.x_items' count=@pager.count}}</span>
            </li>
        </ul>
    </div>
</div>
