{% extends 'base.html' %}{% block content %}<div class="page-heading"><div><p class="eyebrow">DIRECTORIO DE ACCESOS</p><h1>Mis dispositivos</h1><p class="muted">Todas tus cajas, organizadas por sucursal.</p></div>{% if user.is_superuser %}<a class="primary" href="{% url 'device_new' %}">＋ Registrar equipo</a>{% endif %}</div><div class="metrics"><article><span>Equipos en tu directorio</span><strong>{{ device_count }}</strong><small>Accesos autorizados para tu cuenta</small></article><article><span>Sucursales disponibles</span><strong>{{ sites|length }}</strong><small>Organización por ubicación</small></article><article class="metric-info"><span>Soporte remoto</span><strong>Listo para conectar</strong><small>Abre el cliente instalado en tu dispositivo</small></article></div><section class="panel"><form class="filters" method="get"><label class="search"><span class="sr-only">Buscar equipos</span><input name="q" placeholder="Buscar equipo, ID o sucursal…" value="{{ query }}"></label><label><span class="sr-only">Sucursal</span><select name="sucursal"><option value="">Todas las sucursales</option>{% for s in sites %}<option value="{{ s.pk }}" {% if selected_site == s.pk|stringformat:'s' %}selected{% endif %}>{{ s.name }}</option>{% endfor %}</select></label><button class="secondary">Buscar</button></form><div class="section-title"><h2>Directorio</h2><span class="muted">{{ devices|length }} equipos mostrados</span></div><div class="device-grid">{% for d in devices %}<article class="device-card"><div class="device-top"><span class="computer-icon">▣</span><span class="pill {% if not d.enabled %}disabled{% endif %}">{{ d.enabled|yesno:'Habilitado,Pausado' }}</span></div><h3>{{ d.name }}</h3><p class="muted">{{ d.site.name }} · {{ d.platform }}</p><div class="remote-id"><small>ID DE CONEXIÓN</small><code>{{ d.remote_id }}</code></div>{% if d.notes %}<p class="device-note">{{ d.notes }}</p>{% endif %}<div class="device-actions">{% if d.enabled %}<form method="post" action="{% url 'connect' d.pk %}">{% csrf_token %}<button class="primary">Conectar ↗</button></form>{% else %}<span class="muted">Acceso pausado</span>{% endif %}{% if user.is_superuser or user.profile.role == "admin" %}<a href="{% url 'device_edit' d.pk %}">Editar</a>{% endif %}</div></article>{% empty %}<div class="empty"><span class="computer-icon">▣</span><h3>{% if query %}No encontramos equipos{% else %}Tu directorio está listo para comenzar{% endif %}</h3><p>{% if user.is_superuser %}Crea una sucursal y registra el ID de tu primera caja.{% else %}El propietario puede asignarte equipos concretos para que aparezcan en tu directorio.{% endif %}</p>{% if user.is_superuser %}<a class="secondary" href="{% url 'sites' %}">Administrar sucursales →</a>{% endif %}</div>{% endfor %}</div>{% include "pagination.html" %}</section><p class="fineprint">“Habilitado” indica que el equipo está disponible en este directorio. Esta versión aún no consulta si la caja está encendida o conectada.</p>{% endblock %}