{% extends "admin/base.html" %}
{% block page_title %}联系我们{% endblock %}
{% block content %}
<div class="card-box">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h6 class="mb-0">联系我们（{{items|length}}）</h6>
    <div class="btn-group btn-group-sm">
      <a href="{{url_for('admin.feedback')}}" class="btn {% if not status %}btn-brand{% else %}btn-outline-secondary{% endif %}">全部</a>
      <a href="{{url_for('admin.feedback', status='pending')}}" class="btn {% if status=='pending'%}btn-brand{% else %}btn-outline-secondary{% endif %}">待回复</a>
      <a href="{{url_for('admin.feedback', status='replied')}}" class="btn {% if status=='replied'%}btn-brand{% else %}btn-outline-secondary{% endif %}">已回复</a>
    </div>
  </div>
  {% for f in items %}
  <div class="card-box mb-2" style="border-left:4px solid {% if f.status=='replied' %}#16a34a{% else %}var(--brand){% endif %}">
    <div class="d-flex justify-content-between">
      <b>{{f.title}}</b>
      <span class="badge {% if f.status=='replied'%}bg-success{% else %}bg-warning text-dark{% endif %}">{% if f.status=='replied'%}已回复{% else %}待回复{% endif %}</span>
    </div>
    <div class="small text-muted">{{f.staff.name if f.staff}} · {{f.staff.phone if f.staff}} · {{f.created_at.strftime('%Y-%m-%d %H:%M') if f.created_at}}</div>
    <div class="mt-2" style="line-height:1.6">{{f.content}}</div>
    {% if f.screenshot_url %}<div class="mt-2"><a href="{{f.screenshot_url}}" target="_blank"><img src="{{f.screenshot_url}}" style="max-width:160px;max-height:160px;border-radius:8px"></a></div>{% endif %}
    {% if f.reply %}<div class="mt-2 small" style="background:#f0fdf4;border-radius:8px;padding:8px 10px"><b>客服回复：</b>{{f.reply}}<br><span class="text-muted">{{f.replied_at.strftime('%Y-%m-%d %H:%M') if f.replied_at}}</span></div>{% endif %}
    <form method="post" action="{{url_for('admin.feedback_reply', id=f.id)}}" class="mt-2">
      <input type="hidden" name="status" value="{{status}}">
      <div class="input-group input-group-sm">
        <textarea name="reply" class="form-control" rows="1" placeholder="回复内容">{{f.reply or ''}}</textarea>
        <button class="btn btn-brand">{{'修改回复' if f.reply else '回复'}}</button>
      </div>
    </form>
    {% if current_user.role == 'super' %}
    <form method="post" action="{{url_for('admin.feedback_delete', id=f.id)}}" class="mt-2 d-inline" onsubmit="return confirm('确认删除这条「联系我们」？不可逆。')">
      <input type="hidden" name="status" value="{{status}}">
      <button class="btn btn-sm btn-outline-danger">删除</button>
    </form>
    {% endif %}
  </div>
  {% else %}
  <div class="text-center text-muted py-4">暂无联系我们</div>
  {% endfor %}
</div>
{% endblock %}