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

{% block content %}
<div style="display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap">
  {% for s in sites %}
  <a href="{{ url_for('posts') }}?site_id={{ s.id }}"
     class="btn btn-sm {% if selected and selected.id==s.id %}btn-primary{% else %}btn-ghost{% endif %}">
    {{ s.name }}
  </a>
  {% endfor %}
</div>

{% if not selected %}
<div class="card" style="text-align:center;padding:40px">
  <p class="text-muted">Select a website above to view its recent posts.</p>
</div>
{% elif posts %}
<div class="card">
  <div class="card-title">{{ selected.name }} — Last 30 Posts</div>
  <table>
    <thead>
      <tr><th>Title</th><th>Date</th><th>Status</th><th>Link</th></tr>
    </thead>
    <tbody>
      {% for p in posts %}
      <tr>
        <td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
          {{ p.title | striptags }}
        </td>
        <td class="mono text-muted" style="font-size:12px">{{ p.date }}</td>
        <td>
          {% if p.status == 'publish' %}
            <span class="badge badge-done">published</span>
          {% else %}
            <span class="badge badge-queued">{{ p.status }}</span>
          {% endif %}
        </td>
        <td><a href="{{ p.link }}" target="_blank" class="btn btn-ghost btn-sm">View →</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card" style="text-align:center;padding:40px">
  <p class="text-muted">No posts found or could not connect to WordPress API.</p>
</div>
{% endif %}
{% endblock %}