{% extends 'base.html' %}

{% block title %}Ollambda | Conversations{% endblock %}

{% block content %}
{% if conversations %}

{% include 'elements/pagination.html' %}


<div class="message-list">
    {% for conv in conversations %}
    <div class="conversation">
        <div class="conversation-title">
            <a href="{{ url_for('conversations.conversation', conv_id=conv.uuid) }}">{{ conv.title }}</a>
        </div>

        <div class="message-header">
            <div class="timestamp">{{ conv.time }}</div>
            <div class="message-content">{{ conv.messages | length }} Messages </div>
        </div>
        <div class="fixed-height-container">
            {% for msg in conv.messages | reverse %}
                <div class="message-summary">
                    <div class="role-badge {{ msg.role }}">{{ msg.role }}</div>
                    <div class>{{ msg.summary }}</div>
                </div>
            {% endfor %}
        </div>
        <div class="message-signature", title="UUID / Signature">{{ conv.uuid }} | {{ conv.signature }}</div>
    </div>
    {% endfor %}
</div>

{% include 'elements/pagination.html' %}

{% endif %}

{% endblock %}