{% extends "base.html" %}

{% block content %}
<div class="container">
    <div class="title">Activity Reports</div>
    <div class="subtitle">Detailed security log of your SC ID.</div>

    <div class="glass-panel">
        <h3 style="margin-top:0; color:var(--primary);">System Logs</h3>
        {% if logs %}
        <table>
            <thead>
                <tr>
                    <th>Action</th>
                    <th>Status</th>
                    <th>IP Address</th>
                    <th>Timestamp (UTC)</th>
                </tr>
            </thead>
            <tbody>
                {% for log in logs %}
                <tr>
                    <td style="font-weight:600;">{{ log.action }}</td>
                    <td>
                        <span class="badge {{ 'true' if log.status == 'SUCCESS' else 'false' }}">
                            {{ log.status }}
                        </span>
                    </td>
                    <td style="font-family:monospace; font-size:0.875rem; color:var(--text-muted);">{{ log.ip }}</td>
                    <td style="font-size:0.875rem; color:var(--text-muted);">{{ log.timestamp.split('T')[0] }} {{ log.timestamp.split('T')[1][:8] }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <p style="color:var(--text-muted);">No activity logs found.</p>
        {% endif %}
    </div>
</div>
{% endblock %}