{% extends "admin/base.html" %}
{% block page_title %}连锁管理{% endblock %}
{% block content %}
<div class="card-box mb-3">
  <form method="post" action="{{url_for('admin.chain_new')}}" class="row g-2 align-items-end">
    <div class="col-auto"><label class="small text-muted mb-2">新增连锁</label></div>
    <div class="col"><input name="name" class="form-control" placeholder="连锁名称，如：益丰大药房" required></div>
    <div class="col-auto"><button class="btn btn-brand"><i class="bi bi-plus-lg"></i> 添加</button></div>
  </form>
</div>
<div class="card-box">
  <div class="d-flex justify-content-between mb-2">
    <h6 class="mb-0">连锁列表（{{chains|length}}）</h6>
    <form method="get" class="d-flex gap-2">
      <input name="q" class="form-control form-control-sm" value="{{q}}" placeholder="搜索名称">
      <button class="btn btn-sm btn-outline-secondary">搜索</button>
    </form>
  </div>
  <table class="table table-hover align-middle">
    <thead><tr><th width="50">序号</th><th>连锁名称</th><th>门店数</th><th>创建时间</th><th>操作</th></tr></thead>
    <tbody>
    {% for c in chains %}
      <tr>
        <td>{{loop.index}}</td>
        <td><img src="https://staff.yaocloud.win/img/{{c.name}}.png" alt="" style="width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:6px" onerror="this.style.display='none'">{% if c.pinned %}<span class="badge bg-brand" style="margin-right:4px">置顶</span>{% endif %}{{c.name}}</td><td>{{c.store_count}}</td>
        <td class="text-muted small">{{c.created_at.strftime('%Y-%m-%d') if c.created_at}}</td>
        <td class="text-nowrap">
          {% if current_user.role == 'super' %}
          <form method="post" action="{{url_for('admin.chain_pin', id=c.id)}}" class="d-inline">
            <button class="btn btn-sm {% if c.pinned %}btn-outline-secondary{% else %}btn-outline-primary{% endif %}">{{'取消置顶' if c.pinned else '置顶'}}</button>
          </form>
          <a href="{{url_for('admin.chain_edit', id=c.id)}}" class="btn btn-sm btn-outline-secondary">更名</a>
          <form method="post" action="{{url_for('admin.chain_delete', id=c.id)}}" class="d-inline"
                onsubmit="return confirm('删除连锁「{{c.name}}」？{% if c.store_count %}将一并删除其下 {{c.store_count}} 家空门店；{% endif %}若该连锁下有店员（积分/订单）则无法删除。')">
            <button class="btn btn-sm btn-outline-danger">删除</button>
          </form>
          {% else %}
          <span class="text-muted small">仅超管可操作</span>
          {% endif %}
        </td>
      </tr>
    {% else %}
      <tr><td colspan="5" class="text-center text-muted py-4">暂无连锁，请先添加</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}