{% extends 'dashboard/base.html' %}
{% block title %}{% if post %}Edit Post{% else %}New Post{% endif %}{% endblock %}
{% block content %}
<div class="sp-topbar">
  <div>
    <h1>{% if post %}Edit Post{% else %}New Post{% endif %}</h1>
    <p class="sp-muted"><a href="{% url 'dashboard_blog_list' %}">← All posts</a></p>
  </div>
</div>

<form method="post" enctype="multipart/form-data">
  {% csrf_token %}
  <div class="sp-card">
    <label class="sp-label">Title</label>{{ form.title }}
    <label class="sp-label">Category</label>{{ form.category }}
    <label class="sp-label">Excerpt</label>{{ form.excerpt }}
    <label class="sp-label">Featured Image</label>{{ form.featured_image }}
    <label class="sp-label">Body</label>{{ form.body }}
    <label class="sp-label sp-flex" style="gap:8px;">{{ form.featured }} Featured post</label>
    <label class="sp-label">Status</label>{{ form.status }}
  </div>
  <div class="sp-card">
    <h2>SEO</h2>
    <label class="sp-label">SEO Title</label>{{ form.meta_title }}
    <label class="sp-label">SEO Description</label>{{ form.meta_description }}
  </div>
  <div class="sp-save-bar">
    <span class="sp-save-hint">Don't forget to save your changes</span>
    <button type="submit" class="sp-btn-save"><i class="fa-solid fa-floppy-disk"></i> Save Post</button>
  </div>
</form>
{% endblock %}