{% set url_params = url_params or {} %}
<div class="ui segment transparent no-padding pagination">
  <div class="ui stackable two column doubling grid middle aligned">
    <div class="three wide column">
      {{ pagination.info }}
    </div>

    <div class="nine wide column right aligned">
        <div class="pages-links-container">
            <ul class="pages-links">
              {{ pagination.links }}
            </ul>
        </div>
        <div class="items-on-page-container">
          <select class="ui dropdown items-on-page">
            {% for option in pagination.per_page_options %}
              <option value="{{ url_for(request.endpoint, per_page=option, **pagination.per_page_args) }}"
                      {% if pagination.per_page == option %}selected{% endif %}>{{ option }} / Page
              </option>
            {% endfor %}
          </select>
        </div>
          {% if pagination.total_pages > 1 %}
            <div class="goto-page-container">
              <form action="{{ url_for(request.endpoint, **request.view_args) }}" method="GET"
                    id="pagination-go-to">
                {% for k, v in pagination.go_to_page_params.items() %}
                    <input type="hidden" name="{{ k }}" value="{{ v }}">
                {% endfor %}

                  <div class="ui input">
                    <label class="goto-page-label">GO TO</label><input type="number" class="goto-page" name="page"  data-max-value="{{ pagination.total_pages }}" >
                  </div>
              </form>
            </div>
          {% endif %}
    </div>

  </div>

</div>