{{define "admin_interactplus"}}
  <div class="panel-head-row" style="margin-bottom:16px;">
    <div class="form-inline">
      <a href="/admin/interactplus" class="btn {{if eq .Data.ModuleFilter ""}}btn-primary{{else}}btn-ghost{{end}} btn-sm">全部</a>
      {{range .Data.Modules}}
      <a href="/admin/interactplus?module={{.}}" class="btn {{if eq $.Data.ModuleFilter .}}btn-primary{{else}}btn-ghost{{end}} btn-sm">{{.}}</a>
      {{end}}
    </div>
    <div class="form-inline">
      <span class="shelf-note">共 {{len .Data.Tasks}} 个任务</span>
      <a href="/tasks" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看前台</a>
    </div>
  </div>

  {{if .Data.Flash}}
  <div class="alert alert-info" style="margin-bottom:16px;">{{.Data.Flash}}</div>
  {{end}}

  <div class="panel panel-flush">
    <div class="table-wrap">
      <table class="table">
        <thead>
          <tr>
            <th>模块</th>
            <th>任务</th>
            <th>类型</th>
            <th>积分</th>
            <th>付费</th>
            <th>已完成</th>
            <th>状态</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          {{range .Data.Tasks}}
          {{if or (eq $.Data.ModuleFilter "") (eq $.Data.ModuleFilter .Module)}}
          <tr>
            <td>
              <span class="badge {{if eq .Module "content"}}badge-pub{{else if eq .Module "interact"}}badge-pin{{else if eq .Module "setting"}}badge-draft{{else}}badge-new{{end}}">{{.Module}}</span>
            </td>
            <td>
              <strong>{{.Title}}</strong>
              <div class="table-sub">{{.Description}}</div>
            </td>
            <td>{{if eq .TaskType "daily"}}每日{{else}}一次性{{end}}</td>
            <td><b style="color:#FF8A3D;">+{{.RewardPoints}}</b></td>
            <td>{{if eq .IsPaid 1}}<span class="badge badge-pin">进阶</span>{{else}}<span class="badge badge-pub">免费</span>{{end}}</td>
            <td>{{index $.Data.DoneCounts .ID}} 人</td>
            <td>{{if eq .Enabled 1}}<span class="badge badge-pub">启用</span>{{else}}<span class="badge badge-draft">停用</span>{{end}}</td>
            <td>
              <div class="row-actions">
                <form method="post" action="/admin/interactplus/{{.ID}}/toggle" class="row-del-form">
                  <input type="hidden" name="csrf" value="{{$.CSRF}}">
                  <button class="btn btn-ghost btn-sm" type="submit">{{if eq .Enabled 1}}停用{{else}}启用{{end}}</button>
                </form>
              </div>
            </td>
          </tr>
          {{end}}
          {{else}}
          <tr><td colspan="8" style="color:#9AABCF;">暂无任务数据。</td></tr>
          {{end}}
        </tbody>
      </table>
    </div>
  </div>

  <div class="panel-head-row" style="margin:22px 0 10px;">
    <div class="form-inline"><h3 style="margin:0;">今日签到记录</h3></div>
    <div class="form-inline"><span class="shelf-note">共 {{len .Data.Today}} 人</span></div>
  </div>
  <div class="panel panel-flush">
    {{if .Data.Today}}
    <div class="table-wrap">
      <table class="table">
        <thead>
          <tr><th>用户</th><th>昵称</th><th>任务</th><th>积分</th><th>时间</th></tr>
        </thead>
        <tbody>
          {{range .Data.Today}}
          <tr>
            <td><a href="/u/{{.Username}}">{{.Username}}</a></td>
            <td>{{if .Nickname}}{{.Nickname}}{{else}}—{{end}}</td>
            <td>{{.TaskTitle}}</td>
            <td><b style="color:#FF8A3D;">+{{.Points}}</b></td>
            <td>{{date .At}}</td>
          </tr>
          {{end}}
        </tbody>
      </table>
    </div>
    {{else}}
    <div class="panel-body" style="color:#9AABCF;">今天还没有人签到。</div>
    {{end}}
  </div>
{{end}}