{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}

<div class="domain-student-admin-page ui-page ui-page--compact-type ui-split">
  <div class="ui-stack ui-stack--lg">
    <div class="section ui-panel">
      <div class="ui-panel__header">
        <div class="ui-cluster ui-cluster--between">
          <h1 class="ui-panel__title">{{ _('学生账号管理') }}</h1>
          <div class="ui-text-wrap">
            <div class="ui-meta">
              <span>{{ domainName }} ({{ domainId }})</span>
            </div>
          </div>
        </div>
      </div>
      <div class="ui-panel__body ui-stack">
        {% if messages and messages.length %}
        <blockquote class="note">
          {% for message in messages %}
          <p>{{ message }}</p>
          {% endfor %}
        </blockquote>
        {% endif %}

        <form method="post" class="ui-stack">
          <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
          <input type="hidden" name="action" value="preview">
          <input type="hidden" name="mode" value="quick">
          <input type="hidden" name="prefix" value="{{ form.prefix }}">
          <input type="hidden" name="startStudentId" value="{{ form.startStudentId }}">
          <input type="hidden" name="idWidth" value="{{ form.idWidth }}">
          <input type="hidden" name="tableText" value="">

          <div class="domain-student-admin-page__name-panel">
            <label class="ui-field">
              <span class="ui-field__label">{{ _('姓名名单') }} <span data-ui-help-anchor="domain-student-admin-help-0"></span></span>
              <textarea name="quickNames" class="textbox ui-field__control domain-student-admin-page__names" placeholder="张三&#10;李四&#10;王五">{{ form.quickNames|default('') }}</textarea>
            </label>
            <p data-ui-help="使用说明" data-ui-help-for="domain-student-admin-help-0" class="help-text">{{ _('一行一个姓名即可；UID 由 Hydro 自动生成，账号前缀和学号不需要填写。') }}</p>
          </div>

          <details class="ui-card ui-card--muted">
            <summary class="ui-card__header domain-student-admin-page__summary">{{ _('高级选项') }}</summary>
            <div class="ui-card__body ui-stack">
            <div class="ui-grid">
              <label class="ui-field">
                {{ _('默认角色') }}
                <select name="defaultRole" class="select ui-field__control">
                  {% for role in roles %}
                  <option value="{{ role._id }}" {% if role._id == form.defaultRole %}selected{% endif %}>{{ role._id }}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                {{ _('默认小组') }}
                <select name="defaultGroup" class="select ui-field__control">
                  <option value="" {% if not form.defaultGroup %}selected{% endif %}>{{ _('无小组') }}</option>
                  {% for group in groups %}
                  <option value="{{ group.name }}" {% if group.name == form.defaultGroup %}selected{% endif %}>{{ group.name }}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                {{ _('密码策略') }}
                <select name="passwordMode" class="select ui-field__control">
                  <option value="fixed" {% if form.passwordMode == 'fixed' %}selected{% endif %}>{{ _('统一密码') }}</option>
                  <option value="random" {% if form.passwordMode == 'random' %}selected{% endif %}>{{ _('随机密码') }}</option>
                </select>
              </label>
            </div>
            <label class="ui-field">
              {{ _('统一密码') }}
              <input name="fixedPassword" value="{{ form.fixedPassword }}" class="textbox ui-field__control">
            </label>
            </div>
          </details>

          <div class="ui-actions ui-actions--start">
            <button type="submit" class="button rounded" onclick="this.form.elements['action'].value='preview'">
              <span class="icon icon-check" aria-hidden="true"></span> {{ _('预览') }}
            </button>
            <a href="{{ url('domain_user') }}" class="button rounded">{{ _('域用户') }}</a>
            <a href="{{ url('domain_group') }}" class="button rounded">{{ _('小组管理') }}</a>
          </div>
        </form>
      </div>
    </div>

    {% if candidates and candidates.length %}
    <div class="section ui-panel">
      <div class="ui-panel__header">
        <h1 class="ui-panel__title">{{ _('导入预览') }}</h1>
      </div>
      <div class="ui-panel__body ui-stack">
        {% if previewPayload %}
        <form method="post" class="ui-actions ui-actions--start">
          <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
          <input type="hidden" name="action" value="import">
          <input type="hidden" name="previewPayload" value="{{ previewPayload }}">
          <button type="submit" class="button rounded primary">
            <span class="icon icon-play" aria-hidden="true"></span> {{ _('确认导入当前预览') }}
          </button>
        </form>
        {% endif %}
        <div class="ui-table-wrap" tabindex="0" role="region" aria-label="{{ _('导入预览') }}">
        <table class="data-table">
          <thead>
            <tr>
              <th scope="col">{{ _('行') }}</th>
              <th scope="col">{{ _('姓名') }}</th>
              <th scope="col">{{ _('账号') }}</th>
              <th scope="col">{{ _('UID') }}</th>
              <th scope="col">{{ _('角色') }}</th>
              <th scope="col">{{ _('小组') }}</th>
              <th scope="col">{{ _('密码') }}</th>
              <th scope="col">{{ _('状态') }}</th>
            </tr>
          </thead>
          <tbody>
            {% for candidate in candidates %}
            <tr>
              <td>{{ candidate.lineNum }}</td>
              <td><div class="ui-text-wrap">{{ candidate.name }}</div></td>
              <td><div class="ui-text-wrap"><code>{{ candidate.username }}</code></div></td>
              <td>{% if candidate.uid %}<code>{{ candidate.uid }}</code>{% else %}<span class="ui-muted">{{ _('导入后生成') }}</span>{% endif %}</td>
              <td><div class="ui-text-wrap">{{ candidate.role }}</div></td>
              <td><div class="ui-text-wrap">
                {% if candidate.groups and candidate.groups.length %}
                {% for group in candidate.groups %}<span class="ui-badge ui-badge--neutral">{{ group }}</span>{% endfor %}
                {% else %}
                <span class="ui-muted">{{ _('无小组') }}</span>
                {% endif %}
              </div></td>
              <td><div class="ui-text-wrap"><code>{{ candidate.password }}</code></div></td>
              <td><div class="ui-text-wrap">
                {% if candidate.errors and candidate.errors.length %}
                <span class="domain-student-admin-page__error">{% for error in candidate.errors %}{{ error }}{% if not loop.last %}<br>{% endif %}{% endfor %}</span>
                {% elif candidate.created %}
                <span class="domain-student-admin-page__success">{{ _('已创建并加入子域') }} UID {{ candidate.uid }}</span>
                {% elif candidate.imported %}
                <span class="domain-student-admin-page__success">{{ _('已加入/修复子域') }} UID {{ candidate.uid }}</span>
                {% elif candidate.existing %}
                <span class="domain-student-admin-page__success">{{ _('可加入/修复') }} UID {{ candidate.uid }}</span>
                {% else %}
                <span class="domain-student-admin-page__success">{{ _('可导入') }}</span>
                {% endif %}
              </div></td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
        </div>
      </div>
    </div>
    {% endif %}
  </div>

  <div class="ui-sidebar ui-sidebar--flow ui-stack ui-stack--lg">
    <div class="section ui-panel">
      <div class="ui-panel__header">
        <h1 class="ui-panel__title">{{ _('重置托管学生密码') }}</h1>
      </div>
      <div class="ui-panel__body ui-stack">
        <form method="post" class="ui-stack">
          <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
          <input type="hidden" name="action" value="reset_password">
          <p class="ui-muted domain-student-admin-page__reset-scope">{{ _('这里只能重置本插件创建并托管的学生密码。') }}</p>
          <label class="ui-field">
            {{ _('学生') }}
            <select name="targetUid" class="select ui-field__control">
              <option value="">{{ _('请选择') }}</option>
              {% for student in students %}
              <option value="{{ student.uid }}">{{ student.name }}{% if student.uid %} / UID {{ student.uid }}{% endif %}</option>
              {% endfor %}
            </select>
          </label>
          <label class="ui-field">
            {{ _('新密码') }}
            <input name="newPassword" class="textbox ui-field__control">
          </label>
          <button type="submit" class="button rounded primary">{{ _('重置密码') }}</button>
        </form>
      </div>
    </div>

    <div class="section ui-panel">
      <div class="ui-panel__header">
        <h1 class="ui-panel__title">{{ _('托管学生') }} {{ ui_v1.help(_('默认角色学生可能不出现在 Hydro 原生域用户角色列表，请以本页托管学生为准。'), '托管学生说明') }}</h1>
      </div>
      <div class="ui-panel__body typo">
        {% if not students.length %}
        <p class="ui-muted">{{ _('暂无托管学生') }}</p>
        {% else %}
        <ul class="domain-student-admin-page__student-list ui-stack ui-stack--sm">
          {% for student in students %}
          <li>
            <span class="domain-student-admin-page__student-name">{{ student.name }}</span>
            <br><span class="ui-muted">{{ _('账号') }} {{ student.uname }} / UID {{ student.uid }}{% if student.groupText %} / {{ student.groupText }}{% endif %}</span>
          </li>
          {% endfor %}
        </ul>
        {% endif %}
      </div>
    </div>

  </div>
</div>
{% endblock %}