{% extends 'default/base.html' %}

{% block title %}{{ _("Config") }} - {{ super() }} {% endblock %}
{% block subtitle %}{{ _("Config") }}
{% endblock %}

{% block css %}
    <link href="static/css/default/settings.less" rel="stylesheet/less" type="text/css" media="screen"/>
{% endblock %}

{% block require %}
    App.initSettingsView();
{% endblock %}

{% block head %}
    <script type="text/template" id="template-menu">
        <%=if core%>
        <li class="nav-header"><i class="icon-globe icon-white"></i> {{ _("General") }}</li>
        <%=each core%>
        <li data-name="<% this.name %>"><a href="#"><% this.label %></a></li>
        <%/each%>
        <%/if%>
        <li class="divider"></li>
        <li class="nav-header"><i class="icon-th-large icon-white"></i> {{ _("Addons") }}</li>
        <li class="divider"></li>
        <li class="nav-header"><i class="icon-th-list icon-white"></i> {{ _("Other") }}</li>
    </script>
    <script type="text/template" id="template-config">
        <legend>
            <div class="page-header">
                <h1><% label %>
                    <small><% description %></small>
                    <a class="btn btn-small" href="#" data-title="Help" data-content="<% long_description %>"><i
                            class="icon-question-sign"></i></a>
                </h1>
            </div>
        </legend>
        <div class="control-content">
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Save changes</button>
            <button type="button" class="btn btn-reset">Reset</button>
        </div>
    </script>
    <script type="text/template" id="template-config-item">
        <div class="control-group">
            <label class="control-label"><% label %></label>

            <div class="controls">
                {#                <span class="help-inline"><% description %></span>#}
            </div>
        </div>
    </script>

{% endblock %}

{% block actionbar %}
    {#    <ul class="actionbar nav nav-pills span9">#}
    {#    <li>Add Plugin</li>#}
    {#    </ul>#}
{% endblock %}

{% block content %}
    <div class="span2">
        <ul class="nav nav-list well settings-menu">
        </ul>
    </div>
    <div class="span10">
        <div class="well setting-box">
            <form class="form-horizontal" action="#">
                <h1>Please choose a config section</h1>
            </form>
        </div>
    </div>
{% endblock %}