{% extends "admin/base.html" %}
{% block page_title %}英雄榜 · {{e.title}}{% endblock %}
{% block content %}
<style>
.lb-rank{font-weight:700;}
.lb-r1{color:#d4a017;} .lb-r2{color:#6b7280;} .lb-r3{color:#b45309;}
.lb-row-excluded td{color:#9ca3af!important;font-style:italic;}
.lb-actions{white-space:nowrap;}
.lb-actions form{display:inline;}
.lb-reward-btn{padding:.2rem .45rem;font-size:12px;margin:0 1px;line-height:1.3;}
</style>

<p class="mb-3"><a href="{{url_for('admin.exams')}}"><i class="bi bi-arrow-left"></i> 返回考试列表</a></p>

<div class="row g-3 mb-3">
  <div class="col-6 col-md-4"><div class="stat-card"><div class="stat-ico bg-c1"><i class="bi bi-people"></i></div><div class="stat-num">{{stat_total}}</div><div class="stat-label">上榜人数</div></div></div>
  <div class="col-6 col-md-4"><div class="stat-card"><div class="stat-ico bg-c4"><i class="bi bi-bar-chart-line"></i></div><div class="stat-num">{{stat_avg}}</div><div class="stat-label">平均游戏分</div></div></div>
  <div class="col-6 col-md-4"><div class="stat-card"><div class="stat-ico bg-c6"><i class="bi bi-trophy"></i></div><div class="stat-num">{{stat_max}}</div><div class="stat-label">最高游戏分</div></div></div>
</div>

<div class="card-box">
  <div class="d-flex justify-content-between align-items-center mb-2 flex-wrap gap-2">
    <h6 class="mb-0">「{{e.title}}」英雄榜（按游戏分排名，每人取最高游戏分）</h6>
    <div>
      <a href="{{url_for('admin.exam_leaderboard', id=e.id)}}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-clockwise"></i> 刷新</a>
      <button class="btn btn-sm btn-outline-secondary" onclick="lbExport()"><i class="bi bi-download"></i> 导出CSV</button>
      <a href="{{url_for('admin.exam_leaderboard_view', id=e.id)}}" target="_blank" class="btn btn-sm btn-outline-primary"><i class="bi bi-phone"></i> 前台英雄榜</a>
      {% if current_user.role == 'super' %}
      <form method="post" action="{{url_for('admin.leaderboard_clear', id=e.id)}}" class="d-inline" onsubmit="return confirm('确定清空该游戏全部成绩？此操作不可恢复！')"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i> 清空全部</button></form>
      {% endif %}
    </div>
  </div>
  <p class="form-hint mb-3">参与闯关不自动发分。在「发分」列选档位（50/100/200/300/500）手动发放，每人仅一次；积分进店员余额（可商城兑换）。「屏蔽」=成绩保留但不上榜（可恢复）；「删除」=清除该店员在本游戏的全部成绩。</p>
  <div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead><tr><th width="60">名次</th><th>店员</th><th>手机</th><th>连锁</th><th>游戏分</th><th>用时</th><th>次数</th><th>时间</th><th>操作</th></tr></thead>
    <tbody>
    {% for r in rows %}
      <tr class="{% if r.excluded %}lb-row-excluded{% endif %}">
        <td>
          {% if loop.index==1 %}<span class="lb-rank lb-r1">🥇 1</span>{% elif loop.index==2 %}<span class="lb-rank lb-r2">🥈 2</span>{% elif loop.index==3 %}<span class="lb-rank lb-r3">🥉 3</span>{% else %}<span class="text-muted">{{loop.index}}</span>{% endif %}
        </td>
        <td>{{r.name}} {% if r.excluded %}<span class="badge bg-secondary">已屏蔽</span>{% endif %}</td>
        <td class="small text-muted">{{r.phone or '-'}}</td>
        <td class="small">{{r.chain}}</td>
        <td><b class="num-brand">{{r.best}}</b></td>
        <td class="small">{{r.duration}}秒</td>
        <td class="small text-muted">×{{r.count}}</td>
        <td class="small text-muted">{{r.time.strftime('%Y-%m-%d %H:%M') if r.time else '-'}}</td>
        <td class="lb-actions">
          {% if r.rewarded > 0 %}
            <span class="badge bg-success">已发 {{r.rewarded}}</span>
          {% else %}
          <form method="post" action="{{url_for('admin.leaderboard_reward', id=e.id)}}" class="d-inline">
            <button type="submit" name="points" value="50" class="btn btn-sm btn-outline-secondary lb-reward-btn" title="发 50 积分">50</button>
            <button type="submit" name="points" value="100" class="btn btn-sm btn-outline-secondary lb-reward-btn" title="发 100 积分">100</button>
            <button type="submit" name="points" value="200" class="btn btn-sm btn-outline-secondary lb-reward-btn" title="发 200 积分">200</button>
            <button type="submit" name="points" value="300" class="btn btn-sm btn-outline-secondary lb-reward-btn" title="发 300 积分">300</button>
            <button type="submit" name="points" value="500" class="btn btn-sm btn-outline-secondary lb-reward-btn" title="发 500 积分">500</button>
            <input type="hidden" name="staff_id" value="{{r.staff_id}}">
          </form>
          {% endif %}
          <form method="post" action="{{url_for('admin.leaderboard_exclude', id=e.id)}}" class="d-inline ms-1">
            <input type="hidden" name="staff_id" value="{{r.staff_id}}">
            {% if r.excluded %}<button class="btn btn-sm btn-outline-secondary">恢复上榜</button>{% else %}<button class="btn btn-sm btn-outline-warning" onclick="return confirm('屏蔽 {{r.name}}？成绩保留但不上榜。')">屏蔽</button>{% endif %}
          </form>
          <form method="post" action="{{url_for('admin.leaderboard_delete_staff', id=e.id)}}" class="d-inline ms-1">
            <input type="hidden" name="staff_id" value="{{r.staff_id}}">
            <button class="btn btn-sm btn-outline-danger" onclick="return confirm('删除 {{r.name}} 在本游戏的全部成绩（{{r.count}} 条）？')">删除</button>
          </form>
        </td>
      </tr>
    {% else %}
      <tr><td colspan="9" class="text-center text-muted py-4">暂无成绩记录</td></tr>
    {% endfor %}
    </tbody>
  </table>
  </div>
</div>

<script>
function lbExport(){
  var rows=[];
  document.querySelectorAll('table tbody tr').forEach(function(tr){
    var tds=tr.querySelectorAll('td'); if(tds.length<8) return;
    rows.push([tds[0].textContent.trim(), tds[1].textContent.replace(/已屏蔽/,'').trim(),
               tds[2].textContent.trim(), tds[3].textContent.trim(), tds[4].textContent.trim(),
               tds[5].textContent.trim(), tds[7].textContent.trim()]);
  });
  var t='名次,姓名,手机,连锁,游戏分,用时,时间\n';
  rows.forEach(function(r){t+=r.map(function(c){return String(c).replace(/,/g,' ')}).join(',')+'\n'});
  var a=document.createElement('a');
  a.href=URL.createObjectURL(new Blob([t],{type:'text/csv;charset=utf-8'}));
  a.download='英雄榜_{{e.title}}_'+new Date().toISOString().substring(0,10)+'.csv';
  a.click();
}
</script>
{% endblock %}