{% extends "base.html" %}
{% block title %}Artist: {{ camp.name }}{% endblock title %}
{% block content %}

<h2 class="camp-name"><a href="{{ camp.url }}">{{ camp.name }}</a></h2>
<hr class="mt-2 mb-5">
  <div class="row text-center text-lg-left">
    {% for data in object_list %}
        <div class="col-lg-3 col-md-4 col-6">
        <h6>{{ data.item_name|slice:":33" }}</h6>
        <a href={{ data.url }} class="d-block mb-4 h-100">
                <img class="img-fluid img-thumbnail" src={{data.img_url}} alt="">
            </a>
        </div>
    {% endfor %}
    </div>
</div>
<!--Pagination-->
{% if is_paginated %}
    <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-center">
        {% if page_obj.has_previous %}
            <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.previous_page_number }}">Previous</a>
          </li>
        {% else %}
            <li class="page-item disabled">
            <a class="page-link" href="#" tabindex="-1" aria-disabled="True">Previous</a>
          </li>
        {% endif %}

        {% if page_obj.number|add:'-4' > 1 %}
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.number|add:'-5' }}">&hellip;</a></li>
        {% endif %}

        {% for i in page_obj.paginator.page_range %}
            {% if page_obj.number == i %}
                <li class="page-item active" aria-current="page">
              <span class="page-link">
                {{ i }}
                <span class="sr-only">(current)</span>
              </span>
            </li>
            {% elif i > page_obj.number|add:'-5' and i < page_obj.number|add:'5' %}
                 <li class="page-item"><a class="page-link" href="?page={{ i }}">{{ i }}</a></li>
            {% endif %}
        {% endfor %}

        {% if page_obj.paginator.num_pages > page_obj.number|add:'4' %}
           <li class="page-item"><a class="page-link" href="?page={{ page_obj.number|add:'5' }}">&hellip;</a></li>
        {% endif %}

        {% if page_obj.has_next %}
            <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.next_page_number }}">Next</a>
          </li>
        {% else %}
            <li class="page-item disabled">
            <a class="page-link" href="#" tabindex="-1" aria-disabled="True">Next</a>
          </li>
        {% endif %}
      </ul>
    </nav>
    {% endif %}
    <!--end of Pagination-->
{% endblock content %}