{% extends "base.html" %}
{% block title %}VM Assignments — Admin{% endblock %}
{% block content %}
<h1>VM Assignments</h1>
<p class="subtle">Tag virtual machines to non-admin users. Each user sees only the VMs you select here.</p>

{% if not users %}
    <div class="empty-state">
        <p>No non-admin users found. <a href="{{ url_for('admin_users') }}">Create a user</a> first.</p>
    </div>
{% else %}

<div class="assignment-tabs">
    {% for u in users %}
    <details class="form-card">
        <summary>
            <strong>{{ u.username }}</strong>
            <span class="subtle">
                — {{ assignments_by_user[u.id]|length }} VM{{ '' if assignments_by_user[u.id]|length == 1 else 's' }} assigned
            </span>
        </summary>

        <form method="POST" action="{{ url_for('admin_assignments_save') }}">
            <input type="hidden" name="user_id" value="{{ u.id }}">
            <div class="toolbar">
                <input type="text" class="filter-input vm-checklist-filter" placeholder="Filter VMs…">
                <button type="button" class="btn btn-xs select-all">Select all visible</button>
                <button type="button" class="btn btn-xs select-none">Clear all</button>
                <button type="submit" class="btn btn-primary">Save Assignments</button>
            </div>

            <div class="vm-checklist">
                {% for vm in vms %}
                <label class="vm-checkbox">
                    <input type="checkbox" name="vm_uuids" value="{{ vm.uuid }}"
                        {% if vm.uuid in assignments_by_user[u.id] %}checked{% endif %}>
                    <span class="vm-name">{{ vm.name }}</span>
                    <span class="vm-meta">{{ vm.host }} · {{ vm.power_state }}</span>
                </label>
                {% else %}
                <p class="empty-row">No VMs found in vCenter inventory.</p>
                {% endfor %}
            </div>
        </form>
    </details>
    {% endfor %}
</div>
{% endif %}
{% endblock %}