{% extends "admin/base.html" %}
{% block page_title %}积分管理{% endblock %}
{% block content %}
<div class="card-box">
  <div class="d-flex justify-content-between mb-2 flex-wrap gap-2">
    <h6 class="mb-0">积分流水（最近 200 条） <a href="{{url_for('admin.points_export')}}" class="btn btn-sm btn-outline-secondary ms-2"><i class="bi bi-download"></i> 导出CSV</a></h6>
    <div class="d-flex gap-2 align-items-center flex-wrap">
      <button class="btn btn-sm btn-brand" data-bs-toggle="modal" data-bs-target="#adjustModal"><i class="bi bi-plus-slash-minus"></i> 手动调整积分</button>
      <form method="get" class="d-flex gap-2">
        <select name="staff_id" class="form-select form-select-sm" onchange="this.form.submit()">
          <option value="">全部店员</option>
          {% for s in staffs %}<option value="{{s.id}}" {% if staff_id==s.id %}selected{% endif %}>{{s.name}}</option>{% endfor %}
        </select>
        <select name="type" class="form-select form-select-sm" onchange="this.form.submit()">
          <option value="">全部类型</option>
          <option value="exam" {% if ptype=='exam'%}selected{% endif %}>考试</option>
          <option value="like" {% if ptype=='like'%}selected{% endif %}>集赞</option>
          <option value="exchange" {% if ptype=='exchange'%}selected{% endif %}>兑换</option>
          <option value="adjust" {% if ptype=='adjust'%}selected{% endif %}>调整</option>
        </select>
      </form>
    </div>
  </div>
  <table class="table table-hover table-sm align-middle">
    <thead><tr><th width="50">序号</th><th>店员</th><th>门店</th><th>变动</th><th>类型</th><th>备注</th><th>变动后</th><th>时间</th></tr></thead>
    <tbody>
    {% set tmap = {'exam':'考试','like':'集赞','exchange':'兑换','adjust':'调整'} %}
    {% for l in logs %}
      <tr>
        <td>{{loop.index}}</td>
        <td>{{l.staff.name if l.staff else '-'}}</td>
        <td class="small text-muted">{{l.staff.store.name if (l.staff and l.staff.store) else '-'}}</td>
        <td><b class="{% if l.delta>0 %}num-up{% else %}num-down{% endif %}">{% if l.delta>0 %}+{% endif %}{{l.delta}}</b></td>
        <td>{% set tb = {'exam':'bg-success','like':'bg-success','exchange':'bg-danger','adjust':'bg-brand'} %}<span class="badge {{tb.get(l.type, 'bg-secondary')}}">{{tmap.get(l.type, l.type)}}</span></td>
        <td class="small">{{l.remark or '-'}}</td>
        <td>{{l.balance_after}}</td>
        <td class="small text-muted">{{l.created_at.strftime('%m-%d %H:%M') if l.created_at}}</td>
      </tr>
    {% else %}
      <tr><td colspan="8" class="text-center text-muted py-4">暂无流水</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>

<div class="modal fade" id="adjustModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form method="post" action="{{url_for('admin.points_adjust')}}">
        <div class="modal-header"><h6 class="modal-title"><i class="bi bi-plus-slash-minus"></i> 手动调整积分</h6><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
        <div class="modal-body">
          <div class="mb-2"><label class="form-label small">店员</label>
            <select name="staff_id" class="form-select form-select-sm" required>
              <option value="">请选择店员</option>
              {% for s in staffs %}<option value="{{s.id}}">{{s.name}} · {{s.phone}}（{{s.points_balance}}）</option>{% endfor %}
            </select>
          </div>
          <div class="mb-2"><label class="form-label small">变动数（正=加，负=扣）</label>
            <input name="delta" type="number" class="form-control form-control-sm" placeholder="如 50 或 -20" required></div>
          <div class="mb-2"><label class="form-label small">备注</label>
            <input name="remark" class="form-control form-control-sm" placeholder="活动奖励 / 纠错..."></div>
        </div>
        <div class="modal-footer"><button class="btn btn-brand btn-sm">提交调整</button></div>
      </form>
    </div>
  </div>
</div>
{% endblock %}