{% extends "base.html" %}
{% block title %}{{ device_name }} – GANDALF{% endblock %}

{% block content %}
<div class="lt-page-header">
  <div>
    <p class="g-page-sub"><a href="{{ url_for('index') }}">← Dashboard</a></p>
    <h1 class="lt-page-title device-title">
      <span id="device-dot" class="dot-unknown"></span>
      <span>{{ device_name }}</span>
    </h1>
    <p class="g-page-sub" id="device-subtitle"></p>
  </div>
  <div id="device-actions" class="device-actions"></div>
</div>

<div id="device-root"><div class="link-loading">Loading device</div></div>

{% include "_modem_panel.html" %}
{% endblock %}

{% block scripts %}
<script>const DEVICE_NAME = {{ device_name | tojson }};</script>
<script src="{{ url_for('static', filename='device.js') }}"></script>
{% endblock %}