{% extends 'base.html' %}

{% block content %}
<div class="container mt-5">
    <h1 class="mb-4">管理用户反馈</h1>

    <!-- 未处理的反馈 -->
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">未处理的反馈</h5>
        </div>
        <div class="card-body">
            {% if unprocessed_feedbacks_page %}
                <ul class="list-group">
                    {% for feedback in unprocessed_feedbacks_page %}
                        <li class="list-group-item">
                            <strong>用户:</strong> {{ feedback.user.username }}<br>
                            <strong>提交时间:</strong> {{ feedback.created_at|date:"Y年m月d日 H时i分" }}<br>
                            <strong>反馈内容:</strong> {{ feedback.content }}<br>
                            <div class="mt-2">
                                <a href="{% url 'process_feedback' feedback.id %}" class="btn btn-primary btn-sm">处理并回复</a>
                                <form method="post" action="{% url 'toggle_feedback_status' feedback.id %}" style="display:inline;">
                                    {% csrf_token %}
                                    <button type="submit" class="btn btn-success btn-sm">标记为已处理</button>
                                </form>
                            </div>
                        </li>
                    {% endfor %}
                </ul>
            {% else %}
                <p class="text-muted">暂无未处理的反馈。</p>
            {% endif %}
        </div>
        <!-- 分页导航 -->
        <div class="card-footer">
            <nav aria-label="未处理的反馈分页">
                <ul class="pagination pagination-sm mb-0">
                    {% if unprocessed_feedbacks_page.has_previous %}
                        <li class="page-item">
                            <a class="page-link" href="?unprocessed_page=1" aria-label="第一页">&laquo; 第一页</a>
                        </li>
                        <li class="page-item">
                            <a class="page-link" href="?unprocessed_page={{ unprocessed_feedbacks_page.previous_page_number }}" aria-label="上一页">上一页</a>
                        </li>
                    {% endif %}
                    <li class="page-item disabled">
                        <span class="page-link">
                            第 {{ unprocessed_feedbacks_page.number }} 页，共 {{ unprocessed_feedbacks_page.paginator.num_pages }} 页
                        </span>
                    </li>
                    {% if unprocessed_feedbacks_page.has_next %}
                        <li class="page-item">
                            <a class="page-link" href="?unprocessed_page={{ unprocessed_feedbacks_page.next_page_number }}" aria-label="下一页">下一页</a>
                        </li>
                        <li class="page-item">
                            <a class="page-link" href="?unprocessed_page={{ unprocessed_feedbacks_page.paginator.num_pages }}" aria-label="最后一页">最后一页 &raquo;</a>
                        </li>
                    {% endif %}
                </ul>
            </nav>
        </div>
    </div>

    <!-- 已处理的反馈历史记录 -->
    <div class="card shadow-sm">
        <div class="card-header bg-success text-white">
            <h5 class="mb-0">已处理的反馈历史记录</h5>
        </div>
        <div class="card-body">
            {% if processed_feedbacks_page %}
                <ul class="list-group">
                    {% for feedback in processed_feedbacks_page %}
                        <li class="list-group-item">
                            <strong>用户:</strong> {{ feedback.user.username }}<br>
                            <strong>提交时间:</strong> {{ feedback.created_at|date:"Y年m月d日 H时i分" }}<br>
                            <strong>处理时间:</strong> {{ feedback.processed_time|date:"Y年m月d日 H时i分" }}<br>
                            <strong>反馈内容:</strong> {{ feedback.content }}<br>
                            <strong>管理员回复:</strong> {{ feedback.admin_reply|default:"暂无回复" }}<br>
                            <div class="mt-2">
                                <form method="post" action="{% url 'toggle_feedback_status' feedback.id %}" style="display:inline;">
                                    {% csrf_token %}
                                    <button type="submit" class="btn btn-warning btn-sm">标记为未处理</button>
                                </form>
                                <form method="post" action="{% url 'delete_feedback' feedback.id %}" style="display:inline;">
                                    {% csrf_token %}
                                    <button type="submit" class="btn btn-danger btn-sm">删除</button>
                                </form>
                            </div>
                        </li>
                    {% endfor %}
                </ul>
            {% else %}
                <p class="text-muted">暂无已处理的反馈记录。</p>
            {% endif %}
        </div>
        <!-- 分页导航 -->
        <div class="card-footer">
            <nav aria-label="已处理的反馈分页">
                <ul class="pagination pagination-sm mb-0">
                    {% if processed_feedbacks_page.has_previous %}
                        <li class="page-item">
                            <a class="page-link" href="?processed_page=1" aria-label="第一页">&laquo; 第一页</a>
                        </li>
                        <li class="page-item">
                            <a class="page-link" href="?processed_page={{ processed_feedbacks_page.previous_page_number }}" aria-label="上一页">上一页</a>
                        </li>
                    {% endif %}
                    <li class="page-item disabled">
                        <span class="page-link">
                            第 {{ processed_feedbacks_page.number }} 页，共 {{ processed_feedbacks_page.paginator.num_pages }} 页
                        </span>
                    </li>
                    {% if processed_feedbacks_page.has_next %}
                        <li class="page-item">
                            <a class="page-link" href="?processed_page={{ processed_feedbacks_page.next_page_number }}" aria-label="下一页">下一页</a>
                        </li>
                        <li class="page-item">
                            <a class="page-link" href="?processed_page={{ processed_feedbacks_page.paginator.num_pages }}" aria-label="最后一页">最后一页 &raquo;</a>
                        </li>
                    {% endif %}
                </ul>
            </nav>
        </div>
    </div>
</div>
{% endblock %}