{% set _e = e if e is defined else None %}
{# ``iconUrl`` / ``imageUrl`` are populated by the roster projection
   only when the underlying file resolves to something the media
   route can serve. If iconUrl is missing but imageUrl is set, fall
   back to the full image scaled down via ``max-height`` — better a
   scaled photo than a blank cell. #}
{% set _thumb_url = _e.iconUrl or _e.imageUrl %}
<tr data-roster="{{ _e.id }}">
  <td>
    {% if _thumb_url %}
    <img src="{{ _thumb_url }}" alt="{{ _e.id }} icon"
         loading="lazy"
         style="max-height:2em;max-width:4em;object-fit:contain;vertical-align:middle" />
    {% endif %}
  </td>
  <td class="mono">{{ _e.id }}</td>
  <td>{{ _e.dccAddress }}{% if _e.longAddress %} <span class="badge">long</span>{% endif %}</td>
  <td>{{ _e.decoderFamily }} / {{ _e.decoderModel }}</td>
  <td>{{ _e.roadName }} {{ _e.roadNumber }}</td>
  <td>
    <a href="/throttle?address={{ _e.dccAddress }}{% if _e.longAddress %}&long=1{% endif %}"
       class="button">Throttle</a>
    {% if catalog_loaded %}
    <a href="/programmer/loco/{{ _e.id }}" target="_blank"
       class="button">Program</a>
    {% else %}
    <span class="button muted disabled"
          title="Load the decoder catalog on the programmer page first">Program</span>
    {% endif %}
    <button hx-get="/roster/{{ _e.id }}/edit"
            hx-target="closest tr" hx-swap="outerHTML">Edit</button>
    <button class="danger"
            hx-delete="/roster/{{ _e.id }}"
            hx-target="closest tr" hx-swap="outerHTML"
            hx-confirm="Delete roster entry {{ _e.id }}?">Delete</button>
  </td>
</tr>