{% extends "base.html" %}
{% block title %}{{ name }} — News Harvester{% endblock %}
{% block extra_head %}
  {% if auto_refresh %}
  <meta http-equiv="refresh" content="10">
  {% endif %}
{% endblock %}
{% block content %}

<h1>{{ name }}</h1>

{% if continue_status and continue_status.running %}
<div class="running-banner">
  <div class="spinner"></div>
  <span>{{ continue_status.mode | replace('resume', '续采') | replace('repair', '修复') }}任务运行中… (启动于 {{ continue_status.start }})</span>
  <span style="margin-left:auto;color:#666;font-size:12px">页面每 10 秒自动刷新</span>
</div>
{% endif %}

<div class="actions">
  <a class="btn" href="{{ url_for('edit_source', name=name) }}">编辑配置</a>
  <form method="POST" action="{{ url_for('run_source', name=name) }}" style="display:inline"
        onsubmit="return confirm('确定手动触发 {{ name }} 抓取？')">
    <button type="submit" class="btn btn-primary" {% if continue_status and continue_status.running %}disabled{% endif %}>手动触发</button>
  </form>
  <form method="POST" action="{{ url_for('continue_source', name=name) }}" style="display:inline"
        onsubmit="return confirmContinue('resume', '{{ name }}', '{{ conf.get("FALLBACK_PROVIDER", "") }}', '{{ conf.get("PROVIDER", "") }}')">
    <input type="hidden" name="mode" value="resume">
    <select name="provider" style="background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px;font-size:13px" {% if continue_status and continue_status.running %}disabled{% endif %}>
      <option value="">默认 (FALLBACK)</option>
      {% for p in providers %}
      <option value="{{ p.name }}">{{ p.name }}</option>
      {% endfor %}
    </select>
    <button type="submit" class="btn" {% if continue_status and continue_status.running %}disabled{% endif %}>
      {% if continue_status and continue_status.running and continue_status.mode == 'resume' %}续采中…{% else %}继续采集{% endif %}
    </button>
  </form>
  <form method="POST" action="{{ url_for('continue_source', name=name) }}" style="display:inline"
        onsubmit="return confirmContinue('repair', '{{ name }}', '{{ conf.get("FALLBACK_PROVIDER", "") }}', '{{ conf.get("PROVIDER", "") }}')">
    <input type="hidden" name="mode" value="repair">
    <select name="provider" style="background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px;font-size:13px" {% if continue_status and continue_status.running %}disabled{% endif %}>
      <option value="">默认 (FALLBACK)</option>
      {% for p in providers %}
      <option value="{{ p.name }}">{{ p.name }}</option>
      {% endfor %}
    </select>
    <button type="submit" class="btn btn-danger" {% if continue_status and continue_status.running %}disabled{% endif %}>
      {% if continue_status and continue_status.running and continue_status.mode == 'repair' %}修复中…{% else %}采集修复{% endif %}
    </button>
  </form>
  <script>
  function confirmContinue(mode, source, fallbackProvider, currentProvider) {
    var selects = document.querySelectorAll('select[name="provider"]');
    var form = event.target.closest('form');
    var sel = form.querySelector('select[name="provider"]');
    var selectedProvider = sel ? sel.value : '';
    var modeLabel = mode === 'repair' ? '采集修复' : '继续采集';

    // 没有选 provider (用默认),且没有 fallback
    if (!selectedProvider && !fallbackProvider) {
      var msg = '确定对 ' + source + ' 执行' + modeLabel + '？\n' +
                '将恢复上次 Claude 对话' +
                (mode === 'repair' ? ',清理之前归档的错误数据,重新完整采集并 force 推送' : ',在已有基础上继续完成中断的采集') + '。\n\n' +
                '⚠️ 该数据源没有配置备用 provider(FALLBACK_PROVIDER),\n' +
                '将使用与上次相同的 provider 重试。确认继续？';
      return confirm(msg);
    }
    if (mode === 'repair') {
      return confirm('⚠️ 确定对 ' + source + ' 执行采集修复？\n\n' +
                      '这将:\n1. 恢复上次 Claude 对话\n2. 清理之前归档的错误数据\n' +
                      '3. 重新完整采集并 force 推送\n\n此操作会删除之前本次采集的文章,无法撤销!');
    }
    return confirm('确定对 ' + source + ' 执行继续采集？\n将恢复上次 Claude 对话,在已有基础上继续完成中断的采集。');
  }
  </script>
  <a class="btn" href="{{ url_for('index') }}">返回列表</a>
  <form method="POST" action="{{ url_for('disable_source', name=name) }}" style="display:inline"
        onsubmit="return confirm('确定停用栏目 {{ name }}？\n\n这将:\n1. 停止并 disable 定时器\n2. 清空运行时间(不再触发)\n\n文件保留,可随时通过编辑重新设置时间来启用。')">
    <button type="submit" class="btn btn-danger" {% if continue_status and continue_status.running %}disabled{% endif %}>停用栏目</button>
  </form>
</div>

<h2>Timer 信息</h2>
<div class="cards">
  <div class="card">
    <div class="label">运行时间</div>
    <div class="value"><code>{{ run_time }}</code></div>
  </div>
  <div class="card">
    <div class="label">状态</div>
    <div class="value">
      {% if props.active == 'active' %}
        <span class="green">active</span>
      {% else %}
        <span class="red">{{ props.active }}</span>
      {% endif %}
    </div>
  </div>
  <div class="card">
    <div class="label">上次触发</div>
    <div class="value" style="font-size:14px">{{ props.last }}</div>
  </div>
  <div class="card">
    <div class="label">下次触发</div>
    <div class="value" style="font-size:14px">{{ props.next }}</div>
  </div>
</div>

{% if conf %}
<h2>栏目配置 ({{ name }}.conf)</h2>
<table>
  <tbody>
    {% for k, v in conf.items() %}
    <tr><td><code>{{ k }}</code></td><td>{{ v }}</td></tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<h2>栏目配置</h2>
<p style="color:#666">无独立配置,继承 <code>default.conf</code></p>
{% endif %}

{% if log_info %}
<h2>最近运行</h2>
<div class="cards">
  <div class="card">
    <div class="label">状态</div>
    <div class="value
      {% if '成功' in log_info.get('status', '') %}green
      {% elif '失败' in log_info.get('status', '') %}red{% endif %}">
      {{ log_info.get('status', '?') }}
    </div>
  </div>
  <div class="card">
    <div class="label">成本</div>
    <div class="value">{{ log_info.get('cost', '-') }}</div>
  </div>
  <div class="card">
    <div class="label">耗时</div>
    <div class="value" style="font-size:14px">{{ log_info.get('duration', '-') }}</div>
  </div>
  <div class="card">
    <div class="label">Turns</div>
    <div class="value">{{ log_info.get('turns', '-') }}</div>
  </div>
  <div class="card">
    <div class="label">Provider</div>
    <div class="value" style="font-size:14px">{{ log_info.get('provider', '-') }}</div>
  </div>
  <div class="card">
    <div class="label">修改时间</div>
    <div class="value" style="font-size:14px">{{ log_info.get('mtime', '?') }}</div>
  </div>
</div>

{% if log_info.get('session') %}
<div class="card" style="margin-bottom:16px">
  <div class="label">Claude Session ID</div>
  <div class="value" style="font-size:13px">
    <span class="session-id">{{ log_info.session }}</span>
  </div>
</div>
{% endif %}

<h2>运行日志 (.last.log)</h2>
<pre>{{ log_info.raw }}</pre>
{% else %}
<h2>最近运行</h2>
<p style="color:#666">暂无运行记录</p>
{% endif %}

{% if json_meta %}
<h2>Claude JSON 元数据</h2>
<div class="cards">
  <div class="card">
    <div class="label">总成本</div>
    <div class="value">${{ json_meta.cost }}</div>
  </div>
  <div class="card">
    <div class="label">Turns</div>
    <div class="value">{{ json_meta.turns }}</div>
  </div>
  <div class="card">
    <div class="label">API 耗时</div>
    <div class="value" style="font-size:14px">{{ json_meta.duration_api }} ms</div>
  </div>
  <div class="card">
    <div class="label">is_error</div>
    <div class="value {% if not json_meta.is_error %}green{% else %}red{% endif %}">
      {{ json_meta.is_error }}
    </div>
  </div>
  <div class="card">
    <div class="label">Terminal</div>
    <div class="value" style="font-size:14px">{{ json_meta.terminal }}</div>
  </div>
</div>

{% if json_meta.session_id and json_meta.session_id != '-' %}
<div class="card" style="margin-bottom:16px">
  <div class="label">Session ID</div>
  <div class="value" style="font-size:13px">
    <span class="session-id">{{ json_meta.session_id }}</span>
  </div>
</div>
{% endif %}

{% if json_meta.usage %}
<h3>Token 用量</h3>
<table>
  <thead>
    <tr><th>类型</th><th>Token 数</th></tr>
  </thead>
  <tbody>
    {% for k, v in json_meta.usage.items() %}
    <tr><td><code>{{ k }}</code></td><td>{{ v }}</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}

{% if json_meta.permission_denials %}
<h3 style="color:#f44747">权限拒绝 ({{ json_meta.permission_denials|length }} 次)</h3>
<pre>{{ json_meta.permission_denials | tojson(indent=2) }}</pre>
{% endif %}

<p style="color:#666;font-size:12px;margin-top:8px">来源: {{ json_info.path }}</p>
{% endif %}

{% endblock %}