#set($currentrole = $context.getRequestParameter("settingsgroupid")) 
#set($permissiontype = $context.getRequestParameter("permissiontype")) 
#set ($groupSearcher = $searcherManager.getSearcher($catalogid, "settingsgroup"))


<div class="tab-actions" style="margin: -20px -20px 10px -20px;">
    <strong> Choose Role:</strong>
        <select id="roles" style="position: relative; top: 2px; margin-left: 5px;">
            <option value=""></option>
       #foreach($settingsgroup in $groupSearcher.fieldSearch("id", "*", "textUp"))
           <option #if($currentrole == $settingsgroup.id) selected #end value="$settingsgroup.id">$settingsgroup</option>
       #end
           <option value="new">-- [[Add New Role]] --</option>
    </select>
    
    <script>
        $("select#roles").change(function () {
           var val = $(this).val();
           if ( val == "new" ) {
              $("#permissions-div").load("$home$apphome/views/settings/users/permissions/views/addnew.html?oemaxlevel=1&groupname=New");
              $('#module-picker').hide();
           }
           else {
              $("#permissions-div").load("$home$apphome/views/settings/users/permissions/views/index.html?oemaxlevel=1&permissiontype=$!permissiontype&settingsgroupid=" + val);
              $('#module-picker').show();
           }
        });
    </script>
    
    <span id="module-picker" style="margin-left: 5px; display: none;">
            <strong>Choose View: </strong>
            
            #set($permissionsearcher = $searcherManager.getSearcher($catalogid, "permissionsapp"))
            
            <select style="position: relative; top: 2px; margin-left: 5px;">
                <option value="all">Show All</option>
           
                #foreach($item in $permissionsearcher.query().all().sort("permissiontype").sort("ordering").search($context) )
                     #if( $section != $item.permissiontype )
                         <option #if($permissiontype == $item.permissiontype) selected #end value="$!item.permissiontype">$!searcherManager.getData($catalogid,"permissiontype",$item.permissiontype)</option>
                     #set( $section = $item.permissiontype)
                     #end   
                 #end
        </select>
        
        <script>
            $("#module-picker select").change(function () {
               var rolesval = $('select#roles').val();
               var val = $(this).val();
               if ( val == "all" ) {
              //    $("#permissions-div").load("./views/index.html?oemaxlevel=1&settingsgroupid=" + rolesval);
              jQuery(".togglesection").show();
               }
               else {
            	   jQuery(".togglesection").hide();
            	   jQuery("."+ val).show();
                //  $("#permissions-div").load("./views/index.html?oemaxlevel=1&settingsgroupid=" + rolesval + "&permissiontype=" + val);
               }
            });
        </script>   
    </span>
     
</div>


#if( $currentgroup)
	#set($currentgroup = $context.getRequestParameter("settingsgroupid"))
	
	#set ($profilesearcher = $searcherManager.getSearcher($catalogid, "userprofile"))
	#set($users = $profilesearcher.fieldSearch("settingsgroup", $currentgroup))
	
	#if($users.size() > 0)
	<br>
	<div class="em-rounded" >
	
	<h2>Users in the group</h2>
	
	
	<ul class="vlist">
	#foreach($hit in $users)
	#set($target = $userManager.getUser($hit.userid))
	
	 <li><a target="_blank" href="$home$apphome/views/users/usermanager/user/index.html?userid=${target.id}">$target</a></li>
	#end
	</ul>
	

	#end
#end

            <div id="permissions-div">
            
$pages.includeContent()

</div>