<div>
    {{#if first_page}}
        <ul class="pagination">
            {{#if back_arrow}}
                <li class="prev-arrow {{prev_disabled}}"><a href="#" data-page="{{back_arrow.page}}" class="page {{page_spec_class}}" aria-label="Previous"><img data-page="{{back_arrow.page}}" class="page {{page_spec_class}}" src="/images/redesign/left-arrow-pagination.svg" /></a></li>
            {{/if}}
            {{#if showPagination}}
                <li class="{{first_page.style}}"><a href="#" data-page="1" class="page {{page_spec_class}}">1</a></li>
            {{/if}}
            {{#if first_ellipses}}
                <li class="page-ellipsis"><a>...</a></li>
            {{/if}}
            {{#if prev_page}}
                {{#each prev_page}}
                    <li><a href="#" data-page="{{page}}" class="page {{../../page_spec_class}}">{{text}}</a></li>
                {{/each}}
            {{/if}}
            {{#if current_page}}
                <li class="{{current_page.style}}"><a href="#" data-page="{{current_page.page}}" class="page {{page_spec_class}}">{{current_page.text}}</a></li>
            {{/if}}
            {{#if next_page}}
                {{#each next_page}}
                    <li><a href="#" data-page="{{page}}" class="page {{../../page_spec_class}}">{{text}}</a></li>
                {{/each}}
            {{/if}}
            {{#if last_ellipses}}
                <li class="page-ellipsis"><a>...</a></li>
            {{/if}}
            {{#if last_page}}
                <li class="{{last_page.style}}"><a href="#" data-page="{{last_page.page}}" class="page {{page_spec_class}}">{{last_page.text}}</a></li>
            {{/if}}
            {{#if forward_arrow}}
                <li class="next-arrow {{next_disabled}}"><a href="#" data-page="{{forward_arrow.page}}" class="page {{page_spec_class}}" aria-label="Next"><img data-page="{{forward_arrow.page}}" class="page {{page_spec_class}}" src="/images/redesign/right-arrow-pagination.svg" /></a></li>
            {{/if}}
            {{#if show_input}}
                <li>
                    <form id="go_to_form{{form_spec}}" class="goto-form" enctype="application/x-www-form-urlencoded" action="#" method="post">
                        <input type="number" name="go_to_input" value="" class="go-to-page form-control" id="go_to_input" placeholder="Go to page" min="1" max="{{total_pages}}"/>
                        <input type="hidden" name="go_to_max" value="{{total_pages}}" id="go_to_max">
                    </form>
                </li>
            {{/if}}
        </ul>
    {{/if}}
</div>