{% extends "base.html" %}

{% block title %}任务详情 - {{ task.name if task else '任务' }}{% endblock %}
{% block page_title %}任务详情{% endblock %}

{% block styles %}
<link href="{{ url_for('static', filename='css/pages/generate/tasks/detail.css') }}" rel="stylesheet">
{% endblock %}

{% block content %}
<div class="task-detail-container">
    <div class="task-header mb-4">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <h2>
                    <a href="{{ url_for('generate_tasks.tasks') }}" class="text-decoration-none me-2">
                        <i class="fas fa-arrow-left"></i>
                    </a>
                    {{ task.name if task else '任务详情' }}
                </h2>
                <div class="task-meta mt-2">
                    <span class="badge 
                        {% if task.status == 'completed' %}bg-success
                        {% elif task.status == 'failed' %}bg-danger
                        {% elif task.status == 'cancelled' %}bg-secondary
                        {% else %}bg-primary{% endif %} me-2">
                        {% if task.status == 'completed' %}已完成
                        {% elif task.status == 'failed' %}失败
                        {% elif task.status == 'cancelled' %}已取消
                        {% else %}运行中{% endif %}
                    </span>
                    <small class="text-muted">
                        <i class="fas fa-clock me-1"></i>
                        {{ task.created_at.strftime('%Y-%m-%d %H:%M:%S') if task and task.created_at else '未知时间' }}
                    </small>
                    <span id="taskMessage" class="text-muted small ms-2">
                        {% if task %}
                            {% if task.status == 'completed' %}任务已完成
                            {% elif task.status == 'failed' %}{{ task.error or '任务失败' }}
                            {% elif task.status == 'cancelled' %}任务已取消
                            {% else %}任务运行中...{% endif %}
                        {% else %}
                            加载中...
                        {% endif %}
                    </span>
                </div>
            </div>
            <div>
                {% if task and task.challenge_id %}
                <a href="{{ url_for('generate_result.index', challenge_id=task.challenge_id) }}" class="btn btn-success">
                    <i class="fas fa-folder-open me-2"></i>查看结果
                </a>
                {% endif %}
            </div>
        </div>
    </div>
    
    <div class="task-content">
        <div class="row">
            <!-- 日志内容：占满整行 -->
            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0"><i class="fas fa-terminal me-2"></i>生成日志</h5>
                        <div>
                            <button class="btn btn-sm btn-outline-secondary" id="clearLogBtn" onclick="clearLog()">
                                <i class="fas fa-trash me-1"></i>清空
                            </button>
                            <button class="btn btn-sm btn-outline-primary" id="autoScrollBtn" onclick="toggleAutoScroll()">
                                <i class="fas fa-arrows-alt-v me-1"></i>自动滚动
                            </button>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <div id="logContainer" class="log-container">
                            <div class="log-content" id="logContent">
                                <div class="log-line text-muted text-start">
                                    <i class="fas fa-info-circle me-2"></i>
                                    正在加载日志...
                                </div>
                            </div>
                        </div>
                        {% if task and task.error %}
                        <div class="p-3">
                            <div class="alert alert-danger mt-3">
                                <strong>错误信息：</strong><br>
                                <pre class="mb-0">{{ task.error }}</pre>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
<script>
    // 全局变量，供 detail.js 使用
    window.taskId = '{{ task_id }}';
    window.logPosition = 0;
</script>
<script src="{{ url_for('static', filename='js/pages/generate/tasks/detail.js') }}"></script>
{% endblock %}