{% extends "base.html" %}
{% import "_macros.html" as ui %}
{% block title %}{{ row.machine.hostname }} · Lab RDP{% endblock %}
{% block page %}detail{% endblock %}
{% block content %}
{% set m = row.machine %}
{% set t = m.target %}
<a class="back" href="/">{{ icon('arrow-left', 14) }}Machines</a>
<header class="page-head">
  <div class="detail-title">
    <span class="mark">{{ icon('monitor', 21) }}</span>
    <div>
      <h1>{{ m.hostname }}</h1>
      <p class="sub"><span class="mono">{{ m.ip }}</span>{% if m.location %} · {{ m.location }}{% endif %}{% if m.owner_team %} · {{ m.owner_team }}{% endif %}</p>
    </div>
  </div>
  <div class="actions">
    {% if current_user.is_admin %}
    <a class="btn btn-ghost" href="/machines/{{ m.id }}/edit" hx-get="/machines/{{ m.id }}/edit" hx-target="#drawer-body" hx-swap="innerHTML">{{ icon('pencil', 14) }}Edit</a>
    {{ ui.kebab(row, 18) }}
    {% endif %}
    {{ ui.connect_button(row, current_user, csrf_token) }}
  </div>
</header>

<div id="live" hx-get="/machines/{{ m.id }}/live" hx-trigger="every 5s, labrdp-changed from:body" hx-headers='{"X-Background": "1"}'>
  {% include "machines/_live.html" %}
</div>

{% if m.status == 'maintenance' %}
<div class="notice warn">{{ icon('wrench', 15) }}<span>In maintenance until {{ m.maintenance_until|localtime }}, by {{ m.maintenance_by }}. Direct RDP is open from <span class="mono">{{ m.maintenance_ip }}</span>. Reason: {{ m.maintenance_reason }}</span></div>
{% endif %}

<div class="detail-grid">
  <div class="stack">
    <div class="two">
      <section class="panel panel-pad">
        <div class="panel-head"><h2>Machine</h2></div>
        <dl class="facts">
          <dt>MAC</dt><dd class="mono">{{ m.mac or '–' }}</dd>
          <dt>Windows</dt><dd>{{ m.windows_edition or '–' }}{% if m.windows_build %}, build {{ m.windows_build }}{% endif %}</dd>
          <dt>Location</dt><dd>{{ m.location or '–' }}</dd>
          <dt>Owner team</dt><dd>{{ m.owner_team or '–' }}</dd>
          <dt>Tags</dt><dd>{% for tag in m.tag_list %}<span class="tag">{{ tag }}</span>{% else %}–{% endfor %}</dd>
          <dt>Allowed groups</dt><dd>{{ m.group_list|join(', ') or 'All users' }}</dd>
          <dt>Session limit</dt><dd>{% if m.max_session_minutes %}{{ m.max_session_minutes }} minutes{% else %}None{% endif %}</dd>
          <dt>Notes</dt><dd>{{ m.notes or '–' }}</dd>
        </dl>
      </section>

      <section class="panel panel-pad">
        <div class="panel-head"><h2>Infotainment target</h2></div>
        {% if t %}
        <dl class="facts">
          <dt>Platform</dt><dd>{{ t.platform or '–' }}</dd>
          <dt>Variant</dt><dd>{{ t.variant or '–' }}</dd>
          <dt>Hardware rev.</dt><dd>{{ t.hw_revision or '–' }}</dd>
          <dt>Serial number</dt><dd class="mono">{{ t.serial_number or '–' }}</dd>
          <dt>Software build</dt><dd>{{ t.software_build or '–' }}</dd>
          <dt>Connection</dt><dd>{{ t.connection_type or '–' }}</dd>
          <dt>Notes</dt><dd>{{ t.notes or '–' }}</dd>
        </dl>
        {% if current_user.is_admin and destinations %}
        <form method="post" action="/machines/{{ m.id }}/target/move" class="with-action" style="margin-top:14px">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <select name="destination" aria-label="Move target to" required>
            <option value="">Move target to…</option>
            {% for d in destinations %}<option value="{{ d.id }}">{{ d.hostname }}</option>{% endfor %}
          </select>
          <button class="btn btn-ghost">Move</button>
        </form>
        {% endif %}
        {% else %}<p class="soft">No target recorded for this PC.</p>{% endif %}
      </section>
    </div>

    <section class="panel">
      <div class="panel-pad" style="padding-bottom:6px"><h2>Recent sessions</h2></div>
      {% if history %}
      <div class="table-wrap">
        <table class="t">
          <thead><tr><th>User</th><th>Laptop IP</th><th>Started</th><th>Duration</th><th>Ended by</th><th>Traffic</th></tr></thead>
          <tbody>
          {% for s in history %}
            <tr><td>{{ s.username }}</td><td class="mono">{{ s.laptop_ip }}</td><td>{{ s.started_at|localtime }}</td><td>{{ s.duration_seconds|duration }}</td><td>{{ s.end_reason }}</td><td>{{ s.bytes_up|filesize }} up, {{ s.bytes_down|filesize }} down</td></tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}<p class="soft" style="padding:0 20px 18px">No finished sessions yet.</p>{% endif %}
    </section>
  </div>

  {% if current_user.is_admin %}
  <aside class="stack">
    <section class="panel panel-pad">
      <div class="panel-head">
        <h2>Firewall</h2>
        <div class="actions">
          <form method="post" action="/machines/{{ m.id }}/firewall/check"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button class="btn btn-ghost btn-sm">Check now</button></form>
          <form method="post" action="/machines/{{ m.id }}/firewall/push"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button class="btn btn-ghost btn-sm">Push rule</button></form>
        </div>
      </div>
      {% if checks %}
      <div class="table-wrap">
        <table class="t">
          <thead><tr><th style="padding-left:0">When</th><th>Action</th><th>Result</th></tr></thead>
          <tbody>
          {% for c in checks[:5] %}
            <tr title="{{ c.detail }}"><td style="padding-left:0">{{ c.checked_at|localtime('%d %b %H:%M') }}<small>{{ c.actor }}</small></td><td>{{ c.action }}</td><td>{{ c.result }}</td></tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}<p class="soft">Not checked yet.</p>{% endif %}
    </section>

    <section class="panel panel-pad">
      <div class="panel-head"><h2>Maintenance</h2></div>
      {% if m.status == 'maintenance' %}
        <form method="post" action="/machines/{{ m.id }}/maintenance/end">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <p class="soft" style="margin-bottom:12px">Ending maintenance closes direct access and puts the machine back in service.</p>
          <button class="btn btn-primary">End maintenance now</button>
        </form>
      {% elif m.status == 'active' %}
        <p class="soft" style="margin-bottom:12px">Opens direct RDP from one workstation for a set time. The dashboard path is closed meanwhile.</p>
        <form method="post" action="/machines/{{ m.id }}/maintenance">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <div class="form-grid" style="margin-bottom:12px">
            <label class="field"><span class="field-label">Workstation IP</span><input name="workstation_ip" value="{{ my_ip }}" required></label>
            <label class="field"><span class="field-label">Hours</span><input name="hours" type="number" min="1" max="72" value="2" required></label>
            <label class="field wide"><span class="field-label">Reason</span><input name="reason" required></label>
          </div>
          <button class="btn btn-ghost">{{ icon('wrench', 14) }}Start maintenance</button>
        </form>
      {% else %}<p class="soft">Retired machines can't enter maintenance.</p>{% endif %}
    </section>
  </aside>
  {% endif %}
</div>
{% endblock %}