{% 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.perfilusuario'|trans}}</a></h2>
    </div>    

{{ form_errors(edit_form) }}

       
<form id="formulario" class="form-horizontal" action="{{ path('perfilusuario_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}>
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(edit_form._token) }}                <div class="control-group">
            {{ form_label(edit_form.txtNome) }}
            <div class="controls">
                {{ form_widget(edit_form.txtNome,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.txtNome) }}</span>
            </div>
        </div>
        <div class="control-group">
            {{ form_label(edit_form.indTipo) }}
            <div class="controls">
                {{ form_widget(edit_form.indTipo,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(edit_form.indTipo) }}</span>
            </div>
        </div>
    </fieldset>
    <br style="clear: both;">
    <div class="controls" id="role-container" style="min-width: 600px; min-height: 100px;">
        {% include "propesqBundle:PerfilUsuario:show.role.html.twig" %}
    </div>
    <br style="clear: both;">
    <div class="alert">
        <strong>Aviso!</strong> As alterações efetuadas neste perfil não serão replicadas para os usuários já cadastrados, apenas será aplicada para os novos usuários.
    </div>
    <div class=" div-actions">
        <button type="submit" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
        <a class="" href="{{ path('perfilusuario') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    function tipoChange(obj){

        item = obj.getSelectedObject();
        
        if(item){
    
            var request = $.ajax({
            url: "{{ path('perfilusuario_roleTipoPerfil') }}",
            type: "POST",
            data: {id: item.id, perfilId: {{entity.id}}},
            dataType: "html",
            beforeSend: function ( xhr ) {
                obj.setLoading(true);
                loader('#role-container');
            }
            });

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

            request.fail(function(jqXHR, textStatus) {
                alert( "Request failed: " + textStatus );
                obj.setLoading(false);
            });   
            
        }else{
            $("#role-container").html('');
        }
    }

</script>
{% endblock %}