{% extends "tickets/base.html" %}

{% block content %}
  <h1 class="fw-bold">Lists</h1>

  {% if ticket_lists %}
    {% regroup ticket_lists by group as section_ticket_list %}
    {% for group in section_ticket_list %}
      <h3>{{ group.grouper }}</h3>
      <ul class="list-group mb-4">
        {% for ticket_list in group.list %}
          <li class="list-group-item d-flex align-items-center justify-content-between">
            <a href="{% url 'tickets:ticket_list_detail' ticket_list.pk %}">{{ ticket_list.name }}</a>
          </li>
        {% endfor %}
      </ul>
    {% endfor %}
  {% else %}
    <h4>There are no Lists!</h4>
  {% endif %}
{% endblock %}