{# Rendered into #import-result by htmx after POST /logixng/import-xml.
   Also refreshes the programs list via out-of-band swap so newly
   imported programs appear right away without a page reload. #}
{% if error %}
  <div class="card" style="border-color: var(--err, #c33)">
    <strong style="color: var(--err, #c33)">Import failed:</strong>
    <span>{{ error }}</span>
  </div>
{% else %}
  <div class="card" style="border-color: var(--ok, #4c4)">
    <strong style="color: var(--ok, #4c4)">
      Imported {{ imported|length }} program(s){% if warnings %},
      with {{ warnings|length }} warning(s){% endif %}.
    </strong>
    {% if imported %}
      <ul style="margin-top: 0.5rem;">
        {% for name in imported %}
          <li><code class="mono">{{ name }}</code></li>
        {% endfor %}
      </ul>
    {% endif %}
    {% if warnings %}
      <details style="margin-top: 0.5rem;">
        <summary>{{ warnings|length }} warning(s)</summary>
        <ul>
          {% for w in warnings %}
            <li>
              <code class="mono">{{ w.kind }}</code> —
              {{ w.detail }}
              {% if w.system_name %}<span class="muted small">({{ w.system_name }})</span>{% endif %}
            </li>
          {% endfor %}
        </ul>
      </details>
    {% endif %}
  </div>
  {# Out-of-band swap: refresh the programs list so the newly-
     imported entries show up without a full page reload. #}
  <div id="logixng-list" hx-swap-oob="outerHTML">
    {% include "_logixng_list.html" %}
  </div>
{% endif %}