{% extends "base.html" %}
{% block title %}ダッシュボード{% endblock %}
{% block content %}
{% if let Some(u) = user %}
<div class="bg-white p-6 rounded shadow">
  <h1 class="text-2xl font-semibold mb-2">こんにちは、{% if u.display_name.is_empty() %}{{ u.username }}{% else %}{{ u.display_name }}{% endif %}さん</h1>
  <p class="text-slate-600">UserPermission 管理画面へようこそ。</p>
  <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6">
    <a href="{{ prefix }}/users" class="block p-4 bg-blue-50 rounded hover:bg-blue-100">
      <div class="text-sm text-slate-500">ユーザー数</div>
      <div class="text-2xl font-semibold">{{ user_count }}</div>
    </a>
    <a href="{{ prefix }}/groups" class="block p-4 bg-green-50 rounded hover:bg-green-100">
      <div class="text-sm text-slate-500">グループ数</div>
      <div class="text-2xl font-semibold">{{ group_count }}</div>
    </a>
    <a href="{{ prefix }}/me" class="block p-4 bg-amber-50 rounded hover:bg-amber-100">
      <div class="text-sm text-slate-500">プロフィール</div>
      <div class="text-lg font-medium">編集 / パスワード変更</div>
    </a>
  </div>
  {% if !my_groups.is_empty() %}
  <div class="mt-6">
    <h2 class="font-semibold mb-2">所属グループ</h2>
    <ul class="flex flex-wrap gap-2">
      {% for g in my_groups %}
      <li><a href="{{ prefix }}/groups/{{ g.id }}" class="inline-block bg-slate-100 px-3 py-1 rounded text-sm hover:bg-slate-200">{{ g.name }}</a></li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}
</div>
{% endif %}
{% endblock %}