{% extends "base.html" %}

{% block content %}
  <section class="section">
    <div class="container">
      <h1 class="title is-4">{{ category_title }}</h1>
      <p class="subtitle is-6">{{ category_description }}</p>
      <div class="tabs is-boxed is-small mb-4 security-page-tabs">
        <ul>
          {% for tab in category_tabs %}
            <li class="{% if tab.active %}is-active{% endif %}">
              <a href="{{ tab.href }}">{{ tab.label }}</a>
            </li>
          {% endfor %}
        </ul>
      </div>
      <div class="box">
        <p class="is-size-7 has-text-grey">Choose a tab above to open settings in this category.</p>
      </div>
    </div>
  </section>
{% endblock %}
