{% extends 'grades/base.html' %}
{% block title %}操作日志{% endblock %}
{% block breadcrumb %}<li class="breadcrumb-item active">操作日志</li>{% endblock %}

{% block content %}
<h4 class="mb-3"><i class="bi bi-journal-text"></i> 操作日志</h4>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="get" class="row g-2 align-items-end">
            <div class="col-md-3">
                <input type="text" name="keyword" class="form-control form-control-sm" placeholder="用户 / 详情" value="{{ keyword }}">
            </div>
            <div class="col-md-3">
                <select name="module" class="form-select form-select-sm">
                    <option value="">-- 模块 --</option>
                    {% for m in modules %}
                    <option value="{{ m }}" {% if f_module == m %}selected{% endif %}>{{ m }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3">
                <select name="action" class="form-select form-select-sm">
                    <option value="">-- 操作 --</option>
                    {% for a in actions %}
                    <option value="{{ a }}" {% if f_action == a %}selected{% endif %}>{{ a }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-search"></i> 查询</button>
                <a href="{% url 'operation_log_list' %}" class="btn btn-outline-secondary btn-sm">重置</a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead>
                <tr><th>#</th><th>用户</th><th>操作</th><th>模块</th><th>IP</th><th>请求路径</th><th>时间</th></tr>
            </thead>
            <tbody>
                {% for log in logs %}
                <tr>
                    <td>{{ page_obj.start_index|add:forloop.counter0 }}</td>
                    <td>{{ log.user.username|default:"-" }}</td>
                    <td>
                        <span class="badge {% if log.action == '删除' %}bg-danger{% elif log.action == '新增' %}bg-success{% elif log.action == '修改' %}bg-primary{% elif log.action == '登录' %}bg-info{% elif log.action == '导入' %}bg-warning text-dark{% else %}bg-secondary{% endif %}">
                            {{ log.action }}
                        </span>
                    </td>
                    <td>{{ log.module }}</td>
                    <td><small>{{ log.ip|default:"-" }}</small></td>
                    <td><small class="text-muted">{{ log.path }}</small></td>
                    <td>{{ log.created_at|date:"Y-m-d H:i:s" }}</td>
                </tr>
                {% empty %}
                <tr><td colspan="7" class="text-center text-muted py-3">暂无日志</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<!-- 分页 -->
<div class="d-flex justify-content-between align-items-center mt-3">
    <div class="text-muted small">共 {{ page_obj.paginator.count }} 条，第 {{ page_obj.number }} / {{ page_obj.paginator.num_pages }} 页</div>
    {% if page_obj.has_other_pages %}
    <nav>
        <ul class="pagination pagination-sm mb-0">
            {% if page_obj.has_previous %}
            <li class="page-item"><a class="page-link" href="?page=1{% if keyword %}&keyword={{ keyword }}{% endif %}{% if f_module %}&module={{ f_module }}{% endif %}{% if f_action %}&action={{ f_action }}{% endif %}">&laquo;</a></li>
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if f_module %}&module={{ f_module }}{% endif %}{% if f_action %}&action={{ f_action }}{% endif %}">&lsaquo;</a></li>
            {% endif %}
            {% for num in page_obj.paginator.page_range %}
                {% if page_obj.number == num %}
                <li class="page-item active"><span class="page-link">{{ num }}</span></li>
                {% elif num > page_obj.number|add:"-3" and num < page_obj.number|add:"4" %}
                <li class="page-item"><a class="page-link" href="?page={{ num }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if f_module %}&module={{ f_module }}{% endif %}{% if f_action %}&action={{ f_action }}{% endif %}">{{ num }}</a></li>
                {% endif %}
            {% endfor %}
            {% if page_obj.has_next %}
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.next_page_number }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if f_module %}&module={{ f_module }}{% endif %}{% if f_action %}&action={{ f_action }}{% endif %}">&rsaquo;</a></li>
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.paginator.num_pages }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if f_module %}&module={{ f_module }}{% endif %}{% if f_action %}&action={{ f_action }}{% endif %}">&raquo;</a></li>
            {% endif %}
        </ul>
    </nav>
    {% endif %}
</div>
{% endblock %}