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

{% block title %}{{ _("Settings") }} - {{ super() }} {% endblock %}
{% block subtitle %}{{ _("Settings") }}
{% 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="<% name %>"><a href="#"><% label %></a></li>
        <%/each%>
        <%/if%>
        <li class="divider"></li>
        <li class="nav-header"><i class="icon-th-large icon-white"></i> {{ _("Addons") }}</li>
        <%= each addon %>
        <li class="addon" data-name="<% name %>">
            <a href="#" style="background-image: url(icons/<% name %>);">
                <% label %>
                <i class="iconf-remove pull-right"></i>
                <%= if activated %>
                <div class="addon-on">
                    active
                <%else%>
                <div class="addon-off">
                    inactive
                <%/if%>
                <%= if user_context %>
                {# TODO: tooltip #}
                    <i class="iconf-user pull-right"></i>
                <%else%>
                    <i class="iconf-globe pull-right"></i>
                <%/if%>
                </div>
            </a>
        </li>
        <%/each%>
        <li class="divider"></li>
        <li class="nav-header"><i class="icon-th-list icon-white"></i> {{ _("Plugin Configs") }}</li>
        <%= each plugin %>
        <li class="plugin" data-name="<% name %>">
            <a href="#" style="background-image: url(icons/<% name %>);">
                <% label %>
                <i class="iconf-remove pull-right"></i>
            </a>
        </li>
        <%/each%>
    </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="button" 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 %}
    <span class="span9">
        <button class="btn btn-small btn-blue btn-add">Add Plugin</button>
    </span>
{% 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 %}