{% extends "_base.html" %}
{% block title %}Run now — yt-shorts-trends{% endblock %}
{% block content %}

{% if busy %}
  {% include "_partials/busy_banner.html" %}
{% endif %}

{% if error %}
  <div class="error">{{ error }}</div>
{% endif %}

<h2>Run now</h2>

<form method="post" action="/runs/start" class="run-form">

  <label for="query">Query</label>
  <input id="query" name="query" type="text" required
         placeholder='e.g. "cold plunge benefits"' autofocus
         value="{{ values.query | default('') }}">

  <label for="max_results">Max results</label>
  <input id="max_results" name="max_results" type="number"
         value="{{ values.max_results | default('25') }}" min="1" max="100" required>
  <span class="field-help muted">1&ndash;100. Default 25.</span>

  <fieldset class="checks">
    <legend class="muted">Optional outputs</legend>
    <label><input type="checkbox" name="ideas"  value="1" {% if values.ideas %}checked{% endif %}> Generate ideas (--ideas)</label>
    <label><input type="checkbox" name="script" value="1" {% if values.script %}checked{% endif %}> Generate script (--script)</label>
  </fieldset>

  <div class="actions">
    <button type="submit" class="btn-primary">Start run</button>
  </div>

</form>

{% endblock %}