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

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

{% block branding %}
<h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:"Django Admin" }}</a></h1>
{% endblock %}

{% block content %}
<div class="p-3">
  <h1>📅 Daily Report</h1>

  <form method="get" class="mb-3">
    <div class="row">
      <div class="col-md-3">
        <label>Agent</label>
        <select name="agent" class="form-control">
          <option value="">All Agents</option>
          {% for agent in agents %}
          <option value="{{ agent }}" {% if agent == selected_agent %}selected{% endif %}>{{ agent }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-3">
        <label>Start Date</label>
        <input type="date" name="start" value="{{ start_date }}" class="form-control">
      </div>
      <div class="col-md-3">
        <label>End Date</label>
        <input type="date" name="end" value="{{ end_date }}" class="form-control">
      </div>
      <div class="col-md-3 d-flex align-items-end">
        <button type="submit" class="btn btn-primary">Filter</button>
      </div>
    </div>
  </form>

  {% if date_groups %}
  <table class="table table-bordered table-sm" style="font-size:13px">
    <thead class="table-dark">
      <tr>
        <th>Agent</th>
        <th>Date</th>
        <th>Sessions</th>
        <th>Messages</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      {% for group in date_groups %}
      <tr>
        <td><strong>{{ group.agent_name }}</strong></td>
        <td>{{ group.date_val }}</td>
        <td>{{ group.session_count }}</td>
        <td>{{ group.message_count }}</td>
        <td>
          <a href="/admin/daily-reports/{{ group.agent_name }}/{{ group.date_val.year }}-{{ group.date_val.month }}-{{ group.date_val.day }}/"
             class="btn btn-sm btn-info">
            View Report
          </a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="text-muted">No messages found for the selected date range.</p>
  {% endif %}
</div>
{% endblock %}