{% extends "base.html" %}
{% block title %}My history · Lab RDP{% endblock %}
{% block content %}
<header class="page-head">
  <div>
    <h1>My history</h1>
    <p class="sub">Your most recent connections.</p>
  </div>
</header>
{% if rows %}
<div class="panel table-wrap">
  <table class="t">
    <thead><tr><th>Machine</th><th>From</th><th>Started</th><th>Duration</th><th>Ended by</th><th>Reconnects</th></tr></thead>
    <tbody>
    {% for s in rows %}
      <tr>
        <td class="host">{% if s.machine_id %}<a href="/machines/{{ s.machine_id }}">{{ s.machine_name }}</a>{% else %}{{ s.machine_name }}<small>Deleted</small>{% endif %}</td>
        <td class="mono">{{ s.laptop_ip }}</td>
        <td>{{ s.started_at|localtime }}</td>
        <td>{% if s.ended_at %}{{ s.duration_seconds|duration }}{% else %}<span class="chip info">Live</span>{% endif %}</td>
        <td>{{ s.end_reason or '–' }}</td>
        <td>{{ s.reconnects }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="panel">
  <div class="empty">
    <span class="empty-mark">{{ icon('history', 24) }}</span>
    <h2>No connections yet</h2>
    <p>Machines you connect to will be listed here.</p>
  </div>
</div>
{% endif %}
{% endblock %}