{% extends 'dashboard/base.html' %}
{% block title %}Blog{% endblock %}
{% block content %}
<div class="sp-topbar">
  <div>
    <h1>Blog</h1>
    <p class="sp-muted">Write and publish updates for your website.</p>
  </div>
  <a href="{% url 'dashboard_blog_new' %}" class="sp-btn sp-btn-primary">+ Create Post</a>
</div>

<div class="sp-card">
  <table class="sp-table">
    <thead><tr><th>Title</th><th>Category</th><th>Status</th><th></th></tr></thead>
    <tbody>
      {% for post in posts %}
      <tr>
        <td><a href="{% url 'dashboard_blog_edit' post.id %}"><strong>{{ post.title }}</strong></a></td>
        <td class="sp-muted">{{ post.category|default:"—" }}</td>
        <td>
          {% if post.status == 'published' %}<span class="sp-pill sp-pill-green">Published</span>
          {% else %}<span class="sp-pill sp-pill-gray">Draft</span>{% endif %}
        </td>
        <td>
          <a href="{% url 'dashboard_blog_edit' post.id %}" class="sp-btn sp-btn-sm">Edit</a>
          <form method="post" action="{% url 'dashboard_blog_toggle_publish' post.id %}" style="display:inline;">
            {% csrf_token %}
            <button class="sp-btn sp-btn-sm" type="submit">{% if post.status == 'published' %}Unpublish{% else %}Publish{% endif %}</button>
          </form>
          <form method="post" action="{% url 'dashboard_blog_delete' post.id %}" style="display:inline;" data-sp-confirm="This cannot be undone." data-sp-confirm-title="Delete this post?">
            {% csrf_token %}
            <button class="sp-btn sp-btn-sm sp-btn-danger" type="submit">Delete</button>
          </form>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="4" class="sp-empty">No blog posts yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}