{% extends "base.html" %}
{% block title %}Dashboard · {{ app_name }}{% endblock %}
{% block body %}
{% include "_nav.html" %}
<main class="container">
  <h1>Dashboard</h1>
  <p class="muted">Welcome back, {{ user.full_name or user.email }}.</p>

  <div class="grid">
    <div class="card">
      <h2>Your account</h2>
      <dl class="kv">
        <dt>Email</dt><dd>{{ user.email }}</dd>
        <dt>Superuser</dt><dd>{{ "Yes" if user.is_superuser else "No" }}</dd>
        <dt>Roles</dt>
        <dd>
          {% for role in user.roles %}<span class="tag">{{ role.name }}</span>{% else %}<span class="muted">none</span>{% endfor %}
        </dd>
        <dt>Permissions</dt>
        <dd>
          {% if user.is_superuser %}<span class="tag">* (all)</span>
          {% else %}
            {% for perm in user.permissions|sort %}<span class="tag">{{ perm }}</span>{% else %}<span class="muted">none</span>{% endfor %}
          {% endif %}
        </dd>
      </dl>
    </div>

    <div class="card">
      <h2>Quick links</h2>
      <ul class="links">
        <li><a href="/admin/users">Manage users</a></li>
        <li><a href="/admin/roles">Manage roles &amp; permissions</a></li>
        <li><a href="/docs" target="_blank">Interactive API docs (Swagger)</a></li>
        <li><a href="/redoc" target="_blank">API reference (ReDoc)</a></li>
      </ul>
    </div>

    {% include "_dashboard_sync_card.html" %}
  </div>
</main>
{% endblock %}