<div class="pagination-centered">
  {{#unless onePage}}
    <ul class="pagination">
      {{#if canStepBackward}}
          <li class="arrow prev enabled-arrow">
              <a {{action "changePage" -1}}>&laquo;</a>
          </li>
      {{else}}
          <li class="arrow prev disabled">
              <a {{action "changePage" -1}}>&laquo;</a>
          </li>
      {{/if}}

      {{#each pageItems as |item|}}
        {{#if item.current}}
            <li class="active page-number">
                <a>{{item.title}}</a>
            </li>
        {{else}}
            <li class="page-number">
                <a {{action "clickPage" item.page}}>{{item.title}}</a>
            </li>
        {{/if}}
      {{/each}}

      {{#if canStepForward}}
          <li class="arrow next enabled-arrow">
              <a {{action "changePage" 1}}>&raquo;</a>
          </li>
      {{else}}
          <li class="arrow next disabled">
              <a {{action "changePage" 1}}>&raquo;</a>
          </li>
      {{/if}}
    </ul>
  {{/unless}}
</div>
