{% extends "base.html" %}
{% block content %}
    <h1>Transcript</h1>

    {% for section in data.sections %}
        <section>
            <h2>{{ section.kind.title() }} Chat</h2>

            {% for message in section.messages %}

                <div class="chat-bubble coached-{{ message.kind }}">
                    <div class="meta">
                        {% if message.avatar_url %}<img src="{{ message.avatar_url }}">{% endif %}
                        <span class="author">{{ message.name }} ({{ message.kind.title() }})</span>
                        {% if message.time %}<time datetime="{{ message.time.isoformat() }}">{{ message.time | pretty_time }}</time>{% endif %}
                    </div>
                    <div class="content">
                        {{ message.content | safe }}
                    </div>
                </div>

            {% endfor %}
        </section>
    {% endfor %}

    <h2>Your Final Submission</h2>

    {{ data.final_submission | safe }}

    <hr>

    <h2>{{ data.evaluator_name }}'s Evaluation Report</h2>

    {{ data.final_evaluation | safe }}

{% endblock %}