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

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

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

<h2>Channel analysis</h2>

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

  <label for="handle">Channel handle</label>
  <input id="handle" name="handle" type="text" required
         placeholder="@channelhandle" autofocus
         pattern="^@[A-Za-z0-9_.\-]{1,100}$"
         value="{{ values.handle | default('') }}">
  <span class="field-help muted">Must start with @. Letters, digits, _ . - allowed.</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>
  </fieldset>

  <div class="actions">
    <button type="submit" class="btn-primary">Analyze channel</button>
  </div>

</form>

{% endblock %}