{% set page_name = "turing_user_roles" %}
{% extends "layout/basic.html" %}
{% block content %}
<div class="row"><div class="columns"><section class="section">
  <div class="section__header"><h1 class="section__title">用户管理</h1></div>
  <div class="section__body typo"><p>OJ 只有普通用户、管理用户和超级管理三种角色。修改后立即生效，重新登录也会保留。账号资料和密码在图灵网站维护。</p></div>
  <div class="section__body"><form method="get" action="/manage/users" class="turing-role-search"><input type="search" name="q" value="{{ q }}" placeholder="搜索 UID、用户名或邮箱" aria-label="搜索用户"><button class="primary button" type="submit">搜索</button></form></div>
  <div class="section__body turing-table-scroll"><table class="data-table"><thead><tr><th>UID</th><th>用户</th><th>邮箱</th><th>OJ 角色</th></tr></thead><tbody>
    {% for item in users %}<tr><td>{{ item.uid }}</td><td><img src="{{ avatarUrl(item.avatar, 24) }}" width="24" height="24" alt=""> {{ item.uname }}</td><td>{{ item.email }}</td><td>
      <form method="post" action="/manage/users" class="turing-role-form" data-turing-native>
        <input type="hidden" name="csrfToken" value="{{ csrfToken }}"><input type="hidden" name="revision" value="{{ revision }}"><input type="hidden" name="uid" value="{{ item.uid }}">
        <select name="role" aria-label="{{ item.uname }}的角色">{% for key, label in roles %}<option value="{{ key }}"{% if item.role == key %} selected{% endif %}>{{ label }}</option>{% endfor %}</select>
        <button type="submit" class="primary button">保存</button>
      </form>
    </td></tr>{% else %}<tr><td colspan="4">没有找到用户</td></tr>{% endfor %}
  </tbody></table></div>
  <div class="section__body">共 {{ total }} 位用户 · 第 {{ page }} / {{ pages }} 页
    {% if page > 1 %}<a href="{{ url('turing_user_roles', query={q:q,page:page-1}) }}">上一页</a>{% endif %}
    {% if page < pages %}<a href="{{ url('turing_user_roles', query={q:q,page:page+1}) }}">下一页</a>{% endif %}
  </div>
</section></div></div>
{% endblock %}