{% extends "base.html" %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-file-text"></i> {{ task.title }}</h2>
    <div>
        {# 审批按钮（待审批状态） #}
        {% if task.status == 'pending' and current_user.is_approver() %}
            {% set current_approver_role = '' %}
            {% if template and template.approver_roles and task.current_level < template.approver_roles|length %}
                {% set current_approver_role = template.approver_roles[task.current_level] %}
            {% elif template and template.roles and task.current_level < template.roles|length %}
                {% set current_approver_role = template.roles[task.current_level] %}
            {% endif %}
            
            {% if current_approver_role != '经办人' %}
                <a href="{{ url_for('approve_task', task_id=task.id) }}" class="btn btn-success" id="approveBtn">
                    <i class="bi bi-check-circle"></i> 审批
                </a>
            {% else %}
                <span class="text-muted" id="waitingText">⏳ 等待发起人确认</span>
            {% endif %}
        {% endif %}
        
        {# 重新提交按钮（已驳回状态） #}
        {% if task.status == 'rejected' %}
            <a href="{{ url_for('reapply_task', task_id=task.id) }}" class="btn btn-warning">
                <i class="bi bi-arrow-counterclockwise"></i> 重新提交
            </a>
        {% endif %}
        
        {# 弃置按钮（待审批或已驳回状态，发起人本人或管理员可见） #}
        {% if task.status in ['pending', 'rejected'] %}
            {% if task.applicant_id == current_user.id or current_user.is_admin() %}
                <button class="btn btn-outline-danger" onclick="discardTask({{ task.id }}, '{{ task.title }}')">
                    <i class="bi bi-trash"></i> 弃置
                </button>
            {% endif %}
        {% endif %}
        
        <a href="{{ url_for('tasks') }}" class="btn btn-outline-secondary" id="backBtn">
            <i class="bi bi-arrow-left"></i> 返回
        </a>
    </div>
</div>

<div class="row">
    <!-- 基本信息 -->
    <div class="col-md-8">
        <div class="card mb-4">
            <div class="card-body">
                <div class="row mb-2">
                    <div class="col-sm-3 text-muted">申请人</div>
                    <div class="col-sm-9">{{ task.applicant }}</div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-3 text-muted">状态</div>
                    <div class="col-sm-9">
                        {% if task.status == 'pending' %}
                            <span class="badge badge-pending" id="statusBadge">⏳ 待审批</span>
                        {% elif task.status == 'approved' %}
                            <span class="badge badge-approved" id="statusBadge">✅ 已通过</span>
                        {% elif task.status == 'rejected' %}
                            <span class="badge badge-rejected" id="statusBadge">❌ 已驳回</span>
                        {% else %}
                            <span class="badge bg-secondary" id="statusBadge">🗑️ 已弃置</span>
                        {% endif %}
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-3 text-muted">提交时间</div>
                    <div class="col-sm-9">{{ task.created_at }}</div>
                </div>
                {% if task.finished_at %}
                <div class="row mb-2">
                    <div class="col-sm-3 text-muted">完成时间</div>
                    <div class="col-sm-9">{{ task.finished_at }}</div>
                </div>
                {% endif %}
                <div class="row mb-2">
                    <div class="col-sm-3 text-muted">当前层级</div>
                    <div class="col-sm-9">
                        {% if task.status == 'pending' %}
                            第 {{ task.current_level + 1 }} 级
                            {% if template %}
                                / 共 {{ template.level }} 级
                            {% endif %}
                        {% else %}
                            ✅ 已完成全部审批
                        {% endif %}
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-3 text-muted">内容</div>
                    <div class="col-sm-9">{{ task.content }}</div>
                </div>
                {% if task.parent_task_id %}
                <div class="row mb-2">
                    <div class="col-sm-3 text-muted">原任务</div>
                    <div class="col-sm-9">#{{ task.parent_task_id }} (重新提交)</div>
                </div>
                {% endif %}
                {% if task.attachment_path %}
                <div class="row">
                    <div class="col-sm-3 text-muted">附件</div>
                    <div class="col-sm-9">
                        <a href="{{ url_for('download_attachment', task_id=task.id) }}" class="attachment-link">
                            <i class="bi bi-paperclip"></i> {{ task.attachment_name }}
                        </a>
                        <span class="text-muted ms-2">
                            <a href="{{ url_for('download_attachment', task_id=task.id) }}" class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-download"></i> 下载
                            </a>
                        </span>
                    </div>
                </div>
                {% endif %}
            </div>
        </div>

        <!-- 审批链预览 -->
        {% if template %}
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-diagram-3"></i> 审批链预览
            </div>
            <div class="card-body">
                <div class="d-flex flex-wrap gap-2 align-items-center">
                    {% for i in range(template.level) %}
                        <div class="border rounded p-2 text-center" style="min-width: 100px; background: 
                            {% if task.status == 'approved' %}
                                #e8f5e9
                            {% elif i < task.current_level %}
                                #e8f5e9
                            {% elif i == task.current_level and task.status == 'pending' %}
                                #fff8e1
                            {% else %}
                                #f5f5f5
                            {% endif %};">
                            <div class="small text-muted">第{{ i+1 }}级</div>
                            <div class="fw-bold">{{ template.roles[i] }}</div>
                            <div class="small">{{ template.persons[i] }}</div>
                            {% if task.status == 'approved' %}
                                <span class="badge badge-approved">✅ 已完成</span>
                            {% elif i < task.current_level %}
                                <span class="badge badge-approved">✅ 已完成</span>
                            {% elif i == task.current_level and task.status == 'pending' %}
                                <span class="badge badge-pending">⏳ 待审批</span>
                            {% endif %}
                        </div>
                        {% if i < template.level - 1 %}
                            <div class="d-flex align-items-center">→</div>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
        </div>
        {% endif %}
    </div>

    <!-- 审批记录 -->
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <i class="bi bi-clock-history"></i> 审批记录
            </div>
            <div class="card-body" style="max-height: 500px; overflow-y: auto;">
                {% for log in logs %}
                    <div class="border-bottom pb-2 mb-2">
                        <div class="d-flex justify-content-between">
                            <span class="fw-bold">{{ log.person }}</span>
                            <span class="text-muted small">{{ log.created_at }}</span>
                        </div>
                        <div>
                            {% if log.action == 'submit' %}
                                <span class="badge bg-info">📤 提交</span>
                            {% elif log.action == 'approved' %}
                                <span class="badge badge-approved">✅ 通过</span>
                            {% elif log.action == 'rejected' %}
                                <span class="badge badge-rejected">❌ 驳回</span>
                            {% elif log.action == 'reapply' %}
                                <span class="badge bg-warning">🔄 重提</span>
                            {% elif log.action == 'notify' %}
                                <span class="badge bg-secondary">📋 通知</span>
                            {% elif log.action == 'discard' %}
                                <span class="badge bg-secondary">🗑️ 弃置</span>
                            {% else %}
                                <span class="badge bg-secondary">{{ log.action }}</span>
                            {% endif %}
                            <span class="text-muted ms-1">{{ log.role }}</span>
                        </div>
                        {% if log.comment %}
                            <div class="text-muted small mt-1">💬 {{ log.comment }}</div>
                        {% endif %}
                    </div>
                {% else %}
                    <div class="text-center text-muted py-3">暂无审批记录</div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>

<script>
// ==================== 页面加载时检查状态 ====================
document.addEventListener('DOMContentLoaded', function() {
    const taskStatus = '{{ task.status }}';
    
    // 如果任务不是待审批状态，隐藏审批按钮
    if (taskStatus !== 'pending') {
        const approveBtn = document.getElementById('approveBtn');
        if (approveBtn) {
            approveBtn.style.display = 'none';
        }
        const waitingText = document.getElementById('waitingText');
        if (waitingText) {
            waitingText.style.display = 'none';
        }
    }
});

// ==================== 定时检查任务状态 ====================
{% if task.status == 'pending' %}
var checkCount = 0;
var maxChecks = 30;
var statusCheckInterval = setInterval(function() {
    fetch('/api/tasks/' + {{ task.id }} + '/status')
        .then(response => response.json())
        .then(data => {
            checkCount++;
            if (data.status !== 'pending') {
                clearInterval(statusCheckInterval);
                location.reload();
            } else if (checkCount >= maxChecks) {
                clearInterval(statusCheckInterval);
                console.log('状态检查停止，已达最大次数');
            }
        })
        .catch(function() {
            // 网络错误时不处理
        });
}, 3000);
{% endif %}

// ==================== 弃置任务 ====================
function discardTask(taskId, taskTitle) {
    if (!confirm(`确定要弃置「${taskTitle}」吗？\n\n⚠️ 弃置后该任务将被标记为「已弃置」，不可恢复！`)) {
        return;
    }
    
    fetch(`/tasks/${taskId}/discard`, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        }
    })
    .then(response => {
        if (response.redirected) {
            window.location.href = response.url;
        } else {
            return response.text();
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('弃置失败，请重试');
    });
}

// ==================== 页面关闭时清除定时器 ====================
window.addEventListener('beforeunload', function() {
    clearInterval(statusCheckInterval);
});
</script>
{% endblock %}