{% extends "base.html" %}
{% block content %}

<div class="list-group">
    {% for il in ilists %}
  <a class="list-group-item d-flex justify-content-between align-items-center" href="/items/{{ il.id }}">
    {{ il.name }}
    <span class="badge bg-primary rounded-pill">{{ il.items_left() }} / {{ il.items_total() }}</span>
  </a>


    {% endfor %}
</div>

<br/>
<a href="{{ url_for('lists.edit') }}"><img style="width: 3em; height: 3em" src="/static/edit.svg"></a>

{% endblock %}