{{if data.pageChange}}
<div class="pagechange-wrapper">
  <div class="pagechange">
    <div class="pagechange-close">{{html iconPlugin('close', 'secondary.altPopupColor')}}</div>
    <div class="pagechange-intro">{{html i18nPlugin('pagination_legend')}}</div>
    <div class="pagechange-error">{{html i18nPlugin('pagination_error')}}</div>
    <input class="pagechange-current" autofocus />
    {{html i18nPlugin('pagination_separator')}}
    <span class="pagechange-total"></span>
  </div>
</div>
{{/if}}

{{if data.pagination}}
<div class="pagination-wrapper">
  <div class="pagination">
    <span class="pagination-current"></span>
    {{html i18nPlugin('pagination_separator')}}
    <span class="pagination-total"></span>
  </div>
</div>
{{/if}}

{{if data.arrows}}
  <div class="pagechange-arrow pagechange-arrow-left">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
      <path d="M35 2.8l-22.2 22.2 22.2 22.3 2.1-2.1-20.2-20.2 20.2-20.2z"/>
    </svg>
  </div>
  <div class="pagechange-arrow pagechange-arrow-first">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
      <path d="M38.6 4.8l-2-2-22.3 22.2 22.3 22.3 2-2.1-20.1-20.2zM11.4 2.8h2.9v44.5h-2.9z"/>
    </svg>
  </div>
  <div class="pagechange-arrow pagechange-arrow-right">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
      <path d="M15 47.3l22.3-22.3-22.3-22.2-2.1 2 20.2 20.2-20.2 20.2z"/>
    </svg>
  </div>
  <div class="pagechange-arrow pagechange-arrow-last">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
      <path d="M11.4 4.8l2-2.1 22.3 22.3-22.3 22.3-2-2.1 20.1-20.2zM35.7 2.8h2.9v44.5h-2.9z"/>
    </svg>
  </div>
{{/if}}