{% extends "portal_base.html" %}

{% block title %}OTB Cloud Dashboard{% endblock %}

{% block content %}
<div class="card" style="margin-bottom:16px;">
  <h1 style="margin-top:0;">OTB Cloud Dashboard</h1>
  <p class="muted" style="margin-bottom:10px;">Authenticated user: {{ user_email }}</p>
  <p class="muted" style="margin:0;">Tenant slug: <span class="badge">{{ tenant_slug }}</span></p>
</div>

<div class="grid">
  <div class="card">
    <h2 style="margin-top:0;">Devices</h2>
    {% if devices %}
      <ul style="padding-left:18px; margin-bottom:0;">
        {% for device in devices %}
          <li style="margin-bottom:8px;">
            <strong>{{ device.device_name }}</strong>
            <span class="muted">({{ device.device_type }})</span><br>
            <span class="muted">{{ device.relative_path }}</span>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="muted">No devices have been created yet.</p>
    {% endif %}
  </div>

  <div class="card">
    <h2 style="margin-top:0;">Current scope</h2>
    <p class="muted">
      v0.1.1 provides portal-handoff scaffolding, tenant bootstrap, device records, and an authenticated dashboard.
    </p>
  </div>
</div>
{% endblock %}