{% extends "admin/base.html" %}
{% block page_title %}集赞审核{% endblock %}
{% block content %}
<div class="card-box">
  <div class="d-flex justify-content-between mb-3 align-items-center flex-wrap gap-2">
    <div class="d-flex align-items-center gap-2 flex-wrap">
      <h6 class="mb-0">集赞提交（{{subs|length}}）</h6>
      <a href="{{url_for('admin.like_task_edit')}}" class="btn btn-sm btn-brand"><i class="bi bi-megaphone"></i> 发布集赞任务</a>
      <a href="{{url_for('admin.like_tasks')}}" class="btn btn-sm btn-outline-secondary">任务列表</a>
    </div>
    <div class="btn-group btn-group-sm" role="group">
      <a href="{{url_for('admin.likes', status='pending', year=year, month=month, chain=chain, province=province, city=city, sq=sq)}}" class="btn {% if status=='pending'%}btn-brand{% else %}btn-outline-secondary{% endif %}">待审核</a>
      <a href="{{url_for('admin.likes', status='reviewed', year=year, month=month, chain=chain, province=province, city=city, sq=sq)}}" class="btn {% if status=='reviewed'%}btn-brand{% else %}btn-outline-secondary{% endif %}">已审核</a>
      <a href="{{url_for('admin.likes', status='', year=year, month=month, chain=chain, province=province, city=city, sq=sq)}}" class="btn {% if not status %}btn-brand{% else %}btn-outline-secondary{% endif %}">全部</a>
    </div>
  </div>
  <form method="get" class="d-flex flex-wrap gap-2 mb-3 align-items-center">
    <input type="hidden" name="status" value="{{status}}">
    <select name="year" class="form-select form-select-sm" style="width:auto;min-width:110px" onchange="this.form.submit()">
      <option value="">全部年份</option>
      {% for y in years %}<option value="{{y}}" {% if year==y %}selected{% endif %}>{{y}}年</option>{% endfor %}
    </select>
    <select name="month" class="form-select form-select-sm" style="width:auto;min-width:110px" onchange="this.form.submit()">
      <option value="">全部月份</option>
      {% for m in range(1, 13) %}<option value="{{m}}" {% if month==m|string %}selected{% endif %}>{{m}}月</option>{% endfor %}
    </select>
    <select name="chain" class="form-select form-select-sm" style="width:auto;min-width:130px" onchange="this.form.submit()">
      <option value="">全部连锁</option>
      {% for c in chains %}<option value="{{c.id}}" {% if chain==c.id|string %}selected{% endif %}>{{c.name}}</option>{% endfor %}
    </select>
    <select name="province" id="fProv" class="form-select form-select-sm" style="width:auto;min-width:130px"><option value="">全部省份</option></select>
    <select name="city" id="fCity" class="form-select form-select-sm" style="width:auto;min-width:130px"><option value="">全部城市</option></select>
    <input name="sq" class="form-control form-control-sm" style="width:170px" value="{{sq}}" placeholder="店员姓名/手机号">
    <button class="btn btn-sm btn-outline-secondary" style="white-space:nowrap">筛选</button>
  </form>
  <div class="row g-3">
  {% for su in subs %}
    <div class="col-md-6">
      <div class="card-box">
        <div class="d-flex justify-content-between">
          <b>{{su.staff.name if su.staff}} · {{su.staff.store.chain.name if (su.staff and su.staff.store and su.staff.store.chain) else ''}}</b>
          <span class="badge bg-info">{{su.task.title if su.task}}</span>
        </div>
        <div class="small text-muted mb-2">{{su.staff.phone if su.staff}} · 自报 {{su.claimed_likes}} 赞 · {{su.created_at.strftime('%m-%d %H:%M') if su.created_at}}</div>
        <a href="{{su.screenshot_url}}" target="_blank"><img src="{{su.screenshot_url}}" style="max-width:100%;max-height:240px;border-radius:8px"></a>
        {% if su.status=='pending' %}
        <div class="mt-2">
          <form method="post" action="{{url_for('admin.like_approve', id=su.id)}}" class="d-inline"><button class="btn btn-sm btn-brand">通过发分</button></form>
          <form method="post" action="{{url_for('admin.like_reject', id=su.id)}}" class="d-inline">
            <input name="reason" class="form-control form-control-sm d-inline" style="width:160px" placeholder="驳回理由">
            <button class="btn btn-sm btn-outline-danger">驳回</button>
          </form>
        </div>
        {% else %}
        <div class="mt-2 small">{% if su.status=='approved'%}<span class="badge bg-success">已通过 +{{su.points_earned}}分</span>{% else %}<span class="badge bg-secondary">已驳回：{{su.reject_reason or '-'}}</span>{% endif %}</div>
        {% if current_user.role == 'super' %}
        <form method="post" action="{{url_for('admin.like_delete', id=su.id)}}" class="d-inline mt-2" onsubmit="return confirm('确认删除这条集赞提交？{% if su.status=='approved' and su.points_earned %}将扣回 {{su.points_earned}} 积分。{% endif %}不可逆。')"><button class="btn btn-sm btn-outline-danger">删除</button></form>
        {% endif %}
        {% endif %}
      </div>
    </div>
  {% else %}
    <div class="col-12 text-center text-muted py-4">暂无提交</div>
  {% endfor %}
  </div>
</div>
{% include "admin/_region_data.html" %}
<script>
initRegionPicker(document.getElementById('fProv'), document.getElementById('fCity'),
                 {{ province|tojson }}, {{ city|tojson }}, '全部城市');
</script>
{% endblock %}