{% 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>
                        <li class="tab col s3"><a href="#set5">{% trans %}Tagging rules{% endtrans %}</a></li>
                        {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <li class="tab col s3"><a href="#set6">{% trans %}Add a user{% endtrans %}</a></li>
                        {% endif %}
                        </ul>
                    </div>

                    <div id="set1" class="col s12">
                        {{ form_start(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_start(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_start(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>

                            {% if twofactor_auth %}
                            <div class="row">
                                <div class="input-field col s12">
                                    {{ form_widget(form.user.twoFactorAuthentication) }}
                                    {{ form_label(form.user.twoFactorAuthentication) }}
                                    {{ form_errors(form.user.twoFactorAuthentication) }}
                                </div>
                            </div>
                            {% endif %}

                            <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_start(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>

                    <div id="set5" class="col s12">
                        <div class="row">
                            <div class="input-field col s12">
                                <ul>
                                    {% for tagging_rule in app.user.config.taggingRules %}
                                    <li>
                                        if « {{ tagging_rule.rule }} » then tag as « {{ tagging_rule.tags|join(', ') }} »
                                        <a href="{{ path('delete_tagging_rule', {id: tagging_rule.id}) }}" title="{% trans %}Delete{% endtrans %}">
                                            <i class="tool grey-text delete mdi-action-delete"></i>
                                        </a>
                                    </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>

                        <form action="{{ path('config') }}#set5" method="post" {{ form_enctype(form.new_tagging_rule) }}>
                            {{ form_errors(form.new_tagging_rule) }}

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

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

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

                        <div class="row">
                            <div class="input-field col s12">
                                <p class="help">
                                    {% trans %}The following variables can be used to create tagging rules:{% endtrans %}

                                    <table>
                                        <thead>
                                            <tr>
                                                <th>Variable</th>
                                                <th>Meaning</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <tr>
                                                <td>title</td>
                                                <td>{% trans %}Title of the entry{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>url</td>
                                                <td>{% trans %}URL of the entry{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>isArchived</td>
                                                <td>{% trans %}Whether the entry is archived or not{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>isStared</td>
                                                <td>{% trans %}Whether the entry is starred or not{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>content</td>
                                                <td>{% trans %}The entry's content{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>language</td>
                                                <td>{% trans %}The entry's language{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>mimetype</td>
                                                <td>{% trans %}The entry's mime-type{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>readingTime</td>
                                                <td>{% trans %}The estimated entry's reading time, in minutes{% endtrans %}</td>
                                            </tr>
                                            <tr>
                                                <td>domainName</td>
                                                <td>{% trans %}The domain name of the entry{% endtrans %}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </p>
                            </div>
                        </div>
                    </div>

                    {% if is_granted('ROLE_SUPER_ADMIN') %}
                    <div id="set5" class="col s12">
                        {{ form_start(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 %}