{% if offset >= total_results %}
  {% set current_page = 1 %}
{% else %}
  {% set current_page = ((offset / limit) + 1) | int %}
{% endif %}

{% if total_results > limit %}
  <div class="row cve-pagination-footer">
    <div class="col-6">
      <ol class="p-pagination">
        <li class="p-pagination__item">
          {% if current_page > 1 %}
            <a class="p-pagination__link--previous"
               href="?{{ modify_query({'offset': offset - limit}) }}"
               title="Previous page">
              <i class="p-icon--chevron-down">Previous page</i>
            </a>
          {% else %}
            <span class="p-pagination__link--previous is-disabled">
              <i class="p-icon--chevron-down">Previous page</i>
            </span>
          {% endif %}
        </li>
        {# always show 5 pages in pagination #}
        {% if current_page > 4 and current_page == total_pages %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page - 5) * limit}) }}"
               class="p-pagination__link">{{ current_page - 4 }}</a>
          </li>
        {% endif %}

        {% if current_page > 3 and current_page == total_pages - 1 %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page - 4) * limit}) }}"
               class="p-pagination__link">{{ current_page - 3 }}</a>
          </li>
        {% endif %}

        {% if current_page > 3 and current_page == total_pages %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page - 4) * limit}) }}"
               class="p-pagination__link">{{ current_page - 3 }}</a>
          </li>
        {% endif %}

        {% if current_page > 2 %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page - 3) * limit}) }}"
               class="p-pagination__link">{{ current_page - 2 }}</a>
          </li>
        {% endif %}

        {% if current_page > 1 %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page - 2) * limit}) }}"
               class="p-pagination__link">{{ current_page - 1 }}</a>
          </li>
        {% endif %}

        {# current current_page #}
        <li class="p-pagination__item">
          <a href="?{{ modify_query({'offset': offset }) }}"
             class="p-pagination__link is-active">{{ current_page }}</a>
        </li>

        {% if current_page < total_pages %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': current_page * limit}) }}"
               class="p-pagination__link">{{ current_page + 1 }}</a>
          </li>
        {% endif %}

        {% if current_page < total_pages - 1 %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page + 1) * limit}) }}"
               class="p-pagination__link">{{ current_page + 2 }}</a>
          </li>
        {% endif %}

        {% if current_page < total_pages - 2 and current_page == 1 %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page + 2) * limit}) }}"
               class="p-pagination__link">{{ current_page + 3 }}</a>
          </li>
        {% endif %}

        {% if current_page < total_pages - 3 and current_page == 1 %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page + 3) * limit}) }}"
               class="p-pagination__link">{{ current_page + 4 }}</a>
          </li>
        {% endif %}

        {% if current_page <= total_pages - 3 and current_page == 2 %}
          <li class="p-pagination__item">
            <a href="?{{ modify_query({'offset': (current_page + 2) * limit}) }}"
               class="p-pagination__link">{{ current_page + 3 }}</a>
          </li>
        {% endif %}

        <li class="p-pagination__item">
          {% if current_page != total_pages %}
            <a class="p-pagination__link--next"
               href="?{{ modify_query({'offset': offset + limit}) }}"
               title="Next page">
              <i class="p-icon--chevron-down">Next page</i>
            </a>
          {% else %}
            <span class="p-pagination__link--next is-disabled">
              <i class="p-icon--chevron-down">Next page</i>
            </span>
          {% endif %}
        </li>
      </ol>
    </div>
    <div class="col-3 cve-pagination-footer-links">
      <a id="js-export-link" href="">Export to JSON</a>
      <div class="p-form__group">
        <label class="p-form__label" for="limit-set">Results by page:</label>
        <select class="p-form__control u-no-margin--bottom js-limit-select"
                id="limit-set">
          <option value="10">10</option>
          <option value="20">20</option>
          <option value="40">40</option>
          <option value="60">60</option>
          <option value="80">80</option>
          <option value="100">100</option>
        </select>
      </div>
    </div>
  </div>
{% endif %}