{% extends "base.html" %}
{% block content %}
<h1>⏰ Cron schedule</h1>

<div class="card">
  <h2>Status</h2>
  <div class="stat-row">
    <span class="label">State</span>
    <span class="value">
      {% if cron_state.installed %}
        <span class="badge on">✅ installed &mdash; {{ cron_state.schedule }}</span>
      {% else %}
        <span class="badge off">not installed</span>
      {% endif %}
    </span>
  </div>
  {% if cron_state.installed %}
  <div class="stat-row">
    <span class="label">Command</span>
    <span class="value"><code>{{ cron_state.command }}</code></span>
  </div>
  {% endif %}
</div>

<div class="card">
  <h2>🛠️ Install / update</h2>
  <form method="post">
    <input type="hidden" name="action" value="install">
    <label>Preset</label>
    <select onchange="document.getElementById('schedule').value = this.value">
      <option value="">Custom&hellip;</option>
      {% for expr, label in presets %}
        <option value="{{ expr }}">{{ label }} ({{ expr }})</option>
      {% endfor %}
    </select>
    <label>Cron expression</label>
    <input type="text" id="schedule" name="schedule" value="{{ cron_state.schedule or cfg.cron_schedule }}">
    <button type="submit">✅ Install / update</button>
  </form>

  <form method="post" class="inline" style="margin-top:0.5rem;">
    <input type="hidden" name="action" value="remove">
    <button type="submit" class="danger" {% if not cron_state.installed %}disabled{% endif %}>🗑️ Remove cron job</button>
  </form>

  <p class="hint">This writes directly to your real user crontab. It only ever touches the single
  <code># docs-hub-scan</code> job it manages &mdash; your other cron jobs are left untouched.</p>
</div>
{% endblock %}