{% extends "base.html" %}
{% from "_macros.html" import status_badge %}
{% block title %}Crawl #{{ crawl.id }}{% endblock %}
{% block content %}
<p class="muted"><a href="/clients/{{ crawl.client_id }}">← {{ crawl.client_name }}</a></p>
<div class="row">
  <h1>Crawl #{{ crawl.id }} {{ status_badge(crawl.status) }}</h1>
  {% if crawl.status in ('pending', 'running') %}
    <span class="muted">(Refresh in a minute — Playwright crawls take 1–5 min for 25 pages)</span>
  {% endif %}
</div>
<p class="muted">Site: <a href="{{ crawl.primary_url }}" rel="noopener" target="_blank">{{ crawl.primary_url }}</a></p>
<p class="muted">
  Started {{ crawl.started_at }} ·
  {% if crawl.finished_at %}finished {{ crawl.finished_at }} · {% endif %}
  spend ${{ "%.2f" % (crawl.ai_spend_cents / 100.0) }}
  {% if crawl.claude_model %} · {{ crawl.claude_model }}{% endif %}
</p>
{% if crawl.error %}
  <div class="error">{{ crawl.error }}</div>
{% endif %}

{% if report %}
  <p><a class="button primary" href="/reports/{{ report.id }}">Open report</a></p>
{% endif %}

<h2>Pages</h2>
{% if pages %}
<table class="data">
  <thead><tr><th>#</th><th>URL</th><th>Title</th><th>Status</th><th>Forms</th><th>CTAs</th><th>Buttons</th><th>Videos</th><th>Time</th><th>Error</th></tr></thead>
  <tbody>
    {% for p in pages %}
    <tr>
      <td>{{ p.index }}</td>
      <td style="max-width:340px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
        <a href="{{ p.url }}" rel="noopener" target="_blank" title="{{ p.url }}">{{ p.url }}</a>
      </td>
      <td>{{ p.title or "—" }}</td>
      <td>{{ p.status }}</td>
      <td>{{ p.interactive_summary.n_forms }}</td>
      <td>{{ p.interactive_summary.n_styled_ctas }}</td>
      <td>{{ p.interactive_summary.n_buttons }}</td>
      <td>{{ p.interactive_summary.n_videos }}</td>
      <td>{{ p.duration_ms }} ms</td>
      <td class="muted">{{ p.error or "" }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">{% if crawl.status == 'pending' %}Queued.{% elif crawl.status == 'running' %}Crawling…{% else %}No pages were captured.{% endif %}</p>
{% endif %}
{% endblock %}