{% extends 'base.html' %}

{% block title %}管理后台{% endblock %}

{% block content %}
<h2>管理后台 - 所有需求</h2>
{% if demands %}
<div class="question-list">
    {% for demand in demands %}
    <div class="question-item">
        <div class="question-header">
            <h3 class="demand-title">{{ demand.title }} <span class="branch">{{ get_branch_name(demand.branch) }}</span></h3>
            <span class="status {% if demand.is_public %}public{% else %}private{% endif %}">
                {% if demand.is_public %}公开{% else %}私有{% endif %}
            </span>
        </div>
        <span class="time">提交者: {{ demand.user.username }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 提交时间: {{ demand.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
        <p class="content">{{ demand.content }}</p>
        <div class="question-footer">
            <span class="contact">联系方式: {{ demand.contact }}</span>
            {% if demand.answer %}
            <div class="answer-toggle" onclick="toggleAnswer(this)">
                <span class="toggle-icon">▶</span>
                <span class="toggle-text">查看回答</span>
            </div>
            <div class="answer-content" style="display: none;">
                <div class="answer">
                    <strong>回答:</strong>
                    <p>{{ demand.answer }}</p>
                    <span class="answer-time">回答时间: {{ demand.answered_at.strftime('%Y-%m-%d %H:%M') }}</span>
                </div>
            </div>
            {% else %}
            <span class="status waiting">待回答</span>
            {% endif %}
            <div class="actions">
                <a href="{{ url_for('edit_demand', id=demand.id) }}" class="btn btn-edit">编辑</a>
                <a href="{{ url_for('answer_demand', id=demand.id) }}" class="btn btn-answer">回答</a>
                <form method="POST" action="{{ url_for('toggle_public', id=demand.id) }}" style="display: inline;">
                    <button type="submit" class="btn btn-toggle">
                        {% if demand.is_public %}设为私有{% else %}设为公开{% endif %}
                    </button>
                </form>
            </div>
        </div>
    </div>
    {% endfor %}
</div>

{% if pagination.pages > 1 %}
<div class="pagination">
    {% if pagination.has_prev %}
    <a href="{{ url_for('admin_demands', page=pagination.prev_num) }}" class="btn btn-page">上一页</a>
    {% endif %}
    
    <span class="page-info">
        共 {{ pagination.total }} 条，第 {{ pagination.page }} / {{ pagination.pages }} 页
    </span>
    
    {% if pagination.has_next %}
    <a href="{{ url_for('admin_demands', page=pagination.next_num) }}" class="btn btn-page">下一页</a>
    {% endif %}
</div>
{% endif %}
{% else %}
<p class="empty">暂无需求</p>
{% endif %}

<script>
function toggleAnswer(element) {
    var content = element.nextElementSibling;
    var icon = element.querySelector('.toggle-icon');
    var text = element.querySelector('.toggle-text');
    
    if (content.style.display === 'none') {
        content.style.display = 'block';
        icon.textContent = '▼';
        text.textContent = '收起回答';
    } else {
        content.style.display = 'none';
        icon.textContent = '▶';
        text.textContent = '查看回答';
    }
}
</script>
{% endblock %}