<%
	import	org.exoplatform.webui.core.UIBreadcumbs; 
	import	org.exoplatform.webui.core.UITree; 
%>
<div class="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("UIGroupMembershipSelector.label.selectGroup")%></h6>
				<%uicomponent.renderChild(UITree.class);%>
			</div>       
      </div>
	  <div class="span6">
		  <div class="uiBox noRounded childGoup">
			<h6 class="title"><%=_ctx.appRes("UIGroupMembershipSelector.label.selectMembership")%></h6>
			<div class="uiContentBox">
			  <ul>
			  <%                
			  for(member in uicomponent.getListMemberhip()){
			  %>
				<li>
				  <span class="uiIconMiniArrowRight"></span>
				  <a href="javascript:void(0);" onclick="<%=uicomponent.event("SelectMembership", member)%>" title="$member">$member</a>
				</li>  
			  <%}%>
			  </ul>
			</div>
		  </div>
		</div>	
    </div>
</div> 		
