{% extends 'base.html' %}

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

{% block content %}
<h1>
    <a href="{{ url_for('web.index') }}">Ollambda Proxy | Conversations</a>
</h1>


{% if conversations %}

<nav class="pagination">
    <p>
        {% if prev_url %}
            <a href="{{ prev_url }}">Prev Page</a>
        {% else %}
            <s>Prev Page</s>
        {% endif %}
            Page {{ current_page }}/{{ n_pages }}
        {% if next_url %}
            <a href="{{ next_url }}">Next Page</a>
        {% else %}
            <s>Next Page</s>
        {% endif %}
    </p>
    <p>
        {{ n_items }} Messages ({{per_page}} Per Page)
    </p>
</nav>


<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 class="message-signature">{{ conv.signature }}</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>
    {% endfor %}
</div>

{% endif %}

{% endblock %}