{% extends "admin/base.html" %}
{% block page_title %}管理员管理{% endblock %}
{% block content %}
<div class="card-box mb-3" style="max-width:760px">
  <h6 class="mb-3"><i class="bi bi-person-plus-fill" style="color:var(--brand)"></i> 录入管理员</h6>
  <form method="post" action="{{url_for('admin.admin_new')}}">
    <div class="row g-2 align-items-center">
      <div class="col-md-3"><input name="name" class="form-control" placeholder="姓名 *" required></div>
      <div class="col-md-3"><input name="phone" class="form-control" placeholder="手机号 *" maxlength="11" inputmode="numeric" required></div>
      <div class="col-md-2">
        <select name="role" class="form-select">
          <option value="admin">普通管理员</option>
          <option value="super">超级管理员</option>
        </select>
      </div>
      <div class="col-md-2"><input name="password" class="form-control" type="password" placeholder="密码 *" required></div>
      <div class="col-md-2"><button class="btn btn-brand w-100"><i class="bi bi-plus-lg"></i> 添加</button></div>
    </div>
    <div class="form-text text-muted mt-2">仅超级管理员可录入/删除。超级管理员拥有全部权限，请谨慎授权。</div>
  </form>
</div>
<div class="card-box">
  <form method="get" class="d-flex gap-2 mb-3" style="max-width:360px">
    <input name="q" class="form-control form-control-sm" value="{{q}}" placeholder="姓名/手机号搜索">
    <button class="btn btn-sm btn-outline-secondary">筛选</button>
  </form>
  <table class="table table-hover align-middle">
    <thead><tr><th width="50">序号</th><th>姓名</th><th>手机号</th><th>角色</th><th>状态</th><th>操作</th></tr></thead>
    <tbody>
    {% for a in admins %}
      <tr>

        <td>{{loop.index}}</td>
        <td>{{a.name}}{% if a.id == current_user.id %}<span class="badge bg-brand ms-1">我</span>{% endif %}</td>
        <td>{{a.phone}}</td>
        <td>{% if a.role=='super' %}<span class="badge bg-danger">超级管理员</span>{% else %}<span class="badge bg-brand">管理员</span>{% endif %}</td>
        <td>{% if a.status=='active' %}<span class="badge bg-success">正常</span>{% else %}<span class="badge bg-secondary">停用</span>{% endif %}</td>
        <td>
          {% if a.id == current_user.id %}
            <span class="text-muted small">当前账号</span>
          {% else %}
          <form method="post" action="{{url_for('admin.admin_delete', id=a.id)}}" class="d-inline"
                onsubmit="return confirm('确定删除管理员「{{a.name}}」？删除后该账号将无法登录后台。')">
            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i> 删除</button>
          </form>
          {% endif %}
        </td>
      </tr>
    {% else %}
      <tr><td colspan="6" class="text-center text-muted py-4">暂无管理员</td></tr>
    {% endfor %}
    </tbody>
  </table>
  <div class="text-muted small mt-2"><i class="bi bi-shield-lock"></i> 保护规则：不能删除自己；系统至少保留一个超级管理员。</div>
</div>
{% endblock %}