{% extends 'extends/layout.html' %}
{% load static %}
{% block content %}
    <div class="row">
        <div class="col-lg-12">
            <div class="accordion custom-accordion" id="custom-accordion-one">
                {% for audit in audits %}
                    <div class="card mb-1">
                        <div class="card-header" id="headingFour">
                            <h5 class="m-0">
                                <a class="custom-accordion-title d-block py-1"
                                   data-bs-toggle="collapse" href="#collapseFour{{ audit.id }}"
                                   aria-expanded="true" aria-controls="collapseFour">
                                    {{ forloop.counter }}. {{ audit.title }} by {{ audit.actor.staff.biodata.name }}
                                    <small>{{ audit.get_action_type_display }}</small> - <label
                                        class="pull-right">{{ audit.action_time }}</label> <label><i
                                        class="mdi {% if audit.status == 'Success' %}mdi-check-circle text-success {% else %} mdi-close-circle text-danger {{% endif %}"></i>
                                </label> <i class="mdi mdi-chevron-down accordion-arrow"></i>
                                </a>
                            </h5>
                        </div>

                        <div id="collapseFour{{ audit.id }}"
                             class="collapse {% if forloop.counter == 1 %}show{% endif %}"
                             aria-labelledby="headingFour"
                             data-bs-parent="#custom-accordion-one">
                            <div class="card-body">
                                {{ audit.remarks }}
                            </div>
                        </div>
                    </div>
                {% empty %}
                    <p>No audit trails for this business</p>
                {% endfor %}
                <div class="card-footer">
                {% if audits.has_next or audits.has_previous %}
                    <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-end">
                            {% if audits.has_previous %}
                                <li class="page-item"><a class="page-link"
                                                         href="?page={{ audits.previous_page_number }}">«
                                    Previous</a></li>

                                {% if audits.number > 3 %}
                                    <li class="page-item"><a class="page-link" href="?page=1">1</a></li>
                                    {% if audits.number > 4 %}
                                        <li class="page-item"><a class="page-link">...</a></li>
                                    {% endif %}
                                {% endif %}
                            {% endif %}

                            {% for num in audits.paginator.page_range %}
                                {% if audits.number == num %}
                                    <li class="page-item"><a class="page-link"
                                                             href="?page={{ num }}">{{ num }}</a></li>
                                {% elif num > audits.number|add:'-3' and num < audits.number|add:'3' %}
                                    <li class="page-item"><a class="page-link"
                                                             href="?page={{ num }}">{{ num }}</a></li>
                                {% endif %}
                            {% endfor %}

                            {% if audits.has_next %}
                                {% if audits.number < audits.paginator.num_pages|add:'-3' %}
                                    <li class="page-item"><a class="page-link">...</a></li>
                                    <li class="page-item"><a class="page-link"
                                                             href="?page={{ audits.paginator.num_pages }}">{{ audits.paginator.num_pages }}</a>
                                    </li>
                                {% elif audits.number < audits.paginator.num_pages|add:'-2' %}
                                    <li class="page-item"><a class="page-link"
                                                             href="?page={{ audits.paginator.num_pages }}">{{ audits.paginator.num_pages }}</a>
                                    </li>
                                {% endif %}

                                <li class="page-item"><a class="page-link"
                                                         href="?page={{ audits.next_page_number }}">Next
                                    »</a></li>
                            {% endif %}

                        </ul>
                    </nav>
                {% endif %}
                </div>
            </div>
        </div>
    </div>

{% endblock %}