{% extends "page.html" %}

{% block breadcrumb_content %}
    <li class="active">
        <a href="#">{{ _("Demo") }}</a>
    </li>
{% endblock %}

{% block secondary %}
{% endblock %}

{% block primary %}
    <div class="primary col-12" role="main">
        {% block page_content %}
            <ul class="nav nav-tabs mt-2">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="#">Active</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
                </li>
            </ul>

            <div class="pt-2">
                {% snippet "tables/render_table.html", table=table_1 %}
            </div>
        {% endblock page_content %}
    </div>
{% endblock %}

{% block scripts %}
    {{ super() }}

    {% asset "tables/tables-js" %}
{% endblock %}

{% block styles %}
    {{ super() }}
    {% asset "tables/tables-css" %}
{% endblock %}