{% extends "admin/base.html" %}
{% load humanize %}

{% block title %}{{ title }} | OpenClaw Archive{% endblock %}

{% block content %}
<div class="p-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h1>Daily Report: <span class="text-primary">{{ agent_name }}</span> — <span class="text-success">{{ target_date }}</span></h1>
    <a href="/admin/daily-reports/?agent={{ agent_name }}&start={{ target_date }}&end={{ target_date }}" class="btn btn-secondary">← Back to List</a>
  </div>

  {% for item in sessions %}
  <div class="card mb-4">
    <div class="card-header bg-dark text-white">
      <strong>Session:</strong> {{ item.session.session_id }}
      &nbsp;|&nbsp;
      <strong>Model:</strong> {{ item.session.model_id|default:"N/A" }}
      &nbsp;|&nbsp;
      <strong>Tokens:</strong> {{ item.session.total_tokens|default:0|intcomma }}
      &nbsp;|&nbsp;
      <strong>Cost:</strong> ${{ item.session.total_cost|default:0|floatformat:4 }}
      &nbsp;|&nbsp;
      <strong>Time:</strong> {{ item.session.start_time|date:"Y-m-d H:i" }} ~ {{ item.session.end_time|date:"H:i"|default:"Ongoing" }}
    </div>
    <div class="card-body p-0">
      <table class="table table-bordered table-sm mb-0" style="font-size:12px; table-layout: fixed;">
        <colgroup>
          <col style="width:60px">
          <col style="width:80px">
          <col style="width:100px">
          <col style="width:150px">
          <col style="width:500px">
        </colgroup>
        <thead class="table-light">
          <tr>
            <th>Seq</th>
            <th>Time</th>
            <th>Role</th>
            <th>Tool / Meta</th>
            <th>Content</th>
          </tr>
        </thead>
        <tbody>
          {% for msg in item.messages %}
          <tr style="vertical-align: top;">
            <td><span class="badge bg-secondary">{{ msg.seq }}</span></td>
            <td><small>{{ msg.timestamp|date:"H:i:s" }}</small></td>
            <td>
              {% if msg.role == "user" %}
                <span class="badge bg-primary">User</span>
              {% elif msg.role == "assistant" %}
                <span class="badge bg-success">Assistant</span>
              {% elif msg.role == "toolResult" %}
                <span class="badge bg-warning text-dark">Tool Result</span>
              {% elif msg.role == "tool" %}
                <span class="badge bg-info text-dark">Tool</span>
              {% else %}
                <span class="badge bg-light text-dark">{{ msg.role }}</span>
              {% endif %}
            </td>
            <td>
              {% if msg.tool_name %}
                <div><small><strong>Tool:</strong> <code>{{ msg.tool_name }}</code></small></div>
              {% endif %}
              {% if msg.exit_code != None %}
                <div><small><strong>Exit:</strong> {{ msg.exit_code }}</small></div>
              {% endif %}
              {% if msg.duration_ms %}
                <div><small><strong>Duration:</strong> {{ msg.duration_ms }}ms</small></div>
              {% endif %}
              {% if msg.tokens_total > 0 %}
                <div><small><strong>Tokens:</strong> {{ msg.tokens_total|intcomma }}</small></div>
              {% endif %}
              {% if msg.is_error %}
                <div><span class="badge bg-danger">Error</span></div>
              {% endif %}
            </td>
            <td>
              {% if msg.content_text %}
                <pre style="font-size:11px; white-space: pre-wrap; word-break: break-word; margin:0; max-height: 300px; overflow-y: auto; background: #f9f9f9; padding: 4px;">{{ msg.content_text|truncatechars:2000 }}</pre>
              {% else %}
                <span class="text-muted"><em>(empty)</em></span>
              {% endif %}

              {% with msg.tool_calls.all as tc_list %}
              {% if tc_list %}
              <div class="mt-2">
                {% for tc in tc_list %}
                <div class="border rounded p-1 mb-1 bg-light">
                  <small><strong>TC:</strong> {{ tc.tool_name }} ({{ tc.tool_call_id|truncatechars:20 }})</small>
                  {% if tc.arguments %}
                  <details>
                    <summary><small>Arguments</small></summary>
                    <pre style="font-size:10px; white-space: pre-wrap; word-break: break-word; margin:4px 0 0; background:#fff; border:1px solid #ddd; padding:4px;">{{ tc.arguments|pprint }}</pre>
                  </details>
                  {% endif %}
                  {% if tc.result_text %}
                  <details>
                    <summary><small>Result ({{ tc.result_text|length }} chars)</small></summary>
                    <pre style="font-size:10px; white-space: pre-wrap; word-break: break-word; margin:4px 0 0; background:#fff; border:1px solid #ddd; padding:4px; max-height:200px; overflow-y:auto;">{{ tc.result_text|truncatechars:2000 }}</pre>
                  </details>
                  {% endif %}
                </div>
                {% endfor %}
              </div>
              {% endif %}
              {% endwith %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% endfor %}
</div>
{% endblock %}