{% 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 Management" %}</h3>
        </div>

        <!-- Log Type Tabs -->
        <div class="mb-4">
            <ul class="nav nav-tabs" id="accountTypeTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="modellogs-tab" data-bs-toggle="tab" data-bs-target="#modellogs" type="button" role="tab" aria-controls="modellogs" aria-selected="true">
                        <i class="fas fa-wallet me-2"></i>{% trans "User Actions" %}
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="authlogs-tab" data-bs-toggle="tab" data-bs-target="#authlogs" type="button" role="tab" aria-controls="authlogs" aria-selected="false">
                        <i class="fas fa-boxes me-2"></i>{% trans "User Login Events" %}
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="requestslog-tab" data-bs-toggle="tab" data-bs-target="#requestslog" type="button" role="tab" aria-controls="requestslog" aria-selected="false">
                        <i class="fas fa-landmark me-2"></i>{% trans "User Page Requests" %}
                    </button>
                </li>
               
            </ul>

            <div class="tab-content p-3 border border-top-0 rounded-bottom" id="accountTypeTabsContent">
                <!--  Tab -->
                <div class="tab-pane fade show active" id="modellogs" role="tabpanel" aria-labelledby="modellogs-tab">
                    {% include "partials/search_box.html" %}
                    {% include "admin_management/model_logs.html" %}
                   
                </div>

                <!-- COGS Tab -->
                <div class="tab-pane fade" id="authlogs" role="tabpanel" aria-labelledby="authlogs-tab">
                        {% include "partials/search_box.html" %}
                        {% include "admin_management/auth_logs.html" %}
                    
                </div>

                <!-- Capital Tab -->
                <div class="tab-pane fade" id="requestslog" role="tabpanel" aria-labelledby="requestslog-tab">
                    {% include "partials/search_box.html" %}
                    {% include "admin_management/request_logs.html" %}
                </div>

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

   
{% endblock %}