<div class="list" {% if page > 0 %} style="display:contents;" {% endif %}>
  {% for r in rows %}
    <article class="item" hx-get="/sb/faults/{{ r.f_code }}" hx-target="#modal" hx-swap="innerHTML show:top">
      <header>
        <div class="code">{{ r.f_code }}</div>
        <div class="title">{{ r.f_name }} {% if r.fault_detail %}<span title="고장상세 있음">🔎</span>{% endif %}</div>
      </header>
      <footer>
        <small>{{ r.manufacturer or '—' }}{% if r.device %} · {{ r.device }}{% endif %}{% if r.car_type %} · {{ r.car_type }}{% endif %}{% if r.alias_name %} · {{ r.alias_name }}{% endif %}</small>
      </footer>
    </article>
  {% endfor %}
</div>

{% if rows|length >= page_size %}
<div class="load-more-trigger"
     hx-get="/sb/faults/list?page={{ page + 1 }}&{{ query_params_string }}"
     hx-swap="outerHTML"
     hx-trigger="revealed">
  <article class="item placeholder">Loading...</article>
</div>
{% endif %}


