{% extends "WallabagCoreBundle::layout.html.twig" %}

{% block title %}{% trans %}internal settings{% endtrans %}{% endblock %}

{% block content %}
    <div class="row">
        <div class="col s12">
            <div class="card-panel settings">
                {{ form_start(form, {'attr': {'class': 'craue_config_settings_modify'}}) }}
                    {{ form_errors(form) }}

                    <div class="row">
                        <div class="div_tabs col s12">
                            <ul class="tabs">
                                {% for section in sections | craue_sortSections %}
                                    <li class="tab col s3"><a href="#set-{{ section }}">{{ section | trans({}, 'CraueConfigBundle') }}</a></li>
                                {% endfor %}
                            </ul>
                        </div>

                        {% for section in sections | craue_sortSections %}
                            <div id="set-{{ section }}" class="col s12">
                                {% for setting in form.settings if setting.section.vars.value == section %}
                                        {{ form_row(setting.name) }}
                                        {{ form_row(setting.section) }}
                                        {{ form_row(setting.value, {
                                            'label': setting.name.vars.value | trans({}, 'CraueConfigBundle'),
                                        }) }}
                                {% endfor %}
                            </div>
                        {% endfor %}
                </div>

                <button class="btn waves-effect waves-light" type="submit" name="action">
                    {{ 'modify_settings' | trans({}, 'CraueConfigBundle') }}
                </button>

                {{ form_rest(form) }}
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}
