{% if error is defined and error %}
<div class="card">
  <h3 style="color:var(--err)">Parse failed</h3>
  <pre class="mono">{{ error }}</pre>
</div>
{% elif summary is defined and summary %}
<div class="card">
  <h3>{{ summary.filename or "panel.xml" }}</h3>
  <div class="row">
    <div class="col"><span class="muted">Root tag</span><br/>
      <code>{{ summary.root_tag }}</code></div>
    <div class="col"><span class="muted">JMRI version</span><br/>
      <code class="mono">{{ summary.jmri_version or "unknown" }}</code></div>
    <div class="col"><span class="muted">Top-level children</span><br/>
      <code>{{ summary.top_level_child_count }}</code></div>
  </div>
  {% if summary.panels %}
  <h4>PanelPro panels</h4>
  <ul>{% for n in summary.panels %}<li>{{ n }}</li>{% endfor %}</ul>
  {% endif %}
  {% if summary.layout_editors %}
  <h4>LayoutEditor windows</h4>
  <ul>{% for n in summary.layout_editors %}<li>{{ n }}</li>{% endfor %}</ul>
  {% endif %}
  {% if summary.svg %}
  <h4>Rendered preview</h4>
  <p class="muted small">
    Icons / track / turnouts the renderer recognised. Colours reflect
    current bean state when the referenced bean exists on the active
    connection; otherwise grey. Unknown element types:
    {% if summary.model and summary.model.unknown_tags %}
    {% for tag, count in summary.model.unknown_tags.most_common() %}
    <code>{{ tag }}</code>&times;{{ count }}{% if not loop.last %},{% endif %}
    {% endfor %}
    {% else %}
    none.
    {% endif %}
  </p>
  <div class="panel-svg-wrap" style="max-width:100%;overflow:auto">
    {{ summary.svg|safe }}
  </div>
  {% endif %}
</div>
{% endif %}