{% extends 'base/base.html' %}
{% block title %} Activity Report{% endblock %}
{% block stylesheets %}
{% endblock stylesheets %}
{% block content %}


<div class="overlay"></div>



<div id="wrapper">



    <div id="main-content">
        <br>
        <br>
       
     

        <div class="container-fluid">
            
            
                <div class="col-lg-12">
                    <div class="card">
                        <div class="header">
                           
                            <h5><strong>Activity Report</strong></h5>
                            
                        </div>
                        <div class="body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover dataTable js-exportable" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Sr.No</th>
                                            <th>User Name</th>
                                            <th>User Role</th>
                                            <th>Action</th>
                                            <th>Model</th>
                                            <th>Model ID</th>
                                            <th>Time</th>
                                        </tr>
                                        </thead>
                                        <tbody class="table-border-bottom-0">
                                        {% for log in logs %}
                                          
                                        <tr>
                                            <td>{{ forloop.counter }}</td>                     
                                            <td>{{ log.user.username }}</td>
                                            <td>{{ log.user.userRole }}</td>
                                            <td>{{ log.get_action_type_display }}</td>
                                            <td>
                                                {% if log.model_name == 'Client' %}
                                                Screening Patients
                                                {% elif log.model_name == 'Report' %}
                                                Travel Report
                                                {% else %}
                                                {{ log.model_name }}
                                                {% endif %}
                                            </td>
                                            <td>{{ log.instance_id }}</td>
                                            <td>{{ log.timestamp }}</td>
                    
                                    </tr>
                                    
                                    {% endfor %}
                                        
                                    </tbody>
                                </table>

                               

                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    Showing {{ logs.start_index }} to {{ logs.end_index }} of {{ logs.paginator.count }} entries
                                    </div>
                                    <div class="col-md-5">
                                    </div>
                                    <div class="col-md-3">
                                        <nav aria-label="...">
                                            <ul class="pagination">
                                                <div class="pagination">
                                                    {% if logs.has_previous %}
                                                        <a href="?pagelogs={{ logs.previous_page_number }}" class="btn btn-sm" style="background-color: #4c9ca7; color: white; margin-right: 5px;">Previous</a>
                                                    {% endif %}
                                                    
                                                    {% for num in logs.paginator.page_range %}
                                                        {% if logs.number == num %}
                                                            <span class="current-page" style="border: 1px solid; padding: 5px; margin-right: 5px;  background-color: #4c9ca7; color: white; width: 30px; display: flex; justify-content: center;">{{ num }}</span>
                                                        {% elif num in logs.paginator.page_range|slice:":4" %}
                                                            <a href="?pagelogs={{ num }}"  style="border: 1px solid #ccc; padding: 5px; margin-right: 5px; width: 30px; display: flex; justify-content: center;  background-color: #fbf1b8;">{{ num }}</a>
                                                        {% elif num == logs.paginator.page_range.4 %}
                                                        <span style="color: #4c9ca7; margin-right: 3px;"> .... </span>
                                                        {% elif num in logs.paginator.page_range|slice:"-2:" %}
                                                            <a href="?pagelogs={{ num }}"  style="border: 1px solid #ccc; padding: 5px; margin-right: 5px; width: 30px; display: flex; justify-content: center;  background-color: #fbf1b8;">{{ num }}</a>
                                                        {% endif %}
                                                    {% endfor %}
                                                    
                                                    {% if logs.has_next %}
                                                        <a href="?pagelogs={{ logs.next_page_number }}" class="btn btn-sm" style="background-color: #4c9ca7; color: white;">Next</a>
                                                    {% endif %}
                                                </div>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>

           
        </div>
    </div>
    
</div>








{% block javascripts %}
{% endblock javascripts %}
{% endblock content %}