{% extends "admin/base.html" %}

{% block logo %}
<h1>Drives</h1>
{% endblock %}

{% block main %}
<div class="admin-content">
    <section class="admin-search">
        <form method="get" action="/admin/files/index.html">
            <select name="user_uid" class="search-select">
                <option value="">All Users</option>
                {% for user in users %}
                <option value="{{ user.uid }}" {% if user.uid == user_uid %}selected{% endif %}>{{ user.nick }}</option>
                {% endfor %}
            </select>
            <button type="submit" class="btn btn-primary">Filter</button>
            {% if user_uid %}
            <a href="/admin/files/index.html" class="btn btn-secondary">Clear</a>
            {% endif %}
        </form>
    </section>

    <section class="admin-list">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Owner</th>
                    <th>Items</th>
                    <th>Created</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for drive in drives %}
                <tr>
                    <td>{{ drive.name }}</td>
                    <td><a href="/admin/users/{{ drive.user_uid }}/edit.html">{{ drive.user_nick }}</a></td>
                    <td>{{ drive.item_count }}</td>
                    <td>{{ drive.created_at }}</td>
                    <td class="actions">
                        <a href="/admin/files/{{ drive.uid }}/items.html" class="btn btn-small">View Items</a>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="5">No drives found</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </section>

    {% if total > per_page %}
    <section class="admin-pagination">
        {% if page > 1 %}
        <a href="/admin/files/index.html?page={{ page - 1 }}{% if user_uid %}&user_uid={{ user_uid }}{% endif %}" class="btn btn-secondary">Previous</a>
        {% endif %}
        <span>Page {{ page }} of {{ ((total - 1) // per_page) + 1 }}</span>
        {% if page * per_page < total %}
        <a href="/admin/files/index.html?page={{ page + 1 }}{% if user_uid %}&user_uid={{ user_uid }}{% endif %}" class="btn btn-secondary">Next</a>
        {% endif %}
    </section>
    {% endif %}
</div>
{% endblock main %}