{% extends "base.html" %}
{% block title %}Virtual Machines — vCenter Portal{% endblock %}
{% block content %}
<div class="page-header">
    <h1>Virtual Machines</h1>
    <form method="POST" action="{{ url_for('vms_refresh') }}" style="display:inline;">
        <button type="submit" class="btn btn-sm btn-secondary">⟳ Refresh from vCenter</button>
    </form>
</div>

<p class="subtle">
    Showing {{ vms|length }} VM{{ '' if vms|length == 1 else 's' }}
    {% if not current_user.is_admin() %}assigned to your account{% endif %}.
</p>

<div class="table-toolbar">
    <input type="text" id="vmFilter" placeholder="Filter by name, IP, OS, host..." class="filter-input">
</div>

<table class="data-table" id="vmTable">
    <thead>
        <tr>
            <th>Name</th>
            <th>State</th>
            <th>Guest OS</th>
            <th>CPU</th>
            <th>Memory</th>
            <th>IP Address</th>
            <th>ESXi Host</th>
            <th>VMware Tools</th>
        </tr>
    </thead>
    <tbody>
        {% for vm in vms %}
        <tr>
            <td><strong>{{ vm.name }}</strong></td>
            <td>
                {% if vm.power_state == 'poweredOn' %}
                    <span class="badge badge-green">On</span>
                {% elif vm.power_state == 'poweredOff' %}
                    <span class="badge badge-red">Off</span>
                {% else %}
                    <span class="badge badge-gray">{{ vm.power_state }}</span>
                {% endif %}
            </td>
            <td>{{ vm.guest_os }}</td>
            <td>{{ vm.cpu }}</td>
            <td>{{ '%.1f GB'|format(vm.memory_mb / 1024) }}</td>
            <td>{{ vm.ip_address or '—' }}</td>
            <td>{{ vm.host }}</td>
            <td>{{ vm.vmware_tools or '—' }}</td>
        </tr>
        {% else %}
        <tr><td colspan="8" class="empty-row">
            {% if current_user.is_admin() %}
                No VMs returned from vCenter. Check connection settings.
            {% else %}
                No VMs are currently assigned to your account.
            {% endif %}
        </td></tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}