<%
	import	org.exoplatform.webui.core.UIBreadcumbs; 
	import	org.exoplatform.webui.core.UITree;
	List<String> groups = uicomponent.getListGroup(); 
%>
<div class="uiGroupSelector uiGroupMembershipSelector" id="$uicomponent.id">
	<div class="uiGrayLightBox uiBox noRounded "><% uicomponent.renderChild(UIBreadcumbs.class); %></div>
    <div class="row-fluid" >
	<div class="span6">
		<div class="uiBox selectGroup noRounded">
			<h6 class="title"><%=_ctx.appRes("UIGroupSelector.title.selectGroupMember")%></h6>
			<%uicomponent.renderChild(UITree.class);%>
		</div>
	</div>
	<div class="span6">		
      <div class="uiBox noRounded childGoup">
        <h6 class="title"><%=_ctx.appRes("UIGroupSelector.title.selectChildGroup")%></h6>
        <div class="uiContentBox">
          <ul>
          <%
            if(groups != null && groups.size() > 0) {
            for(member in groups){
          %>
            <li>
              <span class="uiIconMiniArrowRight"></span>
              <a href="javascript:void(0);" onclick="<%=uicomponent.event("SelectGroup", member)%>" title="$member">$member</a>
            </li>
            <%}%>
          <% } else if( groups != null && groups.size() == 0 ) { %>
            <li>
              <span class="uiIconMiniArrowRight"></span>
              <a href="javascript:void(0);" onclick="<%= uicomponent.event("SelectGroup",uicomponent.getCurrentGroup().getId()) %>"><%=_ctx.appRes("UIGroupSelector.title.addGroupButton")%></a>
            </li>
          <% } %> 
          </ul>
        </div>
      </div>
	</div>      
    </div>
</div> 		
