{% extends "admin/base.html" %}
{% block page_title %}店员详情 · {{s.name}}{% endblock %}
{% block content %}
<div class="card-box">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <div class="form-section-title"><i class="bi bi-person"></i> {{s.name}}
        {% if s.status=='active' %}<span class="badge bg-success">正常</span>{% else %}<span class="badge bg-secondary">停用</span>{% endif %}
      </div>
      <div class="text-muted small">{{s.phone}} · {{s.store.name if s.store else '无门店'}} · {{s.store.chain.name if (s.store and s.store.chain) else '-'}}</div>
    </div>
    <div class="d-flex gap-2">
      <a href="{{url_for('admin.staff_edit', id=s.id)}}" class="btn btn-sm btn-outline-secondary">编辑</a>
      <a href="{{url_for('admin.staff_list')}}" class="btn btn-sm btn-outline-secondary">返回列表</a>
    </div>
  </div>
  <div class="row g-3 mb-3">
    <div class="col-md-3"><div class="stat-card"><div class="stat-num" style="color:var(--brand)">{{s.points_balance}}</div><div class="stat-label">当前积分</div></div></div>
    <div class="col-md-3"><div class="stat-card"><div class="stat-num">{{logs|length}}</div><div class="stat-label">积分变动次数</div></div></div>
    <div class="col-md-3"><div class="stat-card"><div class="stat-num" style="font-size:1.1rem">{{s.created_at.strftime('%Y-%m-%d') if s.created_at}}</div><div class="stat-label">注册时间</div></div></div>
    <div class="col-md-3"><div class="stat-card"><div class="stat-num" style="font-size:1.1rem">{{s.last_login.strftime('%Y-%m-%d %H:%M') if s.last_login else '-'}}</div><div class="stat-label">最后登录</div></div></div>
  </div>
  <div class="form-section-title"><i class="bi bi-clock-history"></i> 操作时间线（积分流水）</div>
  <table class="table table-hover align-middle">
    <thead><tr><th>时间</th><th>类型</th><th>操作描述</th><th>积分变动</th><th>变动后余额</th></tr></thead>
    <tbody>
    {% set tm = {'exam':'考试','like':'集赞','exchange':'兑换','checkin':'打卡','adjust':'调整'} %}
    {% for log in logs %}
      <tr>
        <td class="small text-muted" style="white-space:nowrap">{{log.created_at.strftime('%Y-%m-%d %H:%M:%S') if log.created_at}}</td>
        <td><span class="badge bg-secondary">{{tm.get(log.type, log.type)}}</span></td>
        <td>{{log.remark or '-'}}</td>
        <td>{% if log.delta > 0 %}<b style="color:#16a34a">+{{log.delta}}</b>{% else %}<b style="color:#dc3545">{{log.delta}}</b>{% endif %}</td>
        <td>{{log.balance_after}}</td>
      </tr>
    {% else %}
      <tr><td colspan="5" class="text-center text-muted py-4">暂无操作记录</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}