<!doctype html><html lang="pt-br"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>webTHI Monitor</title><link rel="stylesheet" href="/style.css"><script>setTimeout(()=>location.reload(),10000)</script></head><body><header><div><h1>webTHI Monitor</h1><p>Monitoramento de computadores em tempo real</p></div><a href="/logout">Sair</a></header><main><section class="grid"><div class="card"><h2>Computadores</h2><table><tr><th>IP</th><th>Nome</th><th>Status</th><th>Última vez online</th></tr><% devices.forEach(d => { %><tr><td><%= d.ip %></td><td><%= d.hostname || '-' %></td><td><span class="badge <%= d.status %>"><%= d.status %></span></td><td><%= d.last_seen || '-' %></td></tr><% }) %></table></div><div class="card"><h2>Eventos recentes</h2><ul><% events.forEach(e => { %><li><strong><%= e.event_type %></strong> - <%= e.device_ip %> <small><%= e.criado_em %></small></li><% }) %></ul></div></section></main></body></html>
