{% extends "base.html" %}
{% block title %}Sessions — {{ date }}{% endblock %}
{% block breadcrumb %}<a href="/">All Days</a> / {{ date }}{% endblock %}
{% block content %}
<a class="back-link" href="/">← Back to all days</a>
<h2>Sessions on {{ date }}</h2>
<div class="summary-bar">
  <div class="metric"><span class="metric-label">Total Cost</span><span class="metric-value">{{ format_cost(total_cost) }}</span></div>
  <div class="metric"><span class="metric-label">Sessions</span><span class="metric-value">{{ sessions|length }}</span></div>
  <div class="metric"><span class="metric-label">API Calls</span><span class="metric-value">{{ sessions|sum(attribute='message_count') }}</span></div>
</div>
<table>
  <thead><tr><th>Session</th><th>Project</th><th>Cost</th><th>API Calls</th><th>Input Tokens</th><th>Output Tokens</th><th>Time</th></tr></thead>
  <tbody>
    {% for session in sessions %}
    <tr>
      <td><a href="/session/{{ session.session_id }}">{{ session.title }}</a></td>
      <td title="{{ session.project_path }}">{{ session.project_name }}</td>
      <td class="cost">{{ format_cost(session.total_cost) }}</td>
      <td>{{ session.message_count }}</td>
      <td class="tokens">{{ format_tokens(session.total_input_tokens) }}</td>
      <td class="tokens">{{ format_tokens(session.total_output_tokens) }}</td>
      <td class="tokens">{{ session.first_timestamp[11:16] }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}