{# Окно осознанного отката ROS до версии канала: одно устройство или группа (devs — исходный выбор). #}
{% import "_ui.html" as ui %}
<form method="post" action="/ui/downgrade" hx-post="/ui/downgrade" hx-target="#modal-body">
  <header class="modal-head">
    <h2 id="modal-title">Откатить ROS до версии канала</h2>
    <button type="button" class="btn ghost-n icon" data-close aria-label="Закрыть">{{ ui.icon("x") }}</button>
  </header>
  <div class="modal-body">
    {% if error %}<div class="form-err" role="alert">{{ error }}</div>{% endif %}
    {% for d in devs %}<input type="hidden" name="device_ids" value="{{ d.id }}">{% endfor %}
    {% if affected %}
    <table class="grid" style="width:100%">
      <thead><tr><th>Устройство</th><th>Установлено → канал</th><th>Канал</th></tr></thead>
      <tbody>
      {% for d in affected %}
        <tr><td>{{ d.name }}</td><td class="c-mono">{{ d.status.ros_installed }} → {{ d.status.ros_latest }}</td><td>{{ d.status.channel }}</td></tr>
      {% endfor %}
      </tbody>
    </table>
    {% else %}<div class="form-err" role="alert">Среди выбранных устройств нет ни одного в состоянии отката.</div>{% endif %}
    {% if skipped %}
    <div class="note">Не будут затронуты:
      <ul style="margin:4px 0 0 18px">{% for d, reason in skipped %}<li>{{ d.name }} — {{ reason }}</li>{% endfor %}</ul>
    </div>
    {% endif %}
    <div class="note">Перед откатом создаётся резервная копия устройства; без неё откат не выполняется. После установки
      устройство перезагрузится, конфигурация версии канала может быть частично несовместима с текущей. Если версия
      канала у выбранных устройств различается, откатятся только те, чья версия канала совпадает с введённой ниже —
      остальные останутся без изменений.</div>
    <label class="lbl"><span>Введите целевую версию <small>должна совпадать с версией канала выбранных устройств</small></span>
      <input class="input" name="target_version" placeholder="например, 7.23.7" data-enables="#downgrade-confirm" autofocus required></label>
  </div>
  <footer class="modal-foot">
    <span class="grow"></span>
    <button type="button" class="btn ghost-n" data-close>Отмена</button>
    <button class="btn danger" id="downgrade-confirm" disabled>Откатить</button>
  </footer>
</form>