{% extends "base.html" %}
{% block title %}Dashboard — ContentBot{% endblock %}
{% block page_title %}Dashboard{% endblock %}

{% block content %}
<div class="stats">
  <div class="stat-card">
    <div class="stat-label">Websites</div>
    <div class="stat-value">{{ sites|length }}</div>
  </div>
  <div class="stat-card">
    <div class="stat-label">Jobs Today</div>
    <div class="stat-value">{{ all_jobs|length }}</div>
  </div>
  <div class="stat-card">
    <div class="stat-label">Running</div>
    <div class="stat-value" style="color:var(--yellow)">
      {{ all_jobs|selectattr('status','eq','running')|list|length }}
    </div>
  </div>
  <div class="stat-card">
    <div class="stat-label">Completed</div>
    <div class="stat-value" style="color:var(--green)">
      {{ all_jobs|selectattr('status','eq','done')|list|length }}
    </div>
  </div>
</div>

<div class="form-grid" style="align-items:start">

  <!-- Quick Actions -->
  <div class="card">
    <div class="card-title">Quick Actions</div>
    <div style="display:flex;flex-direction:column;gap:10px">
      <a href="{{ url_for('generate') }}" class="btn btn-primary">✦ New Generation Job</a>
      <a href="{{ url_for('add_website') }}" class="btn btn-ghost">⬡ Add Website</a>
      <a href="{{ url_for('posts') }}" class="btn btn-ghost">◈ View Recent Posts</a>
    </div>
  </div>

  <!-- Recent Jobs -->
  <div class="card">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 20px;">
      <div class="card-title" style="margin-bottom:0;">Recent Jobs</div>
      <a href="{{ url_for('all_jobs') }}" class="btn btn-ghost btn-sm">View All →</a>
    </div>
    {% if recent_jobs %}
    <table>
      <thead>
        <tr><th>Job ID</th><th>Website</th><th>Create Date</th><th>Status</th><th></th></tr>
      </thead>
      <tbody>
        {% for job in recent_jobs %}
        <tr>
          <td class="mono" style="font-size:12px">{{ job.id }}</td>
          <td>{{ job.website_name }}</td>
          <td style="font-size:12px; color:var(--text-muted)">{{ job.create_date }}</td>
          <td>
            <span class="badge badge-{{ job.status }}">{{ job.status }}</span>
          </td>
          <td>
            {% if job.status in ['running', 'queued'] %}
            <a href="{{ url_for('stop_job', job_id=job.id) }}" class="btn btn-ghost btn-sm" style="color:var(--yellow);" onclick="return confirm('Stop this job? Cannot interrupt mid-flight keywords but will prevent further keywords.');">Stop</a>
            {% endif %}
            <a href="{{ url_for('job_view', job_id=job.id) }}" class="btn btn-ghost btn-sm">Logs →</a>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
    <p class="text-muted text-sm">No jobs yet. Start a generation run.</p>
    {% endif %}
  </div>

</div>

{% if sites %}
<div class="card mt-6">
  <div class="card-title">Websites</div>
  <table>
    <thead>
      <tr><th>Name</th><th>URL</th><th>User</th><th></th></tr>
    </thead>
    <tbody>
      {% for s in sites %}
      <tr>
        <td>{{ s.name }}</td>
        <td><a href="{{ s.url }}" target="_blank">{{ s.url }}</a></td>
        <td class="text-muted">{{ s.user }}</td>
        <td>
          <a href="{{ url_for('generate') }}?site_id={{ s.id }}" class="btn btn-sm btn-primary">Generate</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card mt-6" style="text-align:center;padding:40px">
  <p class="text-muted" style="margin-bottom:14px">No websites configured yet.</p>
  <a href="{{ url_for('add_website') }}" class="btn btn-primary">⬡ Add your first website</a>
</div>
{% endif %}
{% endblock %}