div.pagination.pagination-centered(id='pager', ng-show='pager.numberOfPages > 1')
    ul
        li
            button.btn(type='button', ng-disabled='pager.current == 0', ng-click='pager.current=pager.current-1', id='actionPreviousPage') #{__('previous')}
        li(ng-show='pager.current -2 > 0')
            button.btn(type='button', ng-click='pager.current=0', id='actionFirstPage') 1
        li(ng-show='pager.current -2 > 1')
            button.btn(type='button', ng-disabled='true') ..
        li(ng-repeat='i in [-2,-1,0,1,2]', ng-show='pager.current + i >= 0 && pager.current + i < pager.numberOfPages')
            button.btn(type='button', ng-click='$parent.pager.current=pager.current+i', ng-disabled='i==0', id='actionRelativePage{{i}}') {{ pager.current + i + 1 }}
        li(ng-show='pager.current < pager.numberOfPages - 4')
            button.btn(type='button', ng-disabled='true') ..
        li(ng-show='pager.current < pager.numberOfPages - 3')
            button.btn(type='button', ng-click='pager.current=pager.numberOfPages-1', id='actionLastPage') {{ pager.numberOfPages }}
        li
            button.btn(type='button', ng-disabled='pager.current > pager.numberOfPages - 2', ng-click='pager.current=pager.current+1', id='actionNextPage') #{__('next')}