{% extends 'base.html' %}

{% block content %}
<div class="container py-4">
  <div class="row mb-4">
    <div class="col">
      <h1>Messages</h1>
      <p class="text-muted">Your active conversation threads.</p>
    </div>
  </div>

  <div class="row">
    <div class="col-lg-8">
      {% if threads %}
        <div class="list-group">
          {% for thread in threads %}
            <a href="{% url 'core:message_thread' thread.pk %}" class="list-group-item list-group-item-action">
              <div class="d-flex w-100 justify-content-between">
                <h5 class="mb-1">
                  {% if thread.title %}
                    {{ thread.title }}
                  {% else %}
                    {% for user in thread.participants.all %}
                      {% if user != request.user %}
                        {{ user.username }}
                        {% endif %}
                    {% endfor %}
                  {% endif %}
                </h5>
                <small>{{ thread.last_message_at|date:"M d, Y H:i" }}</small>
              </div>
              <p class="mb-1">Participants: {% for user in thread.participants.all %}{{ user.username }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>
            </a>
          {% endfor %}
        </div>
      {% else %}
        <div class="alert alert-info">You have no message threads yet.</div>
      {% endif %}
    </div>
    <div class="col-lg-4">
      <div class="card p-3">
        <h5>Quick actions</h5>
        <p><a class="btn btn-outline-primary w-100" href="{% url 'core:message_new' %}">Start a new conversation</a></p>
      </div>
    </div>
  </div>
</div>
{% endblock %}