{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
    <h2 class="mb-4 text-center">用户管理</h2>
    <div class="table-responsive">
        <table class="table table-bordered table-hover text-center">
            <thead class="table-dark">
                <tr>
                    <th>ID</th>
                    <th>用户名</th>
                    <th>邮箱</th>
                    <th>管理员</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {% for user in users_page %}
                <tr>
                    <td>{{ user.id }}</td>
                    <td>{{ user.username }}</td>
                    <td>{{ user.email }}</td>
                    <td><span class="badge {% if user.is_staff %}bg-success{% else %}bg-secondary{% endif %}">{{ user.is_staff|yesno:"是,否" }}</span></td>
                    <td><span class="badge {% if user.is_active %}bg-primary{% else %}bg-danger{% endif %}">{{ user.is_active|yesno:"启用,禁用" }}</span></td>
                    <td>
                        <a href="{% url 'edit_user' user.id %}" class="btn btn-sm btn-warning">编辑</a>
                        <a href="{% url 'toggle_user_status' user.id %}" class="btn btn-sm btn-info">{% if user.is_active %}禁用{% else %}启用{% endif %}</a>
                        <a href="{% url 'reset_user_password' user.id %}" class="btn btn-sm btn-secondary" onclick="return confirm('确定要重置密码？');">重置密码</a>
                        <a href="{% url 'delete_user' user.id %}" class="btn btn-sm btn-danger" onclick="return confirm('确定要删除用户？');">删除</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <!-- 分页 -->
    <nav>
        <ul class="pagination justify-content-center">
            {% if users_page.has_previous %}
                <li class="page-item"><a class="page-link" href="?page=1">首页</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ users_page.previous_page_number }}">上一页</a></li>
            {% endif %}
            <li class="page-item disabled"><span class="page-link">第 {{ users_page.number }} 页 / 共 {{ users_page.paginator.num_pages }} 页</span></li>
            {% if users_page.has_next %}
                <li class="page-item"><a class="page-link" href="?page={{ users_page.next_page_number }}">下一页</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ users_page.paginator.num_pages }}">末页</a></li>
            {% endif %}
        </ul>
    </nav>
</div>
{% endblock %}