{% extends "admin_master/base_admin_master.html" %}
{% block title %}Keamanan & Audit - Admin Master{% endblock %}

{% block page_header %}
<h5 class="mb-1 fw-bold" style="color: #1f2937; font-size: 1.25rem;">Keamanan & Audit Log</h5>
<small class="text-muted" style="font-size: 0.85rem;">Pantau aktivitas admin dan keamanan sistem.</small>
{% endblock %}

{% block content %}

<!-- Filter -->
<div class="db-card mb-4">
    <form method="GET" action="/admin_master/audit" class="row g-3 align-items-end">
        <div class="col-md-3">
            <label class="form-label" style="font-size: 0.8rem;">Jenis Aksi</label>
            <select name="jenis" class="form-select form-select-sm">
                <option value="">Semua</option>
                <option value="login" {% if filter_jenis == 'login' %}selected{% endif %}>Login</option>
                <option value="logout" {% if filter_jenis == 'logout' %}selected{% endif %}>Logout</option>
                <option value="tambah" {% if filter_jenis == 'tambah' %}selected{% endif %}>Tambah</option>
                <option value="edit" {% if filter_jenis == 'edit' %}selected{% endif %}>Edit</option>
                <option value="hapus" {% if filter_jenis == 'hapus' %}selected{% endif %}>Hapus</option>
                <option value="reset_password" {% if filter_jenis == 'reset_password' %}selected{% endif %}>Reset Password</option>
                <option value="backup" {% if filter_jenis == 'backup' %}selected{% endif %}>Backup</option>
                <option value="restore" {% if filter_jenis == 'restore' %}selected{% endif %}>Restore</option>
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label" style="font-size: 0.8rem;">Modul</label>
            <input type="text" name="modul" class="form-control form-control-sm" value="{{ filter_modul }}" placeholder="contoh: Manajemen Admin">
        </div>
        <div class="col-md-3">
            <label class="form-label" style="font-size: 0.8rem;">Admin</label>
            <input type="text" name="admin" class="form-control form-control-sm" value="{{ filter_admin }}" placeholder="Username admin">
        </div>
        <div class="col-md-3">
            <button type="submit" class="btn btn-primary btn-sm w-100"><i class="fas fa-search me-1"></i> Filter</button>
        </div>
    </form>
</div>

<!-- Hasil -->
<div class="d-flex justify-content-between align-items-center mb-3">
    <span class="text-muted" style="font-size: 0.85rem;">Menampilkan <strong>{{ logs|length }}</strong> dari <strong>{{ total }}</strong> log</span>
    {% if filter_jenis or filter_modul or filter_admin %}
    <a href="/admin_master/audit" class="btn btn-outline-secondary btn-sm"><i class="fas fa-times me-1"></i> Reset Filter</a>
    {% endif %}
</div>

<div class="db-card p-0">
    <div class="table-responsive">
        <table class="table table-master mb-0">
            <thead>
                <tr>
                    <th style="width: 160px;">Waktu</th>
                    <th>Admin</th>
                    <th>Jenis</th>
                    <th>Modul</th>
                    <th>Deskripsi</th>
                    <th>IP Address</th>
                </tr>
            </thead>
            <tbody>
                {% for log in logs %}
                <tr>
                    <td style="font-size: 0.82rem; white-space: nowrap;">{{ log.created_at.strftime('%d %b %Y, %H:%M') if log.created_at else '-' }}</td>
                    <td><code>{{ log.admin_username or '-' }}</code></td>
                    <td>
                        {% set jenis_colors = {
                            'login': 'bg-success', 'logout': 'bg-secondary',
                            'tambah': 'bg-primary', 'edit': 'bg-warning text-dark',
                            'hapus': 'bg-danger', 'aktifkan': 'bg-info',
                            'nonaktifkan': 'bg-secondary', 'reset_password': 'bg-warning text-dark',
                            'backup': 'bg-info', 'restore': 'bg-dark'
                        } %}
                        <span class="badge {{ jenis_colors.get(log.jenis, 'bg-secondary') }} rounded-pill" style="font-size: 0.72rem;">{{ log.jenis }}</span>
                    </td>
                    <td style="font-size: 0.85rem;">{{ log.modul or '-' }}</td>
                    <td style="font-size: 0.85rem; max-width: 300px;" class="text-truncate">{{ log.deskripsi or '-' }}</td>
                    <td style="font-size: 0.82rem;"><code>{{ log.ip_address or '-' }}</code></td>
                </tr>
                {% endfor %}
                {% if not logs %}
                <tr>
                    <td colspan="6">
                        <div class="empty-state">
                            <i class="fas fa-shield-alt"></i>
                            <p>Belum ada log aktivitas.</p>
                        </div>
                    </td>
                </tr>
                {% endif %}
            </tbody>
        </table>
    </div>
</div>

<!-- Pagination -->
{% if total_pages > 1 %}
<nav class="mt-4">
    <ul class="pagination pagination-sm justify-content-center">
        {% if page > 1 %}
        <li class="page-item"><a class="page-link" href="?page={{ page - 1 }}&jenis={{ filter_jenis }}&modul={{ filter_modul }}&admin={{ filter_admin }}">‹</a></li>
        {% endif %}
        {% for p_num in range(1, total_pages + 1) %}
            {% if p_num == page %}
            <li class="page-item active"><span class="page-link">{{ p_num }}</span></li>
            {% elif p_num <= 3 or p_num > total_pages - 2 or (p_num >= page - 1 and p_num <= page + 1) %}
            <li class="page-item"><a class="page-link" href="?page={{ p_num }}&jenis={{ filter_jenis }}&modul={{ filter_modul }}&admin={{ filter_admin }}">{{ p_num }}</a></li>
            {% elif p_num == 4 or p_num == total_pages - 2 %}
            <li class="page-item disabled"><span class="page-link">...</span></li>
            {% endif %}
        {% endfor %}
        {% if page < total_pages %}
        <li class="page-item"><a class="page-link" href="?page={{ page + 1 }}&jenis={{ filter_jenis }}&modul={{ filter_modul }}&admin={{ filter_admin }}">›</a></li>
        {% endif %}
    </ul>
</nav>
{% endif %}

{% endblock %}