{% extends "base.html" %}

{% block title %}Logs de Auditoria — {{ app_name }}{% endblock %}

{% block content %}
<div class="content-card">
    <div style="margin-bottom: 1.5rem;">
        <h2 style="color: #123B6D; font-weight: 800;">📋 Logs de Auditoria e Segurança</h2>
        <p style="color: #5A6E85; font-size: 0.9rem;">Rastreabilidade completa de ações e operações no sistema</p>
    </div>

    <table class="custom-table">
        <thead>
            <tr>
                <th>Data / Hora</th>
                <th>Usuário</th>
                <th>Ação</th>
                <th>Entidade</th>
                <th>Detalhes</th>
                <th>IP</th>
            </tr>
        </thead>
        <tbody>
            {% for log in logs %}
            <tr>
                <td style="font-size: 0.85rem; color: #5A6E85;">{{ log.data_hora.strftime('%d/%m/%Y %H:%M:%S') }}</td>
                <td style="font-weight: 600; color: #123B6D;">{{ log.usuario_nome or 'Sistema' }}</td>
                <td><span class="badge" style="background: #E3F2FD; color: #1976D2;">{{ log.acao }}</span></td>
                <td>{{ log.entidade }} (ID: {{ log.entidade_id or 'N/A' }})</td>
                <td>{{ log.detalhes or '' }}</td>
                <td style="font-size: 0.85rem; color: #888;">{{ log.ip or '127.0.0.1' }}</td>
            </tr>
            {% else %}
            <tr>
                <td colspan="6" style="text-align: center; color: #5A6E85;">Nenhum log registrado ainda.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}