{% extends 'base.html' %}
{% block title %}Scheduled Posts{% endblock %}
{% block page_title %}Scheduled Posts{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <h1>Scheduled Posts</h1>
    <p>All active and paused post schedules</p>
  </div>
</div>

{% if schedules %}
<div class="table-wrap">
  <table>
    <thead>
      <tr>
        <th>Post Content</th>
        <th>Page</th>
        <th>Type</th>
        <th>Next Run</th>
        <th>Last Run</th>
        <th>Failures</th>
        <th>Status</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for s in schedules %}
      <tr>
        <td style="max-width:200px">
          <div style="font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
            {{ s.post.title or s.post.content[:50] }}…
          </div>
          <div style="font-size:0.75rem;color:var(--text-muted);margin-top:2px">
            <span class="badge badge-{% if s.post.status == 'published' %}success{% elif s.post.status == 'failed' %}danger{% elif s.post.status == 'scheduled' %}warning{% else %}muted{% endif %}">{{ s.post.status }}</span>
          </div>
        </td>
        <td>{{ s.page.page_name }}</td>
        <td><span class="badge badge-info">{{ s.schedule_type }}</span></td>
        <td style="white-space:nowrap">{{ s.next_run_at.strftime('%b %d, %H:%M') if s.next_run_at else '—' }}</td>
        <td style="white-space:nowrap">{{ s.last_run_at.strftime('%b %d, %H:%M') if s.last_run_at else 'Never' }}</td>
        <td>
          {% if s.failure_count > 0 %}
            <span style="color:var(--danger);font-weight:600">{{ s.failure_count }}/{{ s.max_failures }}</span>
          {% else %}
            <span style="color:var(--text-muted)">0</span>
          {% endif %}
        </td>
        <td>
          {% if s.is_active %}
            <span class="badge badge-success">Active</span>
          {% else %}
            <span class="badge badge-muted">Paused</span>
          {% endif %}
        </td>
        <td>
          <div style="display:flex;gap:6px">
            <a href="{{ url_for('schedules.edit', sched_id=s.id) }}" class="btn btn-secondary btn-sm" title="Edit">
              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
            </a>
            <form method="POST" action="{{ url_for('schedules.toggle', sched_id=s.id) }}" style="display:inline">
              <button type="submit" class="btn btn-sm {% if s.is_active %}btn-warning{% else %}btn-success{% endif %}" title="{{ 'Pause' if s.is_active else 'Resume' }}">
                {% if s.is_active %}
                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
                {% else %}
                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="5 3 19 12 5 21 5 3"/></svg>
                {% endif %}
              </button>
            </form>
            <form method="POST" action="{{ url_for('schedules.delete', sched_id=s.id) }}" style="display:inline">
              <button type="submit" class="btn btn-danger btn-sm" data-confirm="Delete this schedule?" title="Delete">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/></svg>
              </button>
            </form>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="empty-state">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
  <h3>No scheduled posts</h3>
  <p>Create a post and schedule it to appear here.</p>
  <a href="{{ url_for('posts.create') }}" class="btn btn-primary">Create Post</a>
</div>
{% endif %}
{% endblock %}