{% load i18n custom_filters %}
 {% if auth_events %}
            <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 auth_events %}
                            <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>
               
    {% else %}
        <p>No authentication audit events found.</p>
    {% endif %}