{% extends "mailing_list/mailing_list.html" %}

{% block page_title %}{{ thread.title }} - {{ list_address }}{% endblock %}

{% block content %}
<div class="thread">

    <div class="title">
        {{ thread.title }}
    </div>
    <div class="subtitle">
        #{{ thread.id }} - <span title="{{ thread.datetime }}">Created {{ thread.datetime|ago }}</span>
    </div>

    <div class="content">

        <div class="messages">
        {% for email in emails %}
            <div class="message" id="{{ email.id }}">
                <div class="header">
                    <details>
                        <summary>
                            <b>{{ email.from[0] }}</b> &lt;{{ email.from[1] }}&gt;
                            <span title="Date: {{ email.sent_at }}&#10;Received: {{ email.received_at }}">{{ email.received_at|ago }}</span>
                        </summary>
                        <div class="headers">
                            <div>
                                <b>Message-ID:</b>  <a href="#{{ email.id }}">{{ email.id }}</a>
                            <div>
                            {% if email.in_reply_to %}
                                <div>
                                    <b>In-Reply-To:</b> <a href="#{{ email.in_reply_to }}">{{ email.in_reply_to }}</a>
                                <div>
                            {% endif %}
                            <div><b>Subject:</b> {{ email.subject }}</div>
                        </div>
                    </details>
                </div>
                <div class="body">{{ email.body }}</div>
            </div>
        {% endfor %}
        </div>

        <div class="info">
            {% for tag in tags %}
                <div class="tag">
                    <b>{{ tag }}:</b> {{ tags[tag]|join(', ') }}
                </div>
            {% endfor %}

            <details open>
                <summary>{{ participants|length }} participants</summary>
                {% for address in participants %}
                    <div>{{ address[0] }} &lt;{{ address[1] }}&gt;</div>
                {% endfor %}
            </details>
        </div>

    </div>
</div>

{% endblock %}