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

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>Alterar senha</h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-alterarSenha" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal"  action="{{ path('usuario_senhaupdate') }}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(form._token) }}

        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}
        {% if app.request.get('msg') %}    
            <div class="row-fluid" style="padding-bottom: 25px;">
                <div class="alert alert-info">
                        Bem vindo <strong>{{ app.security.getToken().getUser().getUsername() }}</strong>. <br> 
                        Se este é seu primeiro acesso ou se sua senha foi alterada por um administrador, você deve redefinir sua senha preenchendo os campos abaixo.
                    </div>
            </div>
        {% endif %}
        <div class="row-fluid">
            <div class="row-fluid">
            <div class="control-group">
                <label for="senha" class=" required control-label">Nova senha</label>
                <div class="controls">
                    <input type="password" id="senha" name="senha" required="required" class="focus span2 cemporcento">
                  <span class="help-inline"></span>
                </div>
            </div>
        </div>
        </div>
        <div class="row-fluid">
            <div class="control-group">
                <label for="senha2" class=" required control-label">Confirme a senha</label>
                <div class="controls">
                    <input type="password" id="senha2" name="senha2" required="required" class="span2 cemporcento">
                  <span class="help-inline"></span>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="control-group">
                <label for="disconnect" class="control-label">Desconectar todos os dispositivos? </label>
                <input type="checkbox" id="disconnect" name="disconnect">
            </div>
        </div>

      </fieldset>

    <div class=" div-actions">
        <a id="buttonSubmit" class="btn btn-primary">{{'acao.salvar'|trans}}</a>
    </div>
</form>
</div>
<script>

        $(document).ready(function(){
            var disconnect = false;
            $senha = $('#senha');
            $senha2 = $('#senha2');

            $("#formulario-alterarSenha").submit(function(){
                if($senha.val() != $senha2.val()){
                    $senha.setError('As senhas informadas são diferentes.');
                    return false;
                }else{
                    $senha.setError(false);
                }
            });

            $('#buttonSubmit').on('click', function () {
                var form = $('form');
                form.removeAttr('action');
                if($('#disconnect').is(':checked')){
                    disconnect = true;
                    form.attr('action', '{{ path('usuario_senhaupdate') }}' + '?disconnect='+disconnect);
                    var cancelarUrl = "{{ path('registro') }}" ;
                    $.fn.dialog2.helpers.confirm("Caso os dispositivos a serem desconectados ainda possuam dados não sincronizados, os mesmos serão perdidos.<br/>Você realmente deseja desconectar?", {
                        closeOnEscape: false,
                        title: 'Atenção!',
                        confirm: function() {
                            $('form').trigger('submit');
                        },
                        decline: function() {
                            $('.close').click();
                        }
                    });
                }else{
                    disconnect = false;
                    form.attr('action', '{{ path('usuario_senhaupdate') }}' + '?disconnect='+disconnect);
                    $('form').trigger('submit');
                }
            });
        });

    </script>
{% endblock %}