{% extends "base.html" %}
{% block title %}{{ title }} · 本地导航{% endblock %}
{% block body %}
<header class="topbar">
  <h1>{{ title }}</h1>
  <nav>
    <a href="{{ url_for('admin_services') }}">返回列表</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.host.label }}
      {{ form.host(placeholder="例如 192.168.1.10 或 主机名") }}
      {% if form.host.errors %}
      <div class="errors">{{ form.host.errors[0] }}</div>
      {% endif %}
    </div>
    <div class="form-row">
      {{ form.port.label }}
      {{ form.port() }}
      {% if form.port.errors %}
      <div class="errors">{{ form.port.errors[0] }}</div>
      {% endif %}
    </div>
    <div class="form-row">
      {{ form.path.label }}
      {{ form.path(placeholder="/ 或 /path") }}
      {% if form.path.errors %}
      <div class="errors">{{ form.path.errors[0] }}</div>
      {% endif %}
    </div>
    <div class="form-row">
      {{ form.group_id.label }}
      {{ form.group_id() }}
      {% if form.group_id.errors %}
      <div class="errors">{{ form.group_id.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_services') }}">取消</a>
    </div>
  </form>
</div>
{% endblock %}