{% extends "base.html" %}
{% block titel %}Übersicht — {{ app_name }}{% endblock %}
{% block inhalt %}
<h1 class="text-2xl font-bold mb-1">Willkommen, {{ user.display_name }}!</h1>
<p class="text-slate-600 mb-6">
  Rolle: <span class="font-medium">{{ rollen_anzeige[user.role] or user.role }}</span>
</p>

<section class="mb-8">
  <h2 class="text-lg font-semibold mb-1">Geladene Plugins</h2>
  <p class="text-sm text-slate-500 mb-3">
    Der Kern ist schlank &mdash; alle Funktionen kommen aus Plugins.
  </p>
  <div class="bg-white rounded-xl border border-slate-200 divide-y divide-slate-100">
    {% for plugin in geladene_plugins %}
    <div class="px-4 py-3 flex flex-wrap items-baseline gap-x-3 gap-y-1">
      <span class="font-medium">{{ plugin.title or plugin.name }}</span>
      <span class="text-xs text-slate-400">v{{ plugin.version }}</span>
      <span class="text-sm text-slate-500">{{ plugin.description }}</span>
    </div>
    {% endfor %}
  </div>
</section>
{% endblock %}