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

{% block activeTab %}


    <div id="success" class="alert alert-success fade in" style="display: none">
        <button id="btnsuccess" type="button" class="close" aria-label="Close"> <span aria-hidden="true">×</span></button>
        prueba satisfactoria.
    </div>

    <div id="error" class="alert alert-danger fade in" style="display: none">
        <button id="btnerror" type="button" class="close" aria-label="Close"> <span aria-hidden="true">×</span></button>
        <p id="msgerror"></p>
    </div>

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

                {{ form_start(form, {'action': path('smtp_settings')}) }}
                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.mailHost) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(form.mailPort) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.mailStartls) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.mailFrom) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(form.passMail) }}
                    </div>
                </div>



                {{ form_widget(form) }}
                <div class="form-actions col-md-12">
                    <button id="testmail" type="button" class="btn  btn-success">Probar Configuracion</button>

                    &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");

            $('#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 %}