{% extends 'base.jinja.html' %}


{% block page_title %}
    {{ l.settings_page_title }}
{% endblock %}

{% block add_js %}
    <script src="{{ STATIC_PREFIX }}js/settings.js"></script>
{% endblock %}

{% block page %}
    <div class="toolbar">
        <h2>{{ l.settings_page_title }}</h2>
    </div>
    <div class="panel">
        <div class="panel-body">
            <h3>{{ l.settings_variable_panel }}</h3>

            {% include 'settings/component/table.jinja.html' %}
        </div>
    </div>

    <div class="modals hidden">
        <div class="modals-outer">
            <a href="javascript:void(0);" class="modal-close">
                <i class="fa fa-close"></i>
            </a>
            <div class="modals-inner">
                {% include 'settings/modal/edit.jinja.html' %}
            </div>
        </div>
    </div>
{% endblock %}