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

{% block title %}{% trans %}config{% endtrans %}{% endblock %}

{% block content %}

    <div class="row">
        <div class="col s12">
            <div class="card-panel settings">

                <div class="row">
                    <div class="div_tabs col s12">
                        <ul class="tabs">
                        <li class="tab col s3"><a class="active" href="#set1">{% trans %}Settings{% endtrans %}</a></li>
                        <li class="tab col s3"><a href="#set2">{% trans %}RSS{% endtrans %}</a></li>
                        <li class="tab col s3"><a href="#set3">{% trans %}User information{% endtrans %}</a></li>
                        <li class="tab col s3"><a href="#set4">{% trans %}Password{% endtrans %}</a></li>
                        {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <li class="tab col s3"><a href="#set5">{% trans %}Add a user{% endtrans %}</a></li>
                        {% endif %}
                        </ul>
                    </div>


                    <div id="set1" class="col s12">
                        <form action="{{ path('config') }}" method="post" {{ form_enctype(form.config) }}>
                            {{ form_errors(form.config) }}

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_errors(form.config.theme) }}
                                    {{ form_widget(form.config.theme) }}
                                    <label class="required">{% trans %}Theme{% endtrans %}</label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.config.items_per_page) }}
                                    {{ form_errors(form.config.items_per_page) }}
                                    {{ form_widget(form.config.items_per_page) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.config.language) }}
                                    {{ form_errors(form.config.language) }}
                                    {{ form_widget(form.config.language) }}
                                </div>
                            </div>

                            <div class="hidden">{{ form_rest(form.config) }}</div>
                            <button class="btn waves-effect waves-light" type="submit" name="action">
                                {% trans %}Save{% endtrans %}
                            </button>
                        </form>
                    </div>


                    <div id="set2" class="col s12">
                        <form action="{{ path('config') }}#set2" method="post" {{ form_enctype(form.rss) }}>
                            {{ form_errors(form.rss) }}

                            <div class="row">
                                <div class="input-field col s12">
                                    {% trans %}RSS feeds provided by wallabag allow you to read your saved articles with your favourite RSS reader. You need to generate a token first.{% endtrans %}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    <label>{% trans %}RSS token{% endtrans %}</label>
                                    <div>
                                        {% if rss.token %}
                                            {{ rss.token }}
                                        {% else %}
                                            <em>{% trans %}No token{% endtrans %}</em>
                                        {% endif %}
                                        – <a href="{{ path('generate_token') }}">{% if rss.token %}{% trans %}Reset your token{% endtrans %}{% else %}{% trans %}Create your token{% endtrans %}{% endif %}</a>
                                    </div>
                                </div>
                            </div>
                            {% if rss.token %}
                            <div class="row">
                                <div class="input-field col s12">
                                    <label>{% trans %}RSS links{% endtrans %}</label>
                                        <ul>
                                            <li><a href="{{ path('unread_rss', {'username': rss.username, 'token': rss.token}) }}">{% trans %}unread{% endtrans %}</a></li>
                                            <li><a href="{{ path('starred_rss', {'username': rss.username, 'token': rss.token}) }}">{% trans %}starred{% endtrans %}</a></li>
                                            <li><a href="{{ path('archive_rss', {'username': rss.username, 'token': rss.token}) }}">{% trans %}archive{% endtrans %}</a></li>
                                        </ul>

                                </div>
                            </div>
                            {% endif %}

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.rss.rss_limit) }}
                                    {{ form_errors(form.rss.rss_limit) }}
                                    {{ form_widget(form.rss.rss_limit) }}
                                </div>
                            </div>

                            <div class="hidden">{{ form_rest(form.rss) }}</div>
                            <button class="btn waves-effect waves-light" type="submit" name="action">
                                {% trans %}Save{% endtrans %}
                            </button>

                        </form>
                    </div>


                    <div id="set3" class="col s12">
                        <form action="{{ path('config') }}#set3" method="post" {{ form_enctype(form.user) }}>
                            {{ form_errors(form.user) }}

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.user.name) }}
                                    {{ form_errors(form.user.name) }}
                                    {{ form_widget(form.user.name) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.user.email) }}
                                    {{ form_errors(form.user.email) }}
                                    {{ form_widget(form.user.email) }}
                                </div>
                            </div>

                            <div class="hidden">{{ form_rest(form.user) }}</div>
                            <button class="btn waves-effect waves-light" type="submit" name="action">
                                {% trans %}Save{% endtrans %}
                            </button>

                        </form>
                    </div>


                    <div id="set4" class="col s12">
                        <form action="{{ path('config') }}#set4" method="post" {{ form_enctype(form.pwd) }}>
                            {{ form_errors(form.pwd) }}

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.pwd.old_password) }}
                                    {{ form_errors(form.pwd.old_password) }}
                                    {{ form_widget(form.pwd.old_password) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.pwd.new_password.first) }}
                                    {{ form_errors(form.pwd.new_password.first) }}
                                    {{ form_widget(form.pwd.new_password.first) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.pwd.new_password.second) }}
                                    {{ form_errors(form.pwd.new_password.second) }}
                                    {{ form_widget(form.pwd.new_password.second) }}
                                </div>
                            </div>

                            <div class="hidden">{{ form_rest(form.pwd) }}</div>
                            <button class="btn waves-effect waves-light" type="submit" name="action">
                                {% trans %}Save{% endtrans %}
                            </button>

                        </form>
                    </div>

                    {% if is_granted('ROLE_SUPER_ADMIN') %}
                    <div id="set5" class="col s12">
                        <form action="{{ path('config') }}#set5" method="post" {{ form_enctype(form.new_user) }}>
                            {{ form_errors(form.new_user) }}

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.new_user.username) }}
                                    {{ form_errors(form.new_user.username) }}
                                    {{ form_widget(form.new_user.username) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.new_user.plainPassword.first) }}
                                    {{ form_errors(form.new_user.plainPassword.first) }}
                                    {{ form_widget(form.new_user.plainPassword.first) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.new_user.plainPassword.second) }}
                                    {{ form_errors(form.new_user.plainPassword.second) }}
                                    {{ form_widget(form.new_user.plainPassword.second) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_label(form.new_user.email) }}
                                    {{ form_errors(form.new_user.email) }}
                                    {{ form_widget(form.new_user.email) }}
                                </div>
                            </div>

                            <div class="hidden">{{ form_rest(form.new_user) }}</div>
                            <button class="btn waves-effect waves-light" type="submit" name="action">
                                {% trans %}Add a user{% endtrans %}
                            </button>

                        </form>
                    </div>
                    {% endif %}
                </div>

            </div>
        </div>
    </div>
{% endblock %}