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

{% block title %}{{ 'user.page_title'|trans }}{% endblock %}

{% block content %}

    <div class="row">
        <div class="col s12">
            <div class="card-panel">
                <div class="row">
                    <div class="input-field col s12">
                        <h4>{{ 'user.edit_user'|trans }}</h4>

                        <div id="set6" class="col s12">
                            {{ form_start(edit_form) }}
                                {{ form_errors(edit_form) }}

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

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

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

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

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

                                <br/>

                                {{ form_widget(edit_form.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
                                {{ form_widget(edit_form._token) }}
                            </form>
                            <p>
                                {{ form_start(delete_form) }}
                                    <button {% if app.user.id == user.id %}disabled="disabled"{% endif %} onclick="return confirm('{{ 'user.form.delete_confirm'|trans|escape('js') }}')" type="submit" class="btn waves-effect waves-light red">{{ 'user.form.delete'|trans }}</button>
                                {{ form_end(delete_form) }}
                            </p>
                            <p><a class="waves-effect waves-light btn blue-grey" href="{{ path('user_index') }}">{{ 'user.form.back_to_list'|trans }}</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}