{% extends "base.html" %}
{% block title %}{{ target.username }} の編集{% endblock %}
{% block content %}
<div class="max-w-md mx-auto space-y-6">
  <a href="{{ prefix }}/users" class="text-sm text-blue-600 hover:underline">← ユーザー一覧</a>

  <div class="bg-white p-6 rounded shadow">
    <h2 class="font-semibold mb-4">
      ユーザー編集
      {% if target_is_admin %}<span class="ml-1 bg-amber-100 text-amber-800 text-xs px-2 py-0.5 rounded">管理者</span>{% endif %}
    </h2>
    {% if profile_success %}<p class="text-green-700 text-sm mb-3">更新しました</p>{% endif %}
    {% if let Some(err) = profile_error %}<p class="text-red-600 text-sm mb-3">{{ err }}</p>{% endif %}
    <form method="post" action="{{ prefix }}/users/{{ target.id }}" class="space-y-3">
      <label class="block">
        <span class="text-sm">ユーザー名</span>
        <input name="username" value="{{ target.username }}" required class="w-full border rounded px-2 py-1">
      </label>
      <label class="block">
        <span class="text-sm">表示名</span>
        <input name="display_name" value="{{ target.display_name }}" class="w-full border rounded px-2 py-1">
      </label>
      <label class="flex items-center gap-2 text-sm">
        <input name="is_active" type="checkbox" value="1"{% if target.is_active %} checked{% endif %}>
        有効
      </label>
      <button class="bg-blue-600 text-white px-3 py-1 rounded hover:bg-blue-700">更新</button>
    </form>
  </div>

  <div class="bg-white p-6 rounded shadow">
    <h2 class="font-semibold mb-4">パスワードリセット</h2>
    {% if password_success %}<p class="text-green-700 text-sm mb-3">パスワードを変更しました</p>{% endif %}
    {% if let Some(err) = password_error %}<p class="text-red-600 text-sm mb-3">{{ err }}</p>{% endif %}
    <form method="post" action="{{ prefix }}/users/{{ target.id }}/password" class="space-y-3">
      <label class="block">
        <span class="text-sm">新しいパスワード</span>
        <input name="new_password" type="password" required class="w-full border rounded px-2 py-1">
      </label>
      <button class="bg-blue-600 text-white px-3 py-1 rounded hover:bg-blue-700">変更</button>
    </form>
  </div>

  <div class="bg-white p-6 rounded shadow">
    <h2 class="font-semibold mb-3">所属グループ</h2>
    {% if !target_groups.is_empty() %}
    <ul class="flex flex-wrap gap-2">
      {% for g in target_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 }}{% if g.is_admin %} 🔑{% endif %}
      </a></li>
      {% endfor %}
    </ul>
    {% else %}
    <p class="text-sm text-slate-500">所属しているグループはありません。</p>
    {% endif %}
  </div>
</div>
{% endblock %}