{% 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">
    <h6 class="mb-0">门店运营月报（{{reps|length}}）</h6>
    <div class="btn-group btn-group-sm" role="group">
      <a href="{{url_for('admin.store_reports', 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.store_reports', 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.store_reports', 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="post" action="{{url_for('admin.store_reports')}}" class="d-flex align-items-center gap-2 mb-3 flex-wrap">
    <span class="small text-muted">审核通过奖励</span>
    <input type="number" name="reward" value="{{reward}}" min="0" class="form-control form-control-sm" style="width:90px">
    <span class="small text-muted">积分</span>
    <button class="btn btn-sm btn-brand" style="white-space:nowrap">保存积分</button>
  </form>
  <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">筛选</button>
  </form>
  <div class="row g-3">
  {% for r in reps %}
    <div class="col-md-6">
      <div class="card-box">
        <div class="d-flex justify-content-between">
          <b>{{r.staff.name if r.staff}} · {{r.staff.store.chain.name if (r.staff and r.staff.store and r.staff.store.chain) else ''}}</b>
          <span class="badge bg-info">{{r.period}}</span>
        </div>
        <div class="small text-muted mb-2">{{r.staff.phone if r.staff}} · {{r.created_at.strftime('%Y-%m-%d %H:%M') if r.created_at}}</div>
        <div class="d-flex gap-2 flex-wrap">
          <div class="text-center"><a href="{{r.display_img}}" target="_blank"><img src="{{r.display_img}}" style="width:120px;height:90px;object-fit:cover;border-radius:6px"></a><div class="small text-muted">陈列照</div></div>
          <div class="text-center"><a href="{{r.stock_img}}" target="_blank"><img src="{{r.stock_img}}" style="width:120px;height:90px;object-fit:cover;border-radius:6px"></a><div class="small text-muted">库存截图</div></div>
          <div class="text-center"><a href="{{r.sales_img}}" target="_blank"><img src="{{r.sales_img}}" style="width:120px;height:90px;object-fit:cover;border-radius:6px"></a><div class="small text-muted">销量截图</div></div>
        </div>
        {% if r.status=='pending' %}
        <div class="mt-2">
          <form method="post" action="{{url_for('admin.store_report_approve', id=r.id)}}" class="d-inline"><button class="btn btn-sm btn-brand">通过发分 +{{reward}}</button></form>
          <form method="post" action="{{url_for('admin.store_report_reject', id=r.id)}}" class="d-inline">
            <input name="reason" class="form-control form-control-sm d-inline" style="width:160px" placeholder="驳回理由（必填）" required maxlength="250">
            <button class="btn btn-sm btn-outline-danger">驳回</button>
          </form>
        </div>
        {% else %}
        <div class="mt-2 small">{% if r.status=='approved'%}<span class="badge bg-success">已通过 +{{r.points_earned}}分</span>{% else %}<span class="badge bg-secondary">已驳回：{{r.reject_reason or '-'}}</span>{% endif %}</div>
        {% if current_user.role == 'super' %}
        <form method="post" action="{{url_for('admin.store_report_delete', id=r.id)}}" class="d-inline mt-2" onsubmit="return confirm('确认删除这条门店运营月报？{% if r.status=='approved' and r.points_earned %}将扣回 {{r.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 %}