{% 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><a name='editar' href='#edicao'>{{'cabecalho.alterar.usuario'|trans}}</a></h2>
    </div>    

{{ form_errors(edit_form) }}

       
<form id="formulario" class="form-horizontal" action="{{ path('usuario_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }} autocomplete="off">
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(edit_form._token) }}                
        
        {#
        <div class="control-group">
            {{ form_label(edit_form.codPessoa) }}
            <div class="controls">
                {{ form_widget(edit_form.codPessoa,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.codPessoa) }}</span>
            </div>
        </div>
        #}
        <div class="control-group">
            {{ form_label(edit_form.codPessoa) }}
            <div class="controls">
                {{ form_widget(edit_form.codPessoa,{ 'attr': {'class': 'input-xlarge'} }) }}
            <span class="help-inline">{{ form_errors(edit_form.codPessoa) }}</span>
            </div>
        </div>
        <div class="control-group">
            {{ form_label(edit_form.txtLogin) }}
            <div class="controls">
                {{ form_widget(edit_form.txtLogin,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.txtLogin) }}</span>
            </div>
        </div>
        <div class="control-group">
            <label for="alterarSenha" class=" control-label">Alterar senha</label>
            <div class="controls">
                <input type="checkbox" id="alterarSenha" name="alterarSenha" class="input-xlarge" value="1">
              <span class="help-inline"></span>
            </div>
        </div>
        <div class="control-group"  style="display: none">
            {{ form_label(edit_form.txtSenha) }}
            <div class="controls">
                {{ form_widget(edit_form.txtSenha,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.txtSenha) }}</span>
            </div>
        </div>                        
        <div class="control-group">
            {{ form_label(edit_form.txtFuncao) }}
            <div class="controls">
                {{ form_widget(edit_form.txtFuncao,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.txtFuncao) }}</span>
            </div>
        </div>
                        
        <div class="control-group">
            {{ form_label(edit_form.isAtivo) }}
            <div class="controls">
                {{ form_widget(edit_form.isAtivo,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.isAtivo) }}</span>
            </div>
        </div>
        <div class="control-group">
            <label class=" required control-label" for="entidade_usuario_codRespInfo">{{'entidade.usuario.codRespInfo'|trans}}</label>
            <div class="controls">
                <input type="text" value="admin" readonly="readonly" value="{{entity.codRespInfo.txtNome}}" class="input-xlarge readonly" required="required" name="txt_codRespInfo" id="entidade_usuario_codRespInfo">
                <span class="help-inline"></span>
            </div>
        </div>     
        {#
        <div class="control-group">
            {{ form_label(edit_form.codRespInfo) }}
            <div class="controls">
                {{ form_widget(edit_form.codRespInfo,{ 'attr': {'class': 'input-xlarge readonly','readonly':'readonly'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.codRespInfo) }}</span>
            </div>
        </div>
        #}
        <div class="control-group">
            {{ form_label(edit_form.codPerfilUsuario) }}
            <div class="controls">
                {{ form_widget(edit_form.codPerfilUsuario,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.codPerfilUsuario) }}</span>
            </div>
        </div>
            
    </fieldset>
    <br style="clear: both;">
    <div class="controls" id="role-container" style="min-width: 600px; min-height: 100px;">
    </div>
        
    <div class=" div-actions">
        <button type="submit" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
        <a class="" href="{{ path('usuario') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    var noFocusOnFirst = true;
    function tipoChange(obj){
        item = obj.getSelectedObject();
        if(item){
            var request = $.ajax({
            url: "{{ path('perfilusuario_roleUsuario') }}",
            type: "POST",
            data: {id: item.id, usuarioId: {{entity.id}}},
            dataType: "html",
            beforeSend: function ( xhr ) {
                obj.setLoading(true);
                loader('#role-container');
            }
            });

            request.done(function(msg) {
                $("#role-container").html(msg);
                obj.setLoading(false, noFocusOnFirst, false);
            });

            request.fail(function(jqXHR, textStatus) {
                alert( "Request failed: " + textStatus );
                obj.setLoading(false, noFocusOnFirst, false);
            });
            noFocusOnFirst = false;
        }else{
            $("#role-container").html('');
        }
    }
    
    
    $(document).ready(function(){
    
        {{edit_form.codPerfilUsuario.get('id')}}.setNoFocusOnFirst(true);
        
        var $senha = $('#{{edit_form.txtSenha.get('id')}}');
        $senha.removeAttr('required');
        
        $('#alterarSenha').click(function(){
            if(!$(this).is(':checked')){
                $senha.parents('.control-group').hide();
                $senha.removeAttr('required');
            }else{
                $senha.parents('.control-group').show();
                $senha.attr('required', 'required');
                $senha.focus();
            }
        })
    })

</script>
{% endblock %}