{% if skipped_offline %}<p class="muted">⊘ {{ skipped_offline|length }} offline device(s) excluded: <span class="mono">{{ skipped_offline|join(', ') }}</span></p>{% endif %}
{% if not plans %}
<p class="muted">No routers selected.</p>
{% else %}
<table>
  <thead><tr><th>Router</th><th>Installed</th><th>Target</th><th>Action</th></tr></thead>
  <tbody>
    {% for p in plans %}
    <tr>
      <td class="mono">{{ p.target }}</td>
      <td class="mono">{{ p.installed }}</td>
      <td class="mono">{{ p.target_version }}</td>
      <td>{% if p.downgrade %}<span class="chip bad">downgrade</span>{% else %}<span class="chip running">upgrade</span>{% endif %}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

{% for g in command_groups %}
<div class="plan-cmds">
  <div class="muted">Commands {% if command_groups|length == 1 %}(run on every selected router){% else %}for {{ g.targets|join(', ') }}{% endif %}:</div>
  <ol class="codelines">{% for c in g.commands %}<li>{{ c }}</li>{% endfor %}</ol>
  {% if g.note %}<div class="muted">{{ g.note }}</div>{% endif %}
</div>
{% endfor %}

{% if changelog %}
<details class="changelog">
  <summary>Release notes for {{ changelog_version }}</summary>
  <ol class="codelines">{% for line in changelog.split('\n') %}<li>{{ line }}</li>{% endfor %}</ol>
</details>
{% endif %}

<form class="run-form" hx-post="/ui/upgrade/run" hx-target="#plan-result" hx-swap="innerHTML"
      hx-confirm="This reboots {{ plans|length }} router(s){% if any_down %} and DOWNGRADES RouterOS{% endif %}. Proceed?">
  {% for p in plans %}<input type="hidden" name="targets" value="{{ p.target }}">{% endfor %}
  <input type="hidden" name="mode" value="{{ mode }}">
  <input type="hidden" name="channel" value="{{ channel }}">
  <input type="hidden" name="version" value="{{ version }}">
  <fieldset>
    <legend>🛟 Safety backup</legend>
    <label class="check"><input type="checkbox" name="backup_before" value="1" checked>
      Back up each router before applying (binary <span class="mono">.backup</span>)</label>
    <label class="check"><input type="checkbox" name="keep_on_router" value="1" checked>
      Leave the backup on the router as an on-site failsafe (otherwise it's downloaded to the
      server and removed)</label>
  </fieldset>
  <fieldset>
    <legend>🧵 Parallel execution</legend>
    <div class="form-rows">
      <label class="check full"><input type="checkbox" name="parallel" value="1" data-enable-target="#fw_workers">
        Upgrade several routers at once</label>
      <p class="muted full">Otherwise one router at a time.</p>
      <label for="fw_workers">Parallel routers</label>
      <span class="unit"><input type="number" id="fw_workers" name="fw_workers" min="2" value="2" disabled>
        <span class="muted">rebooted at the same time</span></span>
    </div>
  </fieldset>
  <fieldset>
    <legend>✅ {% if any_down %}Downgrade{% else %}Upgrade{% endif %} confirmation ({{ confirms_needed }} required)</legend>
    {% for i in confirm_range %}
    <label class="check"><input type="checkbox" name="confirm{{ i }}" value="1" required>
      {% if i == 0 %}I understand the selected routers will reboot now.
      {% else %}I confirm this DOWNGRADE may cause data/config loss and is intentional.{% endif %}
    </label>
    {% endfor %}
  </fieldset>
  <button type="submit" class="btn {{ 'danger-btn' if any_down else 'primary' }}">
    Execute {{ 'downgrade' if any_down else 'upgrade' }} on {{ plans|length }} router(s)</button>
</form>
{% endif %}