{% extends "base.html" %}
{% block content %}
  <main id="home" hx-get="{{ url_for('show_home') }}" hx-trigger="every 2s" hx-select="#home" hx-swap="morph">
    {% include "partials/site-header.html" %}
    <div class="home-content">
      <p id="home-refresh-error" class="refresh-error" role="alert" hidden></p>
      {% include "partials/instance.html" %}
      <div class="dashboard">
        {% if view.assignment_section %}<section class="panel" aria-labelledby="assignments-heading">
          <h1 id="assignments-heading">{{ view.assignment_section.heading|capitalize }}</h1>
          <div class="panel-body">
            {% for assignment in view.active_assignments %}
              {% include "partials/assignment-card.html" %}
            {% endfor %}
            {% if view.failed_setups %}
              <p class="assignment-group-label">Failed assignment setups</p>
              {% for setup in view.failed_setups %}
                {% include "partials/failed-setup-row.html" %}
              {% endfor %}
            {% endif %}
            {% for issue in view.issues %}
              {% include "partials/issue-row.html" %}
            {% endfor %}
            {% if view.assignment_section.empty_message %}<p class="empty">{{ view.assignment_section.empty_message }}</p>{% endif %}
            {% if view.ended_assignments %}
              <details class="ended-assignments">
                <summary>+ {{ view.ended_assignments|length }} ended</summary>
                <div class="ended-assignment-cards">
                  {%- for assignment in view.ended_assignments %}
                    {% include "partials/assignment-card.html" %}
                  {%- endfor %}
                </div>
              </details>
            {% endif %}
          </div>
        </section>{% endif %}
        {% if view.conversation_section %}
          <section class="panel" aria-labelledby="conversations-heading">
            <h1 id="conversations-heading">{{ view.conversation_section.heading|capitalize }}</h1>
            <div class="panel-body">
              {% for conversation in view.conversations %}
                {% include "partials/conversation-card.html" %}
              {% endfor %}
              {% if view.conversation_section.empty_message %}<p class="empty">{{ view.conversation_section.empty_message }}</p>{% endif %}
            </div>
          </section>
        {% endif %}
      </div>
    </div>
  </main>
  <script src="{{ url_for('static', filename='home.js') }}"></script>
{% endblock %}