{% extends 'base.html' %}

{% block title %}Ollambda | Conversation {{conversation.uuid}}{% endblock %}

{% block content %}
<a href="{{ url_for('conversations.conversations') }}">Back to Conversations</a>
<h1>Conversation {{conversation.uuid}}</h1>
<div class="timestamp">Created at: {{conversation.time}}</div>
<h3>Messages</h3>


{% if messages %}

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

<div class="message-list">
  {% for msg in messages %}
  <div class="message">
    <div class="message-header">
      <span class="role-badge {{ msg.role }}">{{ msg.role }}</span>
      <span class="timestamp">{{ msg.created_at.strftime('%Y-%m-%d %H:%M:%S') }}</span>
      {% if msg.model %}
      <span class="model-name">{{ msg.model }}</span>
      {% endif %}
    </div>

    {% if msg.thinking %}
    <div class="thinking-block">
        <details>
            <summary>
                <span class="thinking-label">Thinking</span>
            </summary>
            <div class="thinking-content">{{ msg.thinking }}</div>
        </details>
    </div>
    {% endif %}

    {% if msg.content %}
        {% if msg.role == "system" %}
        <details>
            <summary>Content</summary>
            <div class="message-content">{{ msg.content }}</div>
        </details>
        {% else %}
        <details open>
            <summary>Content</summary>
            <div class="message-content">{{ msg.content }}</div>
        </details>
        {% endif %}
    {% endif %}

    {% if msg.tool_calls %}
    <div class="tool-calls">
      {% for tc in msg.tool_calls %}
      <div class="tool-call">
        <div class="tool-name">tool: {{ tc.name }}</div>
        <div class="tool-args">{{ tc.arguments | tojson }}</div>
      </div>
      {% endfor %}
    </div>
    {% endif %}
    <div class="message-footer">
        <span class="message-source">Source: {{ msg.source }}</span>
    </div>
  </div>
  {% endfor %}
</div>

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

{% else %}
<div class="empty-state">No messages yet.</div>

{% endif %}

<script src="{{ url_for('static', filename='sse.js') }}"></script>
{% endblock %}