{% extends 'tasks/base.html' %}

{% block content %}
    <h1 class="mb-4">客户端列表</h1>
    
    <div class="card mb-4">
        <div class="card-header">
            <a href="{% url 'client_create' %}" class="btn btn-primary">创建新客户端</a>
        </div>
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>客户端名称</th>
                        <th>API Token</th>
                        <th>最后活跃时间</th>
                        <th>创建时间</th>
                    </tr>
                </thead>
                <tbody>
                    {% for client in clients %}
                    <tr>
                        <td>{{ client.id }}</td>
                        <td>{{ client.name }}</td>
                        <td>
                            <code>{{ client.token }}</code>
                        </td>
                        <td>{{ client.last_seen|date:'Y-m-d H:i:s' }}</td>
                        <td>{{ client.created_at|date:'Y-m-d H:i:s' }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}