{% load faceted_tags %}

<div class="pagination_holder">
<nav>
  {% if results.paginator.num_pages > 1 %}
  <ul class="pagination">
  	{% if results.has_previous %}
    <li>
      <a value="{{ results.previous_page_number }}" href="?page={{ results.previous_page_number }}" aria-label="Previous">
        <span aria-hidden="true">Précédent</span>
      </a>
    </li>
    {% endif %}
    {% for page_nbr in begin %}
      <li><a value="{{ page_nbr }}" href="?page={{ page_nbr }}" 
      {% if page_nbr = results.number %} class="focus" {% endif %}>{{ page_nbr }}</a></li>
    {% endfor %}

    {% if middle %}
      <li><strong style="float: left;">...</strong></li>
      {% for page_nbr in middle %}
        <li><a value="{{ page_nbr }}" href="?page={{ page_nbr }}" 
        {% if page_nbr = results.number %} class="focus" {% endif %}>{{ page_nbr }}</a></li>
      {% endfor %}
    {% endif %}
    {% if end %}
      <li><strong style="float: left;">...</strong></li>
      {% for page_nbr in end %}
        <li><a value="{{ page_nbr }}" href="?page={{ page_nbr }}" 
        {% if page_nbr = results.number %} class="focus" {% endif %}>{{ page_nbr }}</a></li>
      {% endfor %}
    {% endif %}
    
    {% if results.has_next %}
    <li>
      <a value="{{ results.next_page_number }}" href="?page={{ results.next_page_number }}" aria-label="Next">
        <span aria-hidden="true">Suivant</span>
      </a>
    </li>
    {% endif %}
  </ul>
  {% endif %}
</nav>
</div>

<div class="faceted_results">
{% if results %}
<ul>
{% for item in results %}
<li>{% faceted_item item %}</li>
{% endfor %}
</ul>
{% else %}
<p class="text-warning">
  Il n'y aucun résultat, essayez avec d'autres critères.
</p>
{% endif %}
</div>

<div class="pagination_holder">
<nav>
  {% if results.paginator.num_pages > 1 %}
  <ul class="pagination">
    {% if results.has_previous %}
    <li>
      <a value="{{ results.previous_page_number }}" href="?page={{ results.previous_page_number }}" aria-label="Previous">
        <span aria-hidden="true">Précédent</span>
      </a>
    </li>
    {% endif %}
    {% for page_nbr in begin %}
      <li><a value="{{ page_nbr }}" href="?page={{ page_nbr }}" 
      {% if page_nbr = results.number %} class="focus" {% endif %}>{{ page_nbr }}</a></li>
    {% endfor %}

    {% if middle %}
      <li><strong style="float: left;">...</strong></li>
      {% for page_nbr in middle %}
        <li><a value="{{ page_nbr }}" href="?page={{ page_nbr }}" 
        {% if page_nbr = results.number %} class="focus" {% endif %}>{{ page_nbr }}</a></li>
      {% endfor %}
    {% endif %}
    {% if end %}
      <li><strong style="float: left;">...</strong></li>
      {% for page_nbr in end %}
        <li><a value="{{ page_nbr }}" href="?page={{ page_nbr }}" 
        {% if page_nbr = results.number %} class="focus" {% endif %}>{{ page_nbr }}</a></li>
      {% endfor %}
    {% endif %}
    
    {% if results.has_next %}
    <li>
      <a value="{{ results.next_page_number }}" href="?page={{ results.next_page_number }}" aria-label="Next">
        <span aria-hidden="true">Suivant</span>
      </a>
    </li>
    {% endif %}
  </ul>
  {% endif %}
</nav>
</div>