{% extends "admin_base.html" %}
{% set active = 'category' %}
{% block admin_content %}
<h1 class="page-title">板块管理</h1>
<p class="muted small">板块即首页的软件分区：调整顺序、图标、颜色，或整块隐藏。隐藏后该板块及其软件不再出现在首页（搜索和分类筛选仍可找到）；顺序同时影响顶部分类导航。</p>
<div class="panel">
  <table class="table">
    <thead><tr><th class="num">顺序</th><th>名称</th><th>图标/颜色</th><th>首页显示</th><th class="num">软件数</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/category/{{ c['id'] }}/update" class="cat-edit-row">
            <input type="text" name="name" value="{{ c['name'] }}" required class="cat-name-input">
            <select name="icon" class="cat-icon-select">
              {% for k in ['box','tool','image','network','doc','other'] %}
              <option value="{{ k }}" {% if c['icon'] == k %}selected{% endif %}>{{ {'box':'包裹','tool':'工具','image':'图像','network':'网络','doc':'文档','other':'其他'}[k] }}</option>
              {% endfor %}
            </select>
            <input type="color" name="color" value="{{ c['color'] }}" class="cat-color-input" title="板块主题色">
            <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><span class="cat-preview" style="color: {{ c['color'] }}"><svg viewBox="0 0 24 24">{{ cat_icon(c['icon']) }}</svg></span></td>
        <td>{% if c['visible'] %}<span class="status-on">是</span>{% else %}<span class="status-off">否</span>{% endif %}</td>
        <td class="num">{{ c['sw_count'] }}</td>
        <td class="num nowrap">
          <form method="post" action="/admin/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/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>
          {% if c['sw_count'] == 0 %}
          <form method="post" action="/admin/category/{{ c['id'] }}/delete" class="inline" onsubmit="return confirm('删除板块【{{ c['name'] }}】？')">
            <button class="btn btn-sm btn-danger" type="submit">删除</button>
          </form>
          {% else %}<span class="muted small">有软件</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<div class="panel">
  <h2>新增板块</h2>
  <form method="post" action="/admin/category/add" class="form form-inline">
    <label>名称<input type="text" name="name" required placeholder="如：多媒体"></label>
    <label>排序号<input type="number" name="sort_order" value="0"></label>
    <label>图标
      <select name="icon">
        {% for k in ['box','tool','image','network','doc','other'] %}
        <option value="{{ k }}">{{ {'box':'包裹','tool':'工具','image':'图像','network':'网络','doc':'文档','other':'其他'}[k] }}</option>
        {% endfor %}
      </select>
    </label>
    <label>颜色<input type="color" name="color" value="#4f6ef7"></label>
    <button class="btn btn-primary" type="submit">添加板块</button>
  </form>
</div>
{% endblock %}