<div class="card mb-2">
	<div class="card-header" ng-class="{ 'bg-success': ug.completed }" role="tab" id="user-groups" data-toggle="collapse" data-parent="#accordion-connections" href="#collapse-user-groups">
		<h5 class="card-title mb-0" ng-class="{ 'text-white': ug.completed }">
			<div class="d-flex align-items-center" role="button">
				<ion-icon class="icon-lg" name="checkmark-outline"></ion-icon>
				<lmsg src="admin.ldap.text.groups_section">4 User Groups</lmsg>
			</div>
		</h5>
	</div>
	<div id="collapse-user-groups" class="panel-collapse collapse">
		<div class="card-body">
			<div class="form-group row">
				<label class="col-md-3 col-form-label pt-0" lmsg="admin.ldap.text.map_label">Map LDAP Group(s) to User Profile</label>
				<div class="col-md-4">
					<div class="form-check">
						<input class="form-check-input" type="radio" name="ldap-map" id="ldap-map-0" value="1" ng-model="ug.properties.mapGroupsToProfile">
						<label class="form-check-label" for="ldap-map-0">
							<lmsg src="admin.ldap.text.map_enabled_label">Enabled</lmsg>
						</label>
					</div>
					<div class="form-check">
						<input class="form-check-input" type="radio" name="ldap-map" id="ldap-map-1" value="2" ng-model="ug.properties.mapGroupsToProfile">
						<label class="form-check-label" for="ldap-map-1">
							<lmsg src="admin.ldap.text.map_enabled_limit_label">Enabled - Limit groups by regular expression</lmsg>
						</label>
						<div class="row" ng-if="ug.properties.mapGroupsToProfile == 2">
							<div class="col-md-12">
								<input type="search" ng-model="ug.properties.limitByRegex" class="form-control input-md" placeholder="INT-">
							</div>
						</div>
					</div>
					<div class="form-check">
						<input class="form-check-input" type="radio" name="ldap-map" id="ldap-map-2" value="3" ng-model="ug.properties.mapGroupsToProfile">
						<label class="form-check-label" for="ldap-map-2">
							<lmsg src="admin.ldap.text.map_enabled_ou_label">Enabled - Limit groups by OU</lmsg>
						</label>
						<div class="row" ng-if="ug.properties.mapGroupsToProfile == 3">
							<div class="col-md-12">
								<input type="search" ng-model="ug.properties.limitByOu" class="form-control input-md" placeholder="OU=IntranetUsers,CN=Users,DC=ad1,DC=claromentis,DC=net">
							</div>
						</div>
					</div>
					<div class="form-check">
						<input class="form-check-input" type="radio" name="ldap-map" id="ldap-map-3" value="0" ng-model="ug.properties.mapGroupsToProfile">
						<label class="form-check-label" for="ldap-map-3">
							<lmsg src="admin.ldap.text.map_disabled_label">Disabled</lmsg>
						</label>
					</div>
				</div>
				<div class="col-md-5">
					<div class="bg-warning float-right ldap-groups-help" ng-bind-html="ug.helperText">Content</div>
				</div>
				<div class="offset-md-3 col-md-6">
					<button id="user_groups-submit" ng-click="ug.next()" class="btn btn-primary user_groups-submit-btn" lmsg="admin.ldap.text.continue">Continue</button>
				</div>
			</div>
		</div>
	</div>
</div>
