{% extends "admin_base.html" %}
{% set active = 'nav' %}
{% block title %}网址导航 - {{ site_name }}{% endblock %}
{% block admin_content %}
<h1 class="page-title">网址导航</h1>
{% if error %}<div class="alert alert-error">{{ error }}</div>{% endif %}
<p class="muted small">先维护分类板块（类似 hao123 的分区，如：常用搜索、内部系统、开发工具），再把网址归入对应板块；访客在前台按板块浏览，点击网站名称跳转。网址支持内网 http 地址，可省略协议头（如 <code>10.0.0.5:8080/oa</code> 会自动按 http:// 处理）。</p>

<h2 class="section-title">分类板块</h2>
<div class="panel">
  <table class="table">
    <thead><tr><th class="num">顺序</th><th>板块名称</th><th class="num">网址数</th><th>显示</th><th class="num">操作</th></tr></thead>
    <tbody>
      {% for c in cats %}
      <tr>
        <td class="num">{{ c['sort_order'] }}</td>
        <td>
          <form method="post" action="/admin/nav/category/{{ c['id'] }}/update" class="inline">
            <input type="text" name="name" value="{{ c['name'] }}" required maxlength="60" class="nav-cat-name">
            <label class="checkbox small"><input type="checkbox" name="visible" value="1" {% if c['visible'] %}checked{% endif %}> 显示</label>
            <button class="btn btn-sm btn-ghost" type="submit">保存</button>
          </form>
        </td>
        <td class="num">{{ counts.get(c['id'], 0) }}</td>
        <td>{% if c['visible'] %}<span class="status-on">是</span>{% else %}<span class="status-off">否</span>{% endif %}</td>
        <td class="num nowrap">
          <form method="post" action="/admin/nav/category/{{ c['id'] }}/move" class="inline"><input type="hidden" name="direction" value="up"><button class="btn btn-sm btn-ghost" type="submit" title="上移">↑</button></form>
          <form method="post" action="/admin/nav/category/{{ c['id'] }}/move" class="inline"><input type="hidden" name="direction" value="down"><button class="btn btn-sm btn-ghost" type="submit" title="下移">↓</button></form>
          <form method="post" action="/admin/nav/category/{{ c['id'] }}/delete" class="inline" onsubmit="return confirm('删除板块【{{ c['name'] }}】？该板块下需要没有网址')">
            <button class="btn btn-sm btn-danger" type="submit">删除</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="muted" style="text-align:center;padding:20px">还没有分类板块</td></tr>
      {% endfor %}
    </tbody>
  </table>
  <form method="post" action="/admin/nav/category/add" class="form form-inline" style="margin-top:12px">
    <label>板块名称<input type="text" name="name" required placeholder="如：内部系统" maxlength="60"></label>
    <label>排序号<input type="number" name="sort_order" value="0"></label>
    <button class="btn btn-primary" type="submit">添加板块</button>
  </form>
</div>

<h2 class="section-title">网址管理</h2>
{% for c in cats %}
<div class="panel nav-admin-cat">
  <h3>{{ c['name'] }} <span class="muted small">（{{ counts.get(c['id'], 0) }} 个）</span></h3>
  <table class="table">
    <tbody>
      {% for l in links if l['category_id'] == c['id'] %}
      <tr>
        <td>
          <form method="post" action="/admin/nav/{{ l['id'] }}/update" class="nav-edit-row">
            <input type="text" name="name" value="{{ l['name'] }}" required class="nav-name-input">
            <input type="text" name="url" value="{{ l['url'] }}" required class="mono nav-url-input" placeholder="http://">
            <select name="category_id" class="nav-cat-select">
              {% for cc in cats %}<option value="{{ cc['id'] }}" {% if cc['id'] == c['id'] %}selected{% endif %}>{{ cc['name'] }}</option>{% endfor %}
            </select>
            <label class="checkbox small"><input type="checkbox" name="visible" value="1" {% if l['visible'] %}checked{% endif %}> 显示</label>
            <button class="btn btn-sm btn-ghost" type="submit">保存</button>
          </form>
        </td>
        <td class="num nowrap" style="width:170px">
          <form method="post" action="/admin/nav/{{ l['id'] }}/move" class="inline"><input type="hidden" name="direction" value="up"><button class="btn btn-sm btn-ghost" type="submit" title="上移">↑</button></form>
          <form method="post" action="/admin/nav/{{ l['id'] }}/move" class="inline"><input type="hidden" name="direction" value="down"><button class="btn btn-sm btn-ghost" type="submit" title="下移">↓</button></form>
          <form method="post" action="/admin/nav/{{ l['id'] }}/delete" class="inline" onsubmit="return confirm('删除网址【{{ l['name'] }}】？')">
            <button class="btn btn-sm btn-danger" type="submit">删除</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td class="muted small" colspan="2">该板块下暂无网址</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endfor %}

{% if cats %}
<div class="panel">
  <h3>新增网址</h3>
  <form method="post" action="/admin/nav/add" class="form form-inline">
    <label>所属板块
      <select name="category_id" required>
        {% for c in cats %}<option value="{{ c['id'] }}">{{ c['name'] }}</option>{% endfor %}
      </select>
    </label>
    <label>网站名称<input type="text" name="name" required placeholder="如：公司官网" maxlength="120"></label>
    <label class="nav-add-url">网址<input type="text" name="url" required placeholder="如：http://10.0.0.5:8080/oa 或直接填 10.0.0.5/oa"></label>
    <label>排序号<input type="number" name="sort_order" value="0"></label>
    <button class="btn btn-primary" type="submit">添加网址</button>
  </form>
</div>
{% else %}
<div class="alert alert-error">请先在上方添加至少一个分类板块，再添加网址。</div>
{% endif %}
{% endblock %}