<section ng-controller="mainMembersCtrl as mainCtrl">
	<div class="entryBoxes" ng-if="access.adminAll">
		<div ng-if="tenantsList.length === 0">
			<br>
			<alert type="warning">{{translation.noMembersHaveBeenAddedYet[LANG]}}</alert>
		</div>
		<div ng-if="tenantEnvironments.length === 0">
			<br>
			<alert type="warning">{{translation.noEnvironmentsHaveBeenAddedYet[LANG]}}</alert>
		</div>
		<br>
		<div ng-show="tenantEnvironments.length > 0 && tenantsList.length > 0">
			<label>Select Environment: </label>
			<select id="mainEnv" style="margin-left: 10px" ng-options="env.code as env.code for env in tenantEnvironments" tooltip="Select Environment" ng-model="env">
			</select>
			<br>
			<br>
			<div ng-show="env">
			<label>Select Tenant: </label>
			<select id="subEnv" style="margin-left: 10px" ng-options="tenant.code for tenant in mainTenants" tooltip="Select Environment" ng-model="tenant" ng-change="getTenantExtKeys(env, tenant)">
			</select>
			<br>
			<br>
			</div>
			<div ng-show="env && tenant">
				<label>Select External Key: </label>
				<select id="extKey" style="margin-left: 10px" ng-options="ext.l for ext in tenantExtKeys" tooltip="Select External Key" ng-model="ext">
				</select>
			</div>
			<hr>
			<tabset class="tenantTab" ng-show="env && tenant">
				<tab heading="{{tenantTabs[0].label}}">
					<div ng-show="tenantExtKeys">
						<br>
						<div class="body">
							<tabset ng-show="env && ext" id="mainTenantsMembers">
								<tab heading="Members">
									<br/>
									<div ng-controller="tenantsMembersCtrl">
										<div ng-show="access.adminUser.addUser">
											<span class="getUsersButton"><a href="" ng-click="getTenantUsers(selectedTenant, env, ext.v)" class="btn btn-primary">{{translation.getUsers[LANG]}}</a></span>
											<a href="" ng-show = "showGet" ng-click="tenantMembers.addMember(env, ext.v)" class="btn btn-primary noFloat">{{translation.addNewMember[LANG]}}</a>
											<br/><br/>
											<nglist></nglist>
										</div>
									</div>
								</tab>
								<tab heading="{{translation.groups[LANG]}}">
									<br/>
									<div ng-controller="tenantsGroupsCtrl">
										<div ng-show="access.adminGroup.add">
											<span class="getGroupsButton"><a href="" ng-click="getTenantGroups(selectedTenant, env, ext.v)" class="btn btn-primary">{{translation.getGroups[LANG]}}</a></span>
											<a href="" ng-show = "showGet" ng-click="groupsMembers.addGroup(env, ext.v)" class="btn btn-primary noFloat">{{translation.addNewGroup[LANG]}}</a><br/><br/>
											<br/><br/>
											<nglist></nglist>
										</div>
									</div>
								</tab>
							</tabset>
						</div>
					</div>
				</tab>
				<tab heading="{{tenantTabs[1].label}}">
					<div ng-show="subTenants">
						<br>
						<div class="selectKey">
							<label>Select Sub Tenant: </label>
							<select id="subTenant" style="margin-left: 10px" ng-options="subTenant.l for subTenant in subTenantsForTenant" tooltip="Select Sub Tenant" ng-model="subTenant" ng-change="getSubTenantExtKeys(env, subTenant)">
							</select>
						</div>
					</div>
					<div ng-show="subtenantExtKeys">
						<div class="selectKey">
							<label>Select External Key: </label>
							<select id="extKeySub" style="margin-left: 10px" ng-options="subExt.l for subExt in subtenantExtKeys" tooltip="Select External Key" ng-model="subExt">
							</select>
						</div>
					</div>
					<div class="body">
						<tabset ng-show="env && subExt && ext" id="mainSubTenantsMembers">
							<tab heading="Members">
								<br/>
								<div ng-controller="subTenantsMembersCtrl">
									<div ng-show="access.adminUser.addUser">
										<span class="getUsersButton"><a href="" ng-click="getSubTenantUsers(subTenant.v, tenant, env, ext.v, subExt.v)" class="btn btn-primary">{{translation.getUsers[LANG]}}</a></span>
										<a href="" ng-show = "showGet" ng-click="subTenantMembers.inviteUser(env, ext.v)" class="btn btn-primary noFloat">{{translation.addNewMember[LANG]}}</a>
										<br/><br/>
										<nglist></nglist>
									</div>
								</div>
							</tab>
							<tab heading="{{translation.groups[LANG]}}">
								<br/>
								<div ng-controller="subTenantsGroupsCtrl">
									<div ng-show="access.adminGroup.add">
										<span class="getGroupsButton"><a href="" ng-click="getSubTenantGroups(subTenant.v, env, subExt.v)" class="btn btn-primary">{{translation.getGroups[LANG]}}</a></span>
										<a href="" ng-show = "showGet" ng-click="subGroupsSubMembers.addGroup(env, ext.v)" class="btn btn-primary noFloat">{{translation.addNewGroup[LANG]}}</a><br/><br/>
										<br/><br/>
										<nglist></nglist>
									</div>
								</div>
							</tab>
						</tabset>
					</div>
				</tab>
			</tabset>
		</div>
	</div>
</section>