{% extends "crud/list.html" %}
{% from "macros/list.html" import filter_text, multi_dropdown %}

{% set entity_name = "User Log" %}
{% set no_create = true %}
{% set no_delete = true %}

{% block page_title %}User Log{% endblock %}

{% block page_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/crud/userlog.css') }}">
{% endblock %}

{% block filters_section %}
<div class="collapse" id="filterCollapse">
    <div class="panel panel-default filter-panel">
        <div class="panel-heading">
            <strong>Filters</strong>
        </div>
        <div class="panel-body">
            {{ filter_text('filter-user', 'User', 'Filter by user...') }}
            {% if is_global_admin_view %}
            {{ multi_dropdown('filter-unit', 'Unit', units_list) }}
            {% endif %}
            {{ multi_dropdown('filter-action', 'Action', audit_actions) }}
            {{ filter_text('filter-details', 'Details', 'Filter by details...', wide=true) }}
            <div class="filter-group filter-actions">
                <button id="btn-clear-filters" type="button" class="btn btn-default btn-sm">Clear Filters</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block table_content %}
{# Custom table for userlog - uses server-side DataTables with different ID #}
<table id="userlog-table" class="table table-striped table-bordered crud-table crud-truncate"
       data-api-url="{{ url_for('admin_data.userlog_api') }}"
       data-show-unit-column="{{ (is_global_admin_view | default(false)) | lower }}">
    <thead>
        <tr>
            <th class="col-date">Date</th>
            <th class="col-user">User</th>
            <th class="col-action">Action</th>
            <th class="col-details">Details</th>
            {% if is_global_admin_view %}<th class="col-unit">Business Unit</th>{% endif %}
        </tr>
    </thead>
    <tbody>
        {# Empty - data loaded via server-side AJAX #}
    </tbody>
</table>
{% endblock %}

{% block page_scripts %}
<script src="{{ url_for('static', filename='eportal-js/crud/userlog.js') }}"></script>
{% endblock %}