<div id="IdcDivSettingsUserAccess"  class="ximeo_bg-light w-100 h-100 p-2 m-0 border-top border-end border-bottom" style="display: block !important"> 
	<div class="container-fluid h-100 w-100 m-0 p-0 rounded-top">
											
		<div class="d-flex flex-column w-100 h-100 m-0 p-0">
											
			<div class="row w-100 m-0 ps-0 pe-0 pt-0 pb-0">
		
				<ul class="nav nav-tabs rounded-top" id="myTab" role="tablist">
					<li class="nav-item" role="presentation">
						<button class="nav-link active" id="IdcSUAUserTab" data-bs-toggle="tab" data-bs-target="#IdcSUAUserPanel" data-langkey="Users" type="button" role="tab">
						</button>
					</li>
					<li class="nav-item" role="presentation">
						<button class="nav-link" id="IdcSAUGroupFilterTab" data-bs-toggle="tab" data-bs-target="#IdcSAUGroupFilterPanel" data-langkey="Group filter" type="button" role="tab">
						</button>
					</li>
					<li class="nav-item" role="presentation">
						<button class="nav-link" id="IdcSAUPlannedFilterAlertTab" data-bs-toggle="tab" data-bs-target="#IdcSAUPlannedFilterAlertPanel" data-langkey="Planned alert filter" type="button" role="tab">
						</button>
					</li>
				</ul>
		
			</div>

			<div class="row flex-grow-1 m-0 ps-0 pe-0 pt-0 pb-0" style="min-height: 0px;">

				<div class="tab-content w-100 h-100 m-0 p-0 pt-2 ps-1 pe-1 pb-1 ximeo_app-color border-white border-start border-end border-bottom">

					<!-- ====================================================================================== -->
					<!-- User -->
							
					<div class="tab-pane show active h-100 w-100 m-0 p-0" id="IdcSUAUserPanel" role="tabpanel" aria-labelledby="IdcSUAUserTab">		

						<div id="IdcSUAUserSplitter1_2" class="splitter-v w-100 h-100 p-0" data-ratio="0.5">
			
							<div class="pan-left ximeo_bg-light m-0 p-0">
								<div class="d-flex flex-column w-100 h-100 m-0 p-0">

									<div class="row flex-grow-1 m-0 p-0 ps-1 pe-1 pt-2 bg-light">
										<div class="position-relative top-0 start-0 w-100 h-100 m-0 p-0">
							
											<div class="d-flex flex-column w-100 h-100 m-0 p-0 pb-1">
												<div class="row m-0">
													<div class="ximeo_bg-dark-3 rounded-top w-100 text-white ps-2 pe-2 pt-2 pb-2">
														<div class="row w-100 m-0 p-0">
															<div class="col-auto m-0 p-0">
																<span data-langkey="Users list"></span>
															</div>
															<div class="col m-0 p-0">
																<div class="d-flex flex-row-reverse w-100 h-100 m-0 p-0">
																	<div class="col-md-auto h-100 m-0 p-0">
																		<img src="SubFW/bmp/trash_white.png" data-langkey_title="Delete" class="imgclickable ximeo_bmp" onclick="SUAUserDelete ()">
																	</div>
													
																	<div class="col-md-auto h-100 m-0 p-0 pe-2">
																		<img src="SubFW/bmp/add_white.png" data-langkey_title="Add" class="imgclickable ximeo_bmp" onclick="SUAUserAdd ()">
																	</div>	
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="row flex-grow-1 bg-warning m-0 p-0 border">
													<div id="IdcSUAUserDTContainer" class="col w-100 h-100 m-0 p-0 ps-2 pe-2 bg-white">
													</div>
												</div>
											</div>
										</div>
									</div>

								</div>
							</div>

							<div class="separator_v">
							</div>

							<div class="pan-right ximeo_bg-light m-0 p-0">
								<div class="h-100 d-flex flex-column m-0 p-0 w-100">
									<div class="row w-100 h-100 m-0 p-0">
										<div id="IdcSUAUserInformationsDiv" class="d-flex flex-column h-100 p-2 ps-1 pe-1 pb-1 bg-light" data-id="-1">
											<div class="row m-0">
												<div class="ximeo_bg-dark-3 rounded-top w-100 text-white ps-2 pe-2 pt-2 pb-2">
													<div class="row w-100 m-0 p-0">
														<div class="col-auto m-0 p-0">
															<span data-langkey="Informations"></span>
														</div>
														<div class="col m-0 p-0">
															<div class="d-flex flex-row-reverse w-100 h-100 m-0 p-0">
																<div class="col-md-auto h-100 m-0 p-0">
																	<img src="SubFW/bmp/save_white.png" data-langkey_title="Save" class="imgclickable ximeo_bmp" onclick="SUAUserSave ()">
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="row flex-grow-1 w-100 m-0 p-0 ps-2 pt-2 pb-2 pe-2 bg-white border-start border-end border-bottom">
												<div class="col p-0 col-md-auto">
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Login :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Password :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Lastname :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Firstname :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="EMail :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Role :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Group filter :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Planned alert filter :" ></div>
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Operator :" ></div>
												</div>
												<div class="col m-0 p-0">
													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input type="text" id="IdcSUAUserLogin" class="form-control form-control-sm m-0 p-0 ps-2 mb-1" autocomplete="off" />
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input type="password" id="IdcSUAUserPassword" class="form-control form-control-sm m-0 p-0 ps-2 mb-1" autocomplete="off" />
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input type="text" id="IdcSUAUserLastname" class="form-control form-control-sm m-0 p-0 ps-2 mb-1" autocomplete="off" />
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input type="text" id="IdcSUAUserFirstname" class="form-control form-control-sm m-0 p-0 ps-2 mb-1" autocomplete="off" />
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input type="email" id="IdcSUAUserEMail" class="form-control form-control-sm m-0 p-0 ps-2 mb-1" autocomplete="off" placeholder="name@example.com"/>
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<select class="form-select m-0 p-0 ps-2 mb-1 mt-1" style="min-width: 150px;">
																<option data-langkey="User"></option>
																<option data-langkey="Advanced user"></option>
																<option data-langkey="Administrator"></option>
															</select>
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<select class="form-select m-0 p-0 ps-2 mb-1 mt-1" id="IdcSUAUserGroupFilter" style="min-width: 250px;">
															</select>
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<select class="form-select m-0 p-0 ps-2 mb-1 mt-2" id="IdcSUAUserPlannedAlertFilter" style="min-width: 250px;">
															</select>
														</div>
													</div>

													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input class="form-check-input m-0 p-0 ps-2 mb-1 mt-3" type="checkbox" id="IdcSUAUserOperator">
														</div>
													</div>

												</div>
											</div>
										</div>
									</div>
								</div>			
							</div>
						</div>

					</div>


					<!-- ====================================================================================== -->
					<!-- Group filter -->
					<div class="tab-pane h-100 w-100 m-0 p-0" id="IdcSAUGroupFilterPanel" role="tabpanel" aria-labelledby="IdcSAUGroupFilterTab">		
						
						<div id="IdcSUAGroupFilterSplitter1_2" class="splitter-v w-100 h-100 p-0" data-ratio="0.5">
			
							<div class="pan-left ximeo_bg-light m-0 p-0">
								<div class="d-flex flex-column w-100 h-100 m-0 p-0">

									<div class="row flex-grow-1 m-0 p-0 ps-1 pe-1 pt-2 bg-light">
										<div class="position-relative top-0 start-0 w-100 h-100 m-0 p-0">
							
											<div class="d-flex flex-column w-100 h-100 m-0 p-0 pb-1">
												<div class="row m-0">
													<div class="ximeo_bg-dark-3 rounded-top w-100 text-white ps-2 pe-2 pt-2 pb-2">
														<div class="row w-100 m-0 p-0">
															<div class="col-auto m-0 p-0">
																<span data-langkey="Group list"></span>
															</div>
															<div class="col m-0 p-0">
																<div class="d-flex flex-row-reverse w-100 h-100 m-0 p-0">
																	<div class="col-md-auto h-100 m-0 p-0">
																		<img src="SubFW/bmp/trash_white.png" data-langkey_title="Delete" class="imgclickable ximeo_bmp" onclick="SUAGroupFilterDelete ()">
																	</div>
													
																	<div class="col-md-auto h-100 m-0 p-0 pe-2">
																		<img src="SubFW/bmp/add_white.png" data-langkey_title="Add" class="imgclickable ximeo_bmp" onclick="SUAGroupFilterAdd ()">
																	</div>	
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="row flex-grow-1 bg-warning m-0 p-0 border">
													<div id="IdcSUAGroupFilterDTContainer" class="col w-100 h-100 m-0 p-0 ps-2 pe-2 bg-white">
													</div>
												</div>
											</div>
										</div>
									</div>

								</div>
							</div>

							<div class="separator_v">
							</div>

							<div class="pan-right ximeo_bg-light m-0 p-0">
								<div class="h-100 d-flex flex-column m-0 p-0 w-100">
									<div class="row w-100 h-100 m-0 p-0">
										<div id="IdcSUAGroupFilterInformationsDiv" class="d-flex flex-column h-100 p-2 ps-1 pe-1 pb-1 bg-light" data-id="-1">
											<div class="row m-0">
												<div class="ximeo_bg-dark-3 rounded-top w-100 text-white ps-2 pe-2 pt-2 pb-2">
													<div class="row w-100 m-0 p-0">
														<div class="col-auto m-0 p-0">
															<span data-langkey="Informations"></span>
														</div>
														<div class="col m-0 p-0">
															<div class="d-flex flex-row-reverse w-100 h-100 m-0 p-0">
																<div class="col-md-auto h-100 m-0 p-0">
																	<img src="SubFW/bmp/save_white.png" data-langkey_title="Save" class="imgclickable ximeo_bmp" onclick="SUAGroupFilterSave ()">
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="row w-100 m-0 p-0 ps-2 pt-2 pb-2 pe-2 bg-white border-start border-end border-bottom">
												<div class="col p-0 col-md-auto">
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Name :" ></div>
												</div>
												<div class="col m-0 p-0">
													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input type="text" id="IdcSUAGroupFilterName" class="form-control form-control-sm m-0 p-0 ps-2 mb-1" autocomplete="off" />
														</div>
													</div>
												</div>
											</div>
											
											<div class="row flex-grow-1 w-100 m-0 p-0 ps-2 pt-2 pb-2 pe-2 bg-white border-start border-end border-bottom">
												<div id="IdcSUALoginRolePermissionDTContainer" class="col w-100 h-100 m-0 p-0 ps-2 pe-2 bg-white">
												</div>
											</div>

										</div>
									</div>
								</div>			
							</div>
						</div>
					</div>

					<!-- ====================================================================================== -->
					<!-- Planned alert filter -->
					<div class="tab-pane h-100 w-100 m-0 p-0" id="IdcSAUPlannedFilterAlertPanel" role="tabpanel" aria-labelledby="IdcSAUPlannedFilterAlertTab">		<div id="IdcSUAPlannedFilterAlertSplitter1_2" class="splitter-v w-100 h-100 p-0" data-ratio="0.5">
			
							<div class="pan-left ximeo_bg-light m-0 p-0">
								<div class="d-flex flex-column w-100 h-100 m-0 p-0">

									<div class="row flex-grow-1 m-0 p-0 ps-1 pe-1 pt-2 bg-light">
										<div class="position-relative top-0 start-0 w-100 h-100 m-0 p-0">
							
											<div class="d-flex flex-column w-100 h-100 m-0 p-0 pb-1">
												<div class="row m-0">
													<div class="ximeo_bg-dark-3 rounded-top w-100 text-white ps-2 pe-2 pt-2 pb-2">
														<div class="row w-100 m-0 p-0">
															<div class="col-auto m-0 p-0">
																<span data-langkey="Group list"></span>
															</div>
															<div class="col m-0 p-0">
																<div class="d-flex flex-row-reverse w-100 h-100 m-0 p-0">
																	<div class="col-md-auto h-100 m-0 p-0">
																		<img src="SubFW/bmp/trash_white.png" data-langkey_title="Delete" class="imgclickable ximeo_bmp" onclick="SUAPlannedFilterAlertDelete ()">
																	</div>
													
																	<div class="col-md-auto h-100 m-0 p-0 pe-2">
																		<img src="SubFW/bmp/add_white.png" data-langkey_title="Add" class="imgclickable ximeo_bmp" onclick="SUAPlannedFilterAlertAdd ()">
																	</div>	
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="row flex-grow-1 bg-warning m-0 p-0 border">
													<div id="IdcSUAPlannedFilterAlertDTContainer" class="col w-100 h-100 m-0 p-0 ps-2 pe-2 bg-white">
													</div>
												</div>
											</div>
										</div>
									</div>

								</div>
							</div>

							<div class="separator_v">
							</div>

							<div class="pan-right ximeo_bg-light m-0 p-0">
								<div class="h-100 d-flex flex-column m-0 p-0 w-100">
									<div class="row w-100 h-100 m-0 p-0">
										<div id="IdcSUAGroupFilterInformationsDiv" class="d-flex flex-column h-100 p-2 ps-1 pe-1 pb-1 bg-light" data-id="-1">
											<div class="row m-0">
												<div class="ximeo_bg-dark-3 rounded-top w-100 text-white ps-2 pe-2 pt-2 pb-2">
													<div class="row w-100 m-0 p-0">
														<div class="col-auto m-0 p-0">
															<span data-langkey="Informations"></span>
														</div>
														<div class="col m-0 p-0">
															<div class="d-flex flex-row-reverse w-100 h-100 m-0 p-0">
																<div class="col-md-auto h-100 m-0 p-0">
																	<img src="SubFW/bmp/save_white.png" data-langkey_title="Save" class="imgclickable ximeo_bmp" onclick="SUAPlannedFilterAlertSave ()">
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="row w-100 m-0 p-0 ps-2 pt-2 pb-2 pe-2 bg-white border-start border-end border-bottom">
												<div class="col p-0 col-md-auto">
													<div class="m-0 p-0 pt-1 ps-0 pe-1 mb-2" data-langkey="Name :" ></div>
												</div>
												<div class="col m-0 p-0">
													<div class="row m-0 p-0">
														<div class="col-auto m-0 p-0">
															<input type="text" id="IdcSUAPlannedFilterAlertName" class="form-control form-control-sm m-0 p-0 ps-2 mb-1" autocomplete="off" />
														</div>
													</div>
												</div>
											</div>
											
											<div class="row flex-grow-1 w-100 m-0 p-0 ps-2 pt-2 pb-2 pe-2 bg-white border-start border-end border-bottom">
												<div id="IdcSUAPlannedAlertGroupPermissionDTContainer" class="col w-100 h-100 m-0 p-0 ps-2 pe-2 bg-white">
												</div>
											</div>

										</div>
									</div>
								</div>			
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>
<script>InitSettingsUserAccessPage();</script>