<span>{{t 'fixtable-ember.page'}}</span>
<button type="button" class="btn btn-default page-prev" aria-label="Previous Page" {{action 'goToPreviousPage'}} disabled={{equals currentPage 1}}>
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
</button>
{{input type="number" class="form-control page-input" value=currentPage min=1 max=totalPages}}
<button type="button" class="btn btn-default page-next" aria-label="Next Page" {{action 'goToNextPage'}} disabled={{equals currentPage totalPages}}>
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
</button>
<span>{{t 'fixtable-ember.of'}} {{totalPages}}</span>

<span class="pull-right">
    <select class="form-control page-size" onchange={{action (mut pageSize) value="target.value"}}>
        {{#each pageSizeOptions as |choice|}}
            <option value={{choice}} selected={{equals pageSize choice}}>{{choice}}</option>
        {{/each}}
    </select>
    <span>
        {{t 'fixtable-ember.items_per_page'}}
    </span>
</span>
