<form id="frm-Usuarios-Roles-{{hash_vista}}" >
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario de Roles</h3>
            <div class="box-tools pull-right">
                {% if Roles %}
                {{ boton("guardar","mostrarFormularioEditarRolesUsuarios")}}
                {% else %}
                {{ boton("guardar","mostrarFormularioNuevoRolesUsuarios")}}
                {% endif %}
                {{ boton("cerrar", null, "cerrarFormularioRolesUsuarios" ~ hash_vista ~ "()")}}
            </div>            
        </div>        
        <div class="box-body">
            <div class="row">
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="rolCODIGO">Código de Rol</label>
                        <input type="text" class="form-control uppercase" name="rolCODIGO" id="rolCODIGO"  
                               value="{{ Roles.rolCODIGO }}" placeholder="Código de Roles"  />
                    </div>
                </div>
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="rolTITULO">Título de Rol</label>
                        <input type="text" class="form-control uppercase" name="rolTITULO" id="rolTITULO"  required
                               value="{{ Roles.rolTITULO }}" placeholder="Título de Roles"  />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" id="">
                    <div class="form-group">
                        <label for="rolCODIGO">Descripcion del Rol</label>
                        <textarea class="form-control uppercase" name="rolDESCRIPCION" id="rolDESCRIPCION-{{hash_vista}}"  
                               value="{{ Roles.rolDESCRIPCION }}" placeholder="Descripcion de Roles">{{ Roles.rolDESCRIPCION }}</textarea>
                    </div>
                </div>
            </div>       
            {{ mostrarVista( 'usuarios', 'roles/form-control-operaciones', {"Roles":Roles , "operaciones":operaciones } ) }}
        </div>

    </div>
    <input type="hidden" name="rolID" value="{{Roles.rolID}}" />
</form>
{% block javascript %}
<script>
    $(document).ready(function () {
        $("#frm-Usuarios-Roles-{{hash_vista}}").submit(function () {
            ejecutarOperacionArchivo(
                    "Usuarios", "Roles", "guardarDatos",
                    crearFormData("frm-Usuarios-Roles-{{hash_vista}}"),
                    function (rol) {
                        cerrarFormularioRolesUsuarios{{hash_vista}}();
                        cargarVista('Usuarios', 'Roles', 'mostrarFormularioEditar', 'rolID=' + rol.rolID);
                        if (typeof cargarTablaRolesUsuariostodos === "function") {
                            cargarTablaRolesUsuariostodos();
                        }
                    }
            );
        });
        $("#rolDESCRIPCION-{{hash_vista}}").wysihtml5();

    });
    function cerrarFormularioRolesUsuarios{{hash_vista}}() {
        cerrarTabContenedor("frm-Usuarios-Roles-{{hash_vista}}");
    }
</script>   
{% endblock %}

