{% 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="top-content">
        <h1>
            {{ l.settings_page_title }}
        </h1>
    </div>

    {% if request.args.get('error') %}
        <div class="alert alert-error">
            {{ request.args.get('error') }}
        </div>
    {% endif %}

    <div class="bottom-content">
        <div class="page-content">
            <div class="inner">


                    <div class="panel">
                        <div class="panel-body">
                            <h3>{{ l.settings_variable_panel_system_variables }}</h3>

                            {% with variables=system_variables %}
                                {% include 'settings/component/table.jinja.html' %}
                            {% endwith %}
                        </div>
                    </div>

                    <div class="panel panel-inactive">
                        <div class="panel-body">
                            <h3>{{ l.settings_variable_panel_plugin_variables }}</h3>

                            {% with variables=plugin_variables %}
                                {% include 'settings/component/table.jinja.html' %}
                            {% endwith %}
                        </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>
            </div>
        </div>
    </div>


{% endblock %}