{% if entityArray is defined %}
  <div class="d-flex justify-content-between ml-2">
    <div class="d-flex flex-column"></div>
    <form class="form-inline d-flex justify-content-end multi-form-entity-table pagination-widget">
      <input type="hidden" name="quickFilter" value="{{ app.request.query.get('quickFilter') }}">
      <input type="hidden" name="items" value="{{ app.request.query.get('items') }}">
      {% if entityArray.foot.hasPrevPage %}
        <button class="btn p-0 mr-1" data-value="{{ entityArray.foot.minPage }}">
          <i class="fa fa-chevron-left"></i><i class="fa fa-chevron-left"></i>
        </button>
        <button class="btn p-0" data-value="{{ entityArray.foot.currentPage - 1 }}">
          <i class="fa fa-chevron-left mr-2"></i>
        </button>
      {% endif %}
      <div class="input-group">
        <input
          name="page"
          type="number"
          min="{{ entityArray.foot.minPage }}"
          max="{{ entityArray.foot.maxPage }}"
          step="1"
          class="form-control list-page-input"
          value="{{ entityArray.foot.currentPage }}"
        />
        <div class="input-group-append">
          <span class="input-group-text">/ {{ entityArray.foot.maxPage }}</span>
        </div>
      </div>
      {% if entityArray.foot.hasNextPage %}
        <button class="btn p-0" data-value="{{ entityArray.foot.currentPage + 1 }}">
          <i class="fa fa-chevron-right ml-2"></i>
        </button>
        <button class="btn p-0 ml-1" data-value="{{ entityArray.foot.maxPage }}">
          <i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i>
        </button>
      {% endif %}
    </form>
  </div>
{% endif %}