{% extends "base.html" %}
{% block title %}Reports{% endblock %}

{% block content %}
<div class="container">
  <div class="d-flex align-items-center justify-content-between mb-3">
    <h1 class="h3 mb-0">Reports</h1>
  </div>

  <form class="row g-2 mb-3" method="get">
    <div class="col-md-4">
      <input class="form-control" name="q" value="{{ q }}" placeholder="Search by project name...">
    </div>
    <div class="col-md-3">
      <input class="form-control" name="project" value="{{ project_id }}" placeholder="Project ID (optional)">
    </div>
    <div class="col-md-2">
      <button class="btn btn-primary w-100" type="submit">Filter</button>
    </div>
    <div class="col-md-2">
      <a class="btn btn-outline-secondary w-100" href="{% url 'reports:reports_list' %}">Reset</a>
    </div>
  </form>

  <div class="table-responsive">
    <table class="table table-sm align-middle">
      <thead>
        <tr>
          <th>ID</th>
          <th>Project</th>
          <th>Version</th>
          <th>AI</th>
          <th>Created</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for r in reports %}
          <tr>
            <td>{{ r.id }}</td>
            <td>{{ r.project.name }}</td>
            <td>v{{ r.version }}</td>
            <td>{% if r.is_ai_assisted %}Yes{% else %}No{% endif %}</td>
            <td>{{ r.created_at }}</td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-primary" href="{% url 'reports:view_report' r.id %}">Open</a>
            </td>
          </tr>
        {% empty %}
          <tr><td colspan="6" class="text-muted">No reports found.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}