{% extends 'content/_layout.html' %}

{% block content_header %}
  <h2 class="text-xl font-extrabold tracking-tight">Content</h2>
  <form hx-get="/content" hx-target="#main_section" hx-swap="outerHTML" hx-push-url="true"
    class="flex items-center gap-2 mt-2 sm:mt-0">
    <input type="hidden" name="page" value="1" />
    <div>
      <select name="category" class="nb-select">
        <option value="">All Categories</option>
        {% for category in categories %}
        <option value="{{ category }}" {% if selected_category==category %}selected{% endif %}>{{ category }}
        </option>
        {% endfor %}
      </select>
    </div>
    <button type="submit" class="nb-btn btn-sm">Filter</button>
  </form>
{% endblock %}

{% block content_list %}
  {% include "content/content_list.html" %}
{% endblock %}