{% extends "layout.html" %}
{% set title = site.config.title or site.id %}
{% block content %}
<div class="admin-heading">
  <h1>Posts</h1>
  <form method="post" action="/s/{{ site.id }}/new" class="inline-form">
    <select name="kind" aria-label="Section">
      {% for k in kinds %}<option value="{{ k }}">{{ k | capitalize }}</option>{% endfor %}
    </select>
    <button class="button button--primary" type="submit">New post</button>
  </form>
</div>
{% if error %}<p class="notice is-error">{{ error }}</p>{% endif %}
{% if posts %}
<table class="admin-table">
  <thead><tr><th>Title</th><th class="hide-narrow">Section</th><th>Status</th><th class="hide-narrow">Date</th></tr></thead>
  <tbody>
    {% for p in posts %}
    <tr>
      <td><a href="/s/{{ site.id }}/edit/{{ p.kind }}/{{ p.slug }}">{{ p.title }}</a><div class="muted small">{{ p.url }}</div></td>
      <td class="hide-narrow">{{ p.kind | capitalize }}</td>
      <td>{% if p.draft %}<span class="badge badge--draft">draft</span>{% else %}<span class="badge badge--published">published</span>{% endif %}</td>
      <td class="hide-narrow">{{ p.date }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="empty-state">Nothing here yet. Start a new post.</p>
{% endif %}
{% endblock %}