{% extends "base.html" %}
{% block title %}{{ title }} · 本地导航{% endblock %}
{% block body %}
<header class="topbar">
  <h1>{{ title }}</h1>
  <nav>
    <a href="{{ url_for('admin_groups') }}">返回列表</a>
    <a href="{{ url_for('index') }}">导航首页</a>
  </nav>
</header>
<div class="page-wrap">
  {% with messages = get_flashed_messages(with_categories=true) %}
  {% if messages %}
  <div class="flash-wrap">
    {% for cat, msg in messages %}
    <div class="flash {{ cat }}">{{ msg }}</div>
    {% endfor %}
  </div>
  {% endif %}
  {% endwith %}

  <form method="post" novalidate>
    {{ form.hidden_tag() }}
    <div class="form-row">
      {{ form.name.label }}
      {{ form.name() }}
      {% if form.name.errors %}
      <div class="errors">{{ form.name.errors[0] }}</div>
      {% endif %}
    </div>
    <div class="form-row">
      {{ form.icon.label }}
      {{ form.icon() }}
      <p class="hint" style="margin: 0.35rem 0 0">留空则按分组名称自动匹配图标（如「交易」「Gate 扫单」）。</p>
      {% if form.icon.errors %}
      <div class="errors">{{ form.icon.errors[0] }}</div>
      {% endif %}
    </div>
    <div class="form-row">
      {{ form.sort_order.label }}
      {{ form.sort_order() }}
      {% if form.sort_order.errors %}
      <div class="errors">{{ form.sort_order.errors[0] }}</div>
      {% endif %}
    </div>
    <div class="toolbar" style="margin-top: 1.25rem">
      {{ form.submit(class="btn btn-primary", style="width: auto") }}
      <a class="btn btn-secondary" href="{{ url_for('admin_groups') }}">取消</a>
    </div>
  </form>
</div>
{% endblock %}