{% if items.len() > 0 %}
<div class="card">
  <ul class="list-group list-group-flush">
  {% for item in items %}
  <li id="item-{{item.id}}-entry" class="list-group-item">
    <div class="row">
      <div class="col-6"><a href="/item/{{item.id}}/" hx-push-url="true">{{ item.name }}</a></div>
      <div class="col">Count: <span id="item-{{item.id}}-count" hx-get="/item/{{item.id}}/count" hx-trigger="load">0</span></div>
      <div class="col">Reorder Point: {{ item.reorder_point }}</div>
    </div>
  </li>
  {% endfor %}
  </ul>
</div>
{% endif %}