{% extends "Config/settings_menu.html.twig" %}
{% trans_default_domain 'config' %}

{% block stylesheets %}

    <style>
        .field-icon {
            float: right;
            margin-left: -25px;
            margin-top: -25px;
            position: relative;
            z-index: 2;
        }
    </style>
{% endblock %}

{% block activeTab %}


    <div class="pad tab-pane active" id="tab_1-3">
        <div class="row">
            <div class="col-md-12">

                {# Si hay algún error en el formulario, muéstrelo #}
                {% set errores = form.vars.errors.form.getErrors(true) %}
                {% if errores|length %}
                    <div class="alert alert-danger">
                        <ul>
                            {% for error in errores %}
                                <li>{{ error.message }}</li>
                            {% endfor %}
                        </ul>
                    </div>
                {% endif %}

                {{ form_start(form, {'action': path('reset_password')}) }}

                <div class="row">
                    <div class="col-md-3">
                        {# form_row(form.plainPassword) #}
                        <div class="form-group">
                            {{ form_label(form.plainPassword.first,'Contraseña', {'label_attr': {'class': 'col-md-4 control-label'}}) }}
                            {{ form_widget(form.plainPassword.first) }}
                            <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span>
                        </div>
                        <div class="form-group">
                            {{ form_label(form.plainPassword.second) }}
                            {{ form_widget(form.plainPassword.second) }}
                        </div>

                    </div>
                </div>

                {{ form_widget(form) }}
                <div class="form-actions col-md-12">
                    &nbsp;&nbsp;<button type="submit" class="btn btn-primary">
                        <span class="fa fa-save"></span>&nbsp;
                        {% trans %}form.save{% endtrans %}
                    </button>
                </div>
                {{ form_end(form) }}

            </div>
        </div>
    </div>
    <div class="modalwait">

    </div>

    <script>
        $(document).ready(function () {
            $body = $("body");

            $(".toggle-password").click(function () {
                $(this).toggleClass("fa-eye fa-eye-slash");
                var input = $("#reset_pass_form_plainPassword_first");
                if (input.attr("type") === "password") {
                    input.attr("type", "text");
                } else {
                    input.attr("type", "password");
                }

                var input1 = $("#reset_pass_form_plainPassword_second");
                if (input1.attr("type") === "password") {
                    input1.attr("type", "text");
                } else {
                    input1.attr("type", "password");
                }
            });

            $('#testmail').on('click', function (e) {
                e.preventDefault();
                //$('#modal-default').modal('hide');
                $("#error").css("display", "none");
                $("#success").css("display", "none");
                testMail('{{ path('rest_config_testmail') }}', $(this).parents('div'));
            });

            $('#btnerror').on('click', function (e) {
                e.preventDefault();
                $("#error").css("display", "none");
            });

            $('#btnsuccess').on('click', function (e) {
                e.preventDefault();
                $("#success").css("display", "none");
            });

            function testMail(path, $changedItem) {
                $body.addClass("loading");

                $.post(path, $("#smtp_settingssv").serialize())

                    .done(function (data) {
                        $body.removeClass("loading");
                        $("#success").show()
                    })
                    .fail(function (jqXHR, textStatus, errorThrown) {
                        $body.removeClass("loading");
                        //$("#error").css("display", "block");
                        $("#error").show()
                        if (jqXHR.status === 401) {
                            var aux = $.parseJSON(jqXHR.responseText);
                            var texto = '';
                            $.each(aux, function (key, value) {
                                texto = texto + '- ' + value + '<br>';
                            });
                            $("#msgerror").html(texto);

                        } else
                            $("#msgerror").html(jqXHR.responseText);

                    });
            }

        });
    </script>


{% endblock %}