{% extends "base.html" %}
{% block title %}调度中心 — News Harvester{% endblock %}
{% block extra_head %}
<meta http-equiv="refresh" content="60">
<script>
function toggleRuns(sel) {
  var f = parseInt(sel.value, 10);
  sel.form.querySelectorAll('.runwin').forEach(function (sp) {
    sp.style.display = parseInt(sp.dataset.i, 10) <= f ? '' : 'none';
  });
}
function toggleEdit(name) {
  var d = document.getElementById('edit-' + name);
  var open = d.style.display !== 'none';
  document.querySelectorAll('tr.drawer').forEach(function (x) { x.style.display = 'none'; });
  if (!open) { d.style.display = ''; }
}
</script>
<style>
  .tl { position:relative; height:30px; background:linear-gradient(90deg,#181b24,#1e2230); border:1px solid #2a2d37; border-radius:5px; min-width:300px; }
  .tl .h { position:absolute; top:0; bottom:0; width:1px; background:#2a2d37; }
  .tl .dot { position:absolute; top:9px; width:11px; height:11px; margin-left:-5px; border-radius:50%; background:#3f7d52; cursor:default; }
  .tl .dot.next { background:#e8c34a; box-shadow:0 0 7px #e8c34a; }
  .tl .dot.dis { background:#5a5f6e; }
  .tl .now { position:absolute; top:-2px; bottom:-2px; width:2px; background:#e05555; z-index:2; }
  .tl .lbl { position:absolute; top:-12px; font-size:10px; color:#e8c34a; transform:translateX(-50%); white-space:nowrap; }
  .hourbar { display:flex; justify-content:space-between; color:#666; font-size:10px; margin-top:2px; }
  .next-cell { font-weight:bold; }
  .next-cell .in { color:#e8c34a; font-size:12px; }
  .opsbar { display:flex; gap:4px; white-space:nowrap; }
  .opsbar form { display:inline; margin:0; }
  tr.drawer > td { background:#161923; border-top:1px dashed #2a2d37; padding:12px 16px; }
  .drawer-box { max-width:620px; }
  .drow { display:flex; align-items:center; gap:10px; margin:8px 0; }
  .dlabel { display:inline-block; width:72px; color:#888; flex:none; }
  .tchip { background:#1e2230; border:1px solid #2a2d37; border-radius:4px; padding:2px 10px; font-family:monospace; color:#d4d4d4; }
  .decho { color:#e8c34a; font-family:monospace; min-width:44px; }
  .dnote { color:#666; font-size:12px; margin-left:12px; }
</style>
{% endblock %}
{% block content %}

<h1>调度中心</h1>
<p style="color:#666;font-size:13px">
  每源一行:24 小时时间轴上标出全部触发时刻(<span style="color:#3f7d52">●</span>),
  <span style="color:#e8c34a">黄色高亮</span>为下次触发,红色竖线为当前时刻,按下次触发排序。
  每日汇总 digest:{{ digest_times|join(', ') if digest_times else '未排' }}{% if digest_next %},下次 {{ digest_next.strftime('%m-%d %H:%M') }}{% endif %}。
  「✎ 排程」按频率+时段意图维护,保存后自动重排全部时间。
</p>
<form method="POST" action="{{ url_for('schedule_gap') }}" style="margin:6px 0 4px;display:inline">
  全局最小间隔:
  <select name="gap" style="background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:3px 6px">
    {% for g in [10,15,20,25,30,40,45,60,90,120] %}
    <option value="{{ g }}" {% if plan_gap == g %}selected{% endif %}>{{ g }} 分钟</option>
    {% endfor %}
  </select>
  <button type="submit" class="btn btn-sm">保存并重排</button>
</form>
<form method="POST" action="{{ url_for('schedule_plan_apply') }}" style="margin:6px 0 12px;display:inline"
      onsubmit="return confirm('按 schedule-plan.json(频率/交付线/间隔)重排全部源时间?将覆盖现有排程。')">
  <button type="submit" class="btn btn-primary">⚙ 按计划重排全部排程</button>
</form>

{% with messages = get_flashed_messages() %}
  {% if messages %}{% for m in messages %}<div class="flash">{{ m }}</div>{% endfor %}{% endif %}
{% endwith %}

<div class="table-wrap">
<table>
  <thead>
    <tr><th>栏目</th><th style="min-width:320px">24h 时间轴</th><th>定时</th><th>下次触发</th><th>上次运行</th><th>操作</th></tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr>
      <td>
        <code>{{ r.name }}</code>{% if r.display and r.display != r.name %} <span style="color:#888">{{ r.display }}</span>{% endif %}<br>
        {% if r.state == 'active' %}<span class="badge ok">调度中</span>
        {% elif r.state == 'disabled' %}<span class="badge inactive">已禁用</span>
        {% else %}<span class="badge unknown">未排程</span>{% endif %}
        {% if not r.enabled %}<span class="badge unknown" style="margin-left:3px">技能停用</span>{% endif %}
      </td>
      <td>
        {% if r.times %}
        <div class="tl">
          <div class="h" style="left:25%"></div><div class="h" style="left:50%"></div><div class="h" style="left:75%"></div>
          {% for t in r.times %}
          {% set h = t.split(':')[0]|int %}{% set m = t.split(':')[1]|int %}
          {% set pct = ((h*60+m)/1440*100)|round(2) %}
          <div class="dot {{ 'next' if r.next_time == t else '' }}{{ ' dis' if r.state != 'active' else '' }}"
               style="left:{{ pct }}%" title="{{ t }}{% if r.state != 'active' %}(未启用){% endif %}"></div>
          {% endfor %}
          <div class="now" style="left:{{ ((now.hour*60+now.minute)/1440*100)|round(2) }}%" title="现在 {{ now.strftime('%H:%M') }}"></div>
        </div>
        <div class="hourbar"><span>00</span><span>06</span><span>12</span><span>18</span><span>24</span></div>
        {% else %}
        <span style="color:#666">— 未排程 —</span>
        {% endif %}
      </td>
      <td><code>{{ r.times|join(', ') if r.times else '—' }}</code>{% if r.times|length > 1 %} <span class="badge ok">每日{{ r.times|length }}次</span>{% endif %}</td>
      <td class="next-cell">
        {% if r.next_in_min is not none %}
          {{ r.next }}<br><span class="in">{{ r.next_in_min }} 分钟后</span>
        {% else %}—{% endif %}
      </td>
      <td>
        {% if r.last %}
          {{ r.last.mtime }}<br>
          {% set st = r.last.status or '' %}
          {% if '熔断' in st %}<span class="badge unknown">{{ st }}</span>
          {% elif '部分交付' in st or '⚠' in st %}<span class="badge warn">{{ st }}</span>
          {% elif '成功' in st %}<span class="badge ok">{{ st }}</span>
          {% elif st %}<span class="badge fail">{{ st }}</span>{% endif %}
        {% else %}<span style="color:#666">从未</span>{% endif %}
      </td>
      <td>
        <div class="opsbar">
          <button type="button" class="btn btn-sm" onclick="toggleEdit('{{ r.name }}')">✎ 排程</button>
          {% if r.enabled %}
          <form method="POST" action="/run/{{ r.name }}"
                onsubmit="return confirm('立即采集 {{ r.name }} 一次?')">
            <button type="submit" class="btn btn-sm" title="立即采集一次">▶ 采集</button>
          </form>
          {% endif %}
          {% if r.state != 'none' %}
          {% if r.state == 'active' %}
          <form method="POST" action="/toggle/{{ r.name }}" onsubmit="return confirm('停用 {{ r.name }}?(调度与技能一并停用,可随时再开启)')">
            <input type="hidden" name="on" value="0">
            <button type="submit" class="btn btn-sm" title="停用调度与技能">⏸ 停用</button>
          </form>
          {% else %}
          <form method="POST" action="/toggle/{{ r.name }}">
            <input type="hidden" name="on" value="1">
            <button type="submit" class="btn btn-sm" title="启用调度与技能">⏵ 启用</button>
          </form>
          {% endif %}
          <form method="POST" action="/schedule-delete/{{ r.name }}"
                onsubmit="return confirm('移除 {{ r.name }} 的调度?(技能源与运行历史保留,可随时重建)')">
            <button type="submit" class="btn btn-sm btn-danger" title="移除调度">✕</button>
          </form>
          {% endif %}
        </div>
      </td>
    </tr>
    <tr id="edit-{{ r.name }}" class="drawer" style="display:none">
      <td colspan="6">
        <div class="drawer-box">
          <div class="drow">
            <span class="dlabel">当前定时</span>
            {% if r.times %}{% for t in r.times %}<span class="tchip">{{ t }}</span>{% endfor %}
            {% else %}<span style="color:#666">未排程</span>{% endif %}
            <span class="dnote">保存后自动按交付线与全局间隔重排全部源</span>
          </div>
          <form method="POST" action="{{ url_for('schedule_intent') }}">
            <input type="hidden" name="name" value="{{ r.name }}">
            <div class="drow">
              <span class="dlabel">采集频率</span>
              <select name="freq" class="intsel" onchange="toggleRuns(this)"
                      style="background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:3px 6px">
                {% for f in [1,2,3,4,5,6] %}
                <option value="{{ f }}" {% if r.intent.freq == f %}selected{% endif %}>每日 {{ f }} 次</option>
                {% endfor %}
              </select>
              <span class="dlabel" style="width:auto;margin-left:24px">实际时间</span>
            </div>
            {% for i in range(1,7) %}
            <div class="drow runwin" data-i="{{ i }}" style="{% if i > r.intent.freq %}display:none;{% endif %}margin-left:28px">
              <span class="dlabel">第 {{ i }} 次</span>
              <select name="window_{{ i }}" style="background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:3px 8px">
                {% for v, lbl in [('overnight','凌晨批次'),('morning','上午'),('afternoon','下午'),('evening','晚间')] %}
                <option value="{{ v }}" {% if r.intent.runs[i-1] == v %}selected{% endif %}>{{ lbl }}</option>
                {% endfor %}
              </select>
              <span class="decho">{{ r.intent.echo[i-1] or '—' }}</span>
            </div>
            {% endfor %}
            <div class="drow" style="margin-left:28px">
              <button type="submit" class="btn btn-primary">保存并重排</button>
              <button type="button" class="btn" onclick="toggleEdit('{{ r.name }}')">收起</button>
            </div>
          </form>
          <form method="POST" action="{{ url_for('schedule_time_set') }}" class="drow"
                style="margin-top:14px;border-top:1px dashed #2a2d37;padding-top:12px">
            <span class="dlabel">手动时间</span>
            <input type="hidden" name="name" value="{{ r.name }}">
            <input type="text" name="times" value="{{ r.times|join(', ') }}" placeholder="如 05:00,17:00"
                   style="width:190px;background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:3px 8px;font-family:monospace">
            <button type="submit" class="btn btn-sm">保存时间</button>
            <span class="dnote">直接指定 HH:MM;与其他源(或自身多次)间隔不足全局最小间隔时,保存被拒绝</span>
          </form>
        </div>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>

{% endblock %}