{% extends "base.html" %}
{% load i18n custom_filters %}
{% block title %}{% trans "Accounts" %}{% endblock title %}
{% block accounts %}
    <a class="nav-link active fw-bold">
        {% trans "Accounts"|capfirst %}
        <span class="visually-hidden">(current)</span>
    </a>
{% endblock %}
{% block content %}
    <div class="row mt-4">
      
        <div class="d-flex justify-content-between mb-2">
             <h3 class=""><i class="fa-solid fa-book"></i> {% trans "Audit Log Dashboard" %}</h3>
        </div>

        <!-- Log Type Tabs -->
        <div class="mb-4">
            {% include 'admin_management/nav.html' %}

            <div class="tab-content p-3 border border-top-0 rounded-bottom" id="accountTypeTabsContent">
                <!-- modellogs Tab -->
              
   {% if page_obj %}
            <div class="table-responsive px-1 scrollbar mt-3">
                <table class= "table align-items-center table-flush table-hover">
                    <thead>
                        <tr class="bg-body-highlight">
                            <th class="sort white-space-nowrap align-middle" scope="col">{{ _("Timestamp") |capfirst }}</th>
                            <th class="sort white-space-nowrap align-middle" scope="col">{{ _("User") |capfirst }}</th>
                            <th class="sort white-space-nowrap align-middle" scope="col">{{ _("Event Type") }}</th>
                            <th class="sort white-space-nowrap align-middle" scope="col">{{ _("username") |capfirst }}</th>
                            <th class="sort white-space-nowrap align-middle"scope="col">{{ _("IP Address") |capfirst }}</th>
                        </tr>
                    </thead>
                    <tbody class="list">
                         {% for event in page_obj.object_list %}
                            <tr class="hover-actions-trigger btn-reveal-trigger position-static">
          
                              <td class="align-middle product white-space-nowrap">{{event.datetime}}</td>
                              <td class="align-middle product white-space-nowrap">{{ event.user.username|default:"N/A" }}</td>
                              <td class="align-middle product white-space-nowrap">{{ event.get_login_type_display}}</td>
                              <td class="align-middle product white-space-nowrap">{{ event.username}}</td>
                              <td class="align-middle product white-space-nowrap">{{ event.remote_ip}}</td>
                              
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
              </div>
              <div class="d-flex justify-content-end mt-3">
                        <div class="d-flex">
                            {% if is_paginated %}
                                {% include 'partials/pagination.html' %}
                            {% endif %}
                        </div>
              </div>
   {% include 'partials/pagination_audit.html' with q='loginEvents' %}   
                       
    {% else %}
        <p>No authentication audit events found.</p>
    {% endif %}
  
                
                
            </div>
        </div>
    </div>

    

   
{% endblock %}