{% extends 'base.html' %}
{% from 'bootstrap5/form.html' import render_form %}
{% from 'macros.html' import render_inline_form %}

{% block title %}Manage Categories{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Categories
    <small class="text-muted">{{ categories|length }}</small>
    <span class="float-end">
      <a class="btn btn-primary btn-sm" href="{{ url_for('.new_category') }}">
        New Category
      </a>
    </span>
  </h1>
</div>
{% if categories %}
<table class="table table-striped">
  <thead>
    <tr>
      <th>Name</th>
      <th>Posts</th>
      <th>Actions</th>
    </tr>
  </thead>
  {% for category in categories %}
  <tr>
    <td>
      <a href="{{ url_for('blog.show_category', category_id=category.id) }}">
        {{ category.name }}
      </a>
    </td>
    <td>{{ category.posts|length }}</td>
    <td>
      {% if category.id != 1 %}
      <a class="btn btn-outline-info btn-sm"
          href="{{ url_for('.edit_category', category_id=category.id) }}">
        Edit
      </a>
      {{ render_inline_form(
        action=url_for('.delete_category', category_id=category.id),
        button_style='outline-danger',
        button_text='Delete',
      ) }}
      {% endif %}
    </td>
  </tr>
  {% endfor %}
</table>
<p class="text-muted">
  Tips: Deleting a category does not delete the article under that category.
  The articles under this category will be moved to the default category.
</p>
{% else %}
<div class="tip">
  <h5>No categories.</h5>
</div>
{% endif %}
{% endblock %}