{% extends "admin/base_site.html" %}
{% block content %}
<h1>Daily Conversation View</h1>

<form method="get">
  <label>Start date: <input type="date" name="start" value="{{ start_date }}" /></label>
  <label>End date: <input type="date" name="end" value="{{ end_date }}" /></label>
  <label>Agent:
    <select name="agent">
      <option value="">All</option>
      {% for agent in agents %}
      <option value="{{ agent }}" {% if agent == selected_agent %}selected{% endif %}>{{ agent }}</option>
      {% endfor %}
    </select>
  </label>
  <button type="submit">Search</button>
</form>

{% if sessions %}
{% for session in sessions %}
<div class="session-block" style="margin-top: 2em; border: 1px solid #ddd; padding: 1em;">
  <h2>Session: {{ session.session_id }} ({{ session.agent_name }})</h2>
  <p>Model: {{ session.model_id or 'N/A' }} | Tokens: {{ session.total_tokens }} |
     Start: {{ session.start_time|default:"N/A" }}</p>

  {% for msg in session.messages %}
  <div class="message" data-role="{{ msg.role }}" style="padding: 0.5em; margin: 0.3em 0; border-left: 3px solid {% if msg.role == 'user' %}#4CAF50{% elif msg.role == 'assistant' %}#2196F3{% else %}#FF9800{% endif %};">
    <strong>{{ msg.timestamp|date:"H:i" }} {{ msg.get_role_label }}</strong>
    {% if msg.role == 'toolResult' %}
      {% if msg.tool_name %}<em>[Tool: {{ msg.tool_name }}]</em>{% endif %}
    {% endif %}
    <details>
      <summary>Content</summary>
      <pre style="white-space: pre-wrap; word-break: break-word;">{{ msg.content_text|default:"(empty)" }}</pre>
    </details>
  </div>
  {% empty %}
  <p>No messages.</p>
  {% endfor %}
</div>
{% endfor %}
{% endif %}
{% endblock %}