{function name=createConfLine conf=[]}
	{if isset($conf.key)}
		{assign var="langText" value="{$conf.key}"}
		{assign var="langKey" value="ADM_{$conf.key|strtoupper}"}
		{if array_key_exists($langKey, $lang)}
			{$langText="{$lang[{$langKey}]}"}
		{/if}
		<div class="confElt">
			<div class="confElt-col">
				<label for="{$conf.key}" title="{$conf.key}">{$langText}</label>
				{if $conf.type == 'smallint'}
					<input type="number" id="{$conf.key}" name="{$conf.key}" value="{$conf.value}" min="0" max="255" step="1"/>
				{elseif $conf.type == 'integer'}
					<input type="number" id="{$conf.key}" name="{$conf.key}" value="{$conf.value}" step="1"/>
				{elseif $conf.type == 'integer_unsigned'}
					<input type="number" id="{$conf.key}" name="{$conf.key}" value="{$conf.value}" min="0" step="1"/>
				{elseif $conf.type == 'hour'}
					<input type="number" id="{$conf.key}" name="{$conf.key}" value="{$conf.value}" min="0" max="24" step="1"/>
				{elseif $conf.type == 'file'}
					<input type="file" id="{$conf.key}" name="{$conf.key}" value="" />
				{elseif $conf.type == 'color'}
					<input type="color" id="{$conf.key}" name="{$conf.key}" value="{$conf.value}" />
				{elseif $conf.type == 'timezone'}
					{eui_forms_selectTimezone name=$conf.key id=$conf.key selected=$conf.value}
				{elseif $conf.type == 'lang'}
					{eui_forms_selectLang name=$conf.key id=$conf.key selected=$conf.value}
				{elseif $conf.type == 'text'}
					<textarea id="{$conf.key}" name="{$conf.key}">{$conf.value|escape:html}</textarea>
				{else}
					<input type="text" id="{$conf.key}" name="{$conf.key}" value="{$conf.value|escape:html}" />
				{/if}
			</div>
			<span class="info">{$conf.description}</span>
		</div>
	{/if}
{/function}
{strip}
{if $tabConfig === ''}
	<link rel="stylesheet" href="{$CSS_SECTIONS}adm_config.css"/>
	<div id="tabConfig" class="tabs">
		<ul>
			<li class="tab-config-common">
				<a class="menutabs" href="/administration.php?admin=configuration&tabConfig=common">
					{$lang.ADM_CONF_TAB_COMMON}
				</a>
			</li>
			<li class="tab-config-alert">
				<a class="menutabs" href="/administration.php?admin=configuration&tabConfig=alert">
					{$lang.ADM_CONF_TAB_ALERT}
				</a>
			</li>
			<li class="tab-config-ldap">
				<a class="menutabs" href="/administration.php?admin=configuration&tabConfig=ldap">
					{$lang.ADM_CONF_TAB_LDAP}
				</a>
			</li>
		</ul>
	</div>
	<script type="text/javascript">
		{literal}
			Utils.setTabs('#tabConfig', 'admConfig');
		{/literal}
	</script>
{else}
{* Required for tabs errors because they are called in ajax *}
<script defer type="text/javascript">
	{if !empty($ERRORS)}
		var errors = {$ERRORS|json_encode};
		{literal}
			errors = errors.map(x => x.message);
			Utils.displayUserMessage(errors, true, 'admMessages');
		{/literal}
	{elseif !empty($ADM_MESSAGE)}
		var success = {$ADM_MESSAGE|json_encode};
		{literal}
			success = success.map(x => x.message);
			Utils.displayUserMessage(success, false, 'admMessages');
		{/literal}
	{/if}

	{literal}
		function onSubmitFormConf(form)
		{
			let settings = Utils.convertFormToAjaxSettings(form);

			$.ajax({
				...settings,
				dataType: 'json',
			}).done(function(data) {
				if(data?.error)
				{
					Utils.displayUserMessage(data.error, true, 'admMessages');
					if(data?.errorKeys)
					{
						data.errorKeys.forEach(id => {
							$('#' + id).addClass('invalidValue');
						});
					}
				}
				else
				{
					$(form).find('.invalidValue').removeClass('invalidValue');
					Utils.displayUserMessage(data.success || 'Success !', false, 'admMessages');
					Utils.reload_active_tabs('#tabConfig');
				}
			});
		}
		function togglePasswordInput(btn, inputId)
		{
			$(btn).toggleClass('show');
			if($(btn).hasClass('show'))
			{
				$('#' + inputId).attr('type', 'text');
			}
			else
			{
				$('#' + inputId).attr('type', 'password');
			}
		}
	{/literal}
</script>
{if $tabConfig === 'common'}
	<script defer type="text/javascript">
	{literal}
		Utils.setFormClientValidation($('#formConfigCommon'));
	{/literal}
	</script>
	<form class="tableview" id="formConfigCommon" method="post" action="./administration.php?admin=configuration&tabConfig={$tabConfig}&action=update" enctype="multipart/form-data" onsubmit="onSubmitFormConf(this); return false;">
		<div class="tableview_title">
			<h1>{$tabConfigTitle}</h1>
		</div>
		<fieldset class="admConfItems">
			{if isset($configList.ESIA_URL.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="ESIA_URL" title="ESIA_URL">{$lang.ADM_ESIA_URL}</label>
						<input type="text" id="ESIA_URL" name="ESIA_URL" value="{$configList.ESIA_URL.value}" placeholder="monitoring.exemple.com">
					</div>
					<span class="info">{$configList.ESIA_URL.description}</span>
				</div>
			{/if}
			{createConfLine conf=$configList.DEFAULT_LANG}
			{createConfLine conf=$configList.DEFAULT_TIMEZONE}
			{if isset($configList.DEFAULT_SESSION_TIME.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="DEFAULT_SESSION_TIME" title="DEFAULT_SESSION_TIME">{$lang.ADM_DEFAULT_SESSION_TIME}</label>
						<input type="number" id="DEFAULT_SESSION_TIME" name="DEFAULT_SESSION_TIME" value="{$configList.DEFAULT_SESSION_TIME.value}" min="1" max="255" step="1">
					</div>
					<span class="info">{$configList.DEFAULT_SESSION_TIME.description}</span>
				</div>
			{/if}
			{createConfLine conf=$configList.DEFAULT_BANNER}
			{createConfLine conf=$configList.DEFAULT_BANNER_FONTCOLOR}
			{createConfLine conf=$configList.IMG_DIRECTORY}
			{createConfLine conf=$configList.IMG_MAX_SIZE}
			{createConfLine conf=$configList.DEVICES_NOTES_PURGE}
			{createConfLine conf=$configList.IMPORTATION_SCAN_DAY}
			{createConfLine conf=$configList.IMPORTATION_SCAN_HISTORY}
			{createConfLine conf=$configList.RSS_PURGE_MESSAGE}
			{createConfLine conf=$configList.SRV_CPU_LOAD}
			{createConfLine conf=$configList.SRV_RAM_LOAD}
			{createConfLine conf=$configList.SRV_HDD_LOAD}
			{createConfLine conf=$configList.SRV_INT_LOAD}
			{if isset($configList.USER_KEY.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="USER_KEY" title="USER_KEY">{$lang.ADM_USER_KEY}</label>
						<div class="togglePasswd-wrapper">
							<input type="password" id="USER_KEY" name="USER_KEY" value="{$configList.USER_KEY.value}">
							<button type="button" class="btnBack togglePassword" title="{$lang.ADM_PASSWD_SHOW_HIDE}" onclick="togglePasswordInput(this, 'USER_KEY'); return false;"></button>
						</div>
					</div>
					<span class="info">{$configList.USER_KEY.description}</span>
				</div>
			{/if}
			{* Additional keys *}
			{foreach from=$noSectionConfList item=conf}
				{createConfLine conf=$conf}
			{/foreach}
		</fieldset>
		<div class="bottomActions">
			<input type="submit" class="admConfigAction" value="{$lang.MODIF}"/>
		</div>
	</form>
{elseif $tabConfig === 'alert'}
	<script defer type="text/javascript">
		{literal}
			function sendTestMail(btnElt)
			{
				const btn = $(btnElt);
				btn.css('cursor', 'wait');
				$.ajax({
					type: 'POST',
					url: './administration.php?admin=configuration',
					data: { tabConfig: 'alert', action: 'sendTestMail' },
					dataType: 'json',
				}).done(function(data) {
					if(data?.error)
					{
						Utils.displayUserMessage(data.error, true, 'admMessages');
						btn.removeClass('mailSuccess');
						btn.addClass('mailFailed');
					}
					else
					{
						Utils.displayUserMessage(data.success || 'Success !', false, 'admMessages');
						btn.removeClass('mailFailed');
						btn.addClass('mailSuccess');
					}
				}).always(function() {
					btn.css('cursor', '');
				});
			}
			function resetTemplate(btnElt)
			{
				const btn = $(btnElt);
				btn.css('cursor', 'wait');
				$.ajax({
					type: 'GET',
					url: './administration.php?admin=configuration',
					data: { tabConfig: 'alert', action: 'getDefaultMailTpl' },
					dataType: 'json',
				})
				.done(data => {
					if(data && data.length > 0)
					{
						$('#MAIL_FORMAT_MESSAGE').fadeOut(100, function() {
							$(this).val(data).fadeIn(300);
						});
					}
				}).always(function() {
					btn.css('cursor', '');
				});
			}

			Utils.setFormClientValidation($('#formConfigAlertMail'));
			Utils.setFormClientValidation($('#formConfigAlertSms'));
		{/literal}
	</script>
	<form class="tableview" id="formConfigAlertMail" method="post" action="./administration.php?admin=configuration&tabConfig={$tabConfig}&action=update" enctype="multipart/form-data" onsubmit="onSubmitFormConf(this); return false;">
		<div class="tableview_title">
			<h1>{$tabConfigTitle} - {$lang.ADM_CONF_ALERT_MAIL}</h1>
		</div>
		<fieldset class="admConfItems">
			{if isset($configList.MAIL_SMTP.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="MAIL_SMTP" title="MAIL_SMTP">{$lang.ADM_MAIL_SMTP}</label>
						<input type="text" id="MAIL_SMTP" name="MAIL_SMTP" value="{$configList.MAIL_SMTP.value}" placeholder="smtp.example.com" required="required">
					</div>
					<span class="info">{$configList.MAIL_SMTP.description}</span>
				</div>
			{/if}
			{if isset($configList.MAIL_SMTP_PORT.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="MAIL_SMTP_PORT" title="MAIL_SMTP_PORT">{$lang.ADM_MAIL_SMTP_PORT}</label>
						<input type="number" id="MAIL_SMTP_PORT" name="MAIL_SMTP_PORT" value="{$configList.MAIL_SMTP_PORT.value}" min="0" max="65535" step="1" required="required">
					</div>
					<span class="info">{$configList.MAIL_SMTP_PORT.description}</span>
				</div>
			{/if}
			{if isset($configList.MAIL_USER.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="MAIL_USER" title="MAIL_USER">{$lang.ADM_MAIL_USER}</label>
						<input type="text" id="MAIL_USER" name="MAIL_USER" value="{$configList.MAIL_USER.value}" placeholder="alert">
					</div>
					<span class="info">{$configList.MAIL_USER.description}</span>
				</div>
			{/if}
			{if isset($configList.MAIL_PASSWORD.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="MAIL_PASSWORD" title="MAIL_PASSWORD">{$lang.ADM_MAIL_PASSWORD}</label>
						<div class="togglePasswd-wrapper">
							<input type="password" id="MAIL_PASSWORD" name="MAIL_PASSWORD" value="{$configList.MAIL_PASSWORD.value}">
							<button type="button" class="btnBack togglePassword" title="{$lang.ADM_PASSWD_SHOW_HIDE}" onclick="togglePasswordInput(this, 'MAIL_PASSWORD'); return false;"></button>
						</div>
					</div>
					<span class="info">{$configList.MAIL_PASSWORD.description}</span>
				</div>
			{/if}
			{if isset($configList.MAIL_FROM.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="MAIL_FROM" title="MAIL_FROM">{$lang.ADM_MAIL_FROM}</label>
						<input type="email" id="MAIL_FROM" name="MAIL_FROM" value="{$configList.MAIL_FROM.value}" placeholder="alert@example.com" required="required">
					</div>
					<span class="info">{$configList.MAIL_FROM.description}</span>
				</div>
			{/if}
			{if isset($configList.MAIL_FORMAT_SUBJECT.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="MAIL_FORMAT_SUBJECT" title="MAIL_FORMAT_SUBJECT">{$lang.ADM_MAIL_FORMAT_SUBJECT}</label>
						<input class="fullWidth" type="text" id="MAIL_FORMAT_SUBJECT" name="MAIL_FORMAT_SUBJECT" value="{$configList.MAIL_FORMAT_SUBJECT.value}" placeholder="( %node.group.name ) %node.name:%service.name => %error.type state">
					</div>
					<span class="info infoHtmlBreak">{$configList.MAIL_FORMAT_SUBJECT.description}</span>
				</div>
			{/if}
			{if isset($configList.MAIL_FORMAT_MESSAGE.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="MAIL_FORMAT_MESSAGE" title="MAIL_FORMAT_MESSAGE">{$lang.ADM_MAIL_FORMAT_MESSAGE}</label>
						<textarea id="MAIL_FORMAT_MESSAGE" name="MAIL_FORMAT_MESSAGE">{$configList.MAIL_FORMAT_MESSAGE.value|escape:html}</textarea>
						<button type="button" class="btnBack admResetMailTpl" title="{$lang.ADM_MAIL_DEFAULT_TPL_BUTTON_INFO}" onclick="resetTemplate(this); return false;">
							{$lang.ADM_MAIL_DEFAULT_TPL_BUTTON}
						</button>
					</div>
					<span class="info infoHtmlBreak">{$configList.MAIL_FORMAT_MESSAGE.description}</span>
				</div>
			{/if}
		</fieldset>
		<div class="bottomActions">
			<button type="button" class="btnBack admConfigAction admSendTestMail" title="{$lang.ADM_CONFIGURATION_SEND_TEST_MAIL_INFO}" onclick="sendTestMail(this); return false;">
				{$lang.ADM_CONFIGURATION_SEND_TEST_MAIL}
			</button>
			<input type="submit" class="admConfigAction" value="{$lang.MODIF}"/>
		</div>
	</form>
	<form class="tableview" id="formConfigAlertSms" method="post" action="./administration.php?admin=configuration&tabConfig={$tabConfig}&action=update" enctype="multipart/form-data" onsubmit="onSubmitFormConf(this); return false;">
		<div class="tableview_title">
			<h1>{$tabConfigTitle} - {$lang.ADM_CONF_ALERT_SMS}</h1>
		</div>
		<fieldset class="admConfItems">
			{if isset($configList.SMS_HOUR_START.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="SMS_HOUR_START" title="SMS_HOUR_START">{$lang.ADM_SMS_HOUR_START}</label>
						<input type="number" id="SMS_HOUR_START" name="SMS_HOUR_START" value="{$configList.SMS_HOUR_START.value}" min="0" max="23" step="1">
					</div>
					<span class="info">{$configList.SMS_HOUR_START.description}</span>
				</div>
			{/if}
			{if isset($configList.SMS_HOUR_STOP.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="SMS_HOUR_STOP" title="SMS_HOUR_STOP">{$lang.ADM_SMS_HOUR_STOP}</label>
						<input type="number" id="SMS_HOUR_STOP" name="SMS_HOUR_STOP" value="{$configList.SMS_HOUR_STOP.value}" min="0" max="23" step="1">
					</div>
					<span class="info">{$configList.SMS_HOUR_STOP.description}</span>
				</div>
			{/if}
			{if isset($configList.SMS_MAX_PER_DAY.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="SMS_MAX_PER_DAY" title="SMS_MAX_PER_DAY">{$lang.ADM_SMS_MAX_PER_DAY}</label>
						<input type="number" id="SMS_MAX_PER_DAY" name="SMS_MAX_PER_DAY" value="{$configList.SMS_MAX_PER_DAY.value}" min="0" max="255" step="1">
					</div>
					<span class="info">{$configList.SMS_MAX_PER_DAY.description}</span>
				</div>
			{/if}
			{if isset($configList.SMS_FORMAT.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="SMS_FORMAT" title="SMS_FORMAT">{$lang.ADM_SMS_FORMAT}</label>
						<input class="fullWidth" type="text" id="SMS_FORMAT" name="SMS_FORMAT" value="{$configList.SMS_FORMAT.value}" placeholder="The %node.name (%node.group.name) has service %service.name in a %error.type state">
					</div>
					<span class="info infoHtmlBreak">{$configList.SMS_FORMAT.description}</span>
				</div>
			{/if}
		</fieldset>
		<div class="bottomActions">
			<input type="submit" class="admConfigAction" value="{$lang.MODIF}"/>
		</div>
	</form>
{elseif $tabConfig === 'ldap'}
	<script defer type="text/javascript">
	{literal}
		function onClickAddTableRow(btn, idTable)
		{
			const body = $(idTable + ' tbody');
			// Clone the last table row to keep all classes & data set
			const newRow = body.find('tr:last-child').clone();
			// Get row index
			let rowIndex = newRow.attr('data-index') || 0;
			rowIndex = parseInt(rowIndex) + 1;
			newRow.attr('data-index', rowIndex);

			// Empty all td inputs of the new row and add it at the end of the table
			newRow.find('input').each(function() {
				this.value = '';
				// Change attr name html array index (LDAP_MEMBER_GROUPS_MATCH[0][match] become LDAP_MEMBER_GROUPS_MATCH[1][match])
				let attrName = $(this).attr('name').replace(/\[\d\]/, '[' + rowIndex + ']');
				$(this).attr('name', attrName);
			});
			newRow.find('.ss-main').each(function() {
				// Remove slimselect elements
				$(this).remove();
			});
			newRow.find('select').each(function() {
				this.selectedIndex = 0;
				let attrName = $(this).attr('name').replace(/\[\d\]/, '[' + rowIndex + ']');
				$(this).attr('name', attrName);

				$(this).css('display', '').removeAttr('data-id'); // Clean previous slimselect adds
				// Add new slimselect element
				new SlimSelect({
					select: this,
					settings: { showSearch: true },
				});
			});

			body.append(newRow);
		}
		function onClickDeleteTableRow(btn)
		{
			const row = $(btn).closest('tr');
			// Check if it's not the last elt. Adding a row copy the lest on so we require to leave always one row
			if(row.siblings('tr').length > 0)
			{
				row.remove();
			}
			else
			{
				// Empty fields
				row.find('input').val('');
			}
		}

		$('.inputLdapEsiaGrpSelect').each(function() {
			new SlimSelect({
				select: this,
				settings: { showSearch: true },
			});
		});

		Utils.setFormClientValidation($('#formConfigLdap'));
	{/literal}
	</script>
	<form class="tableview" id="formConfigLdap" method="post" action="./administration.php?admin=configuration&tabConfig={$tabConfig}&action=update" enctype="multipart/form-data" onsubmit="onSubmitFormConf(this); return false;">
		<div class="tableview_title">
			<h1>{$tabConfigTitle}</h1>
		</div>
		<fieldset class="admConfItems">
			{if isset($configList.LDAP_HOST_URI.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="LDAP_HOST_URI" title="LDAP_HOST_URI">{$lang.ADM_LDAP_HOST_URI}</label>
						<input type="url" id="LDAP_HOST_URI" name="LDAP_HOST_URI" value="{$configList.LDAP_HOST_URI.value}" placeholder="ldap://myldap.com:389" pattern="^ldaps?://.*" required="required">
					</div>
					<span class="info">{$configList.LDAP_HOST_URI.description}</span>
				</div>
			{/if}
			{if isset($configList.LDAP_BASEDN.key)}
				<div class="confElt">
					<div class="confElt-col">
						<label for="LDAP_BASEDN" title="LDAP_BASEDN">{$lang.ADM_LDAP_BASEDN}</label>
						<input type="text" id="LDAP_BASEDN" name="LDAP_BASEDN" value="{$configList.LDAP_BASEDN.value}" placeholder="dc=esia, dc=com" required="required">
					</div>
					<span class="info">{$configList.LDAP_BASEDN.description}</span>
				</div>
			{/if}
			{if isset($configList.LDAP_MEMBER_GROUPS_MATCH.key)}
				<div class="confElt confElt-grpTab">
					<div class="confElt-col">
						<span title="LDAP_MEMBER_GROUPS_MATCH">{$lang.ADM_LDAP_MEMBER_GROUPS_MATCH}</span>
						<div class="confTabContainer">
							<div class="confTabContainer-overflow">
								<table id="confLdapGrpTable" class="tab">
									<thead>
										<th class="leftAlign">{$lang.ADM_LDAP_MEMBER_ESIA_GROUPS}</th>
										<th class="leftAlign">{$lang.ADM_LDAP_MEMBER_ATTRIBUTE}</th>
										<th class="leftAlign">{$lang.ADM_LDAP_MEMBER_MATCH}</th>
										<th class="leftAlign removeCell">{$lang.ACTION}</th>
									</thead>
									<tbody>
									{foreach from=$groupConfList key=confGrpIndex item=confGrp}
										<tr data-index="{$confGrpIndex}">
											<td>
												<select class="inputLdapEsiaGrpSelect" name="LDAP_MEMBER_GROUPS_MATCH[{$confGrpIndex}][esia_groups]">
													{foreach from=$esiaGrpList item=esiaGrp}
														<option value="{$esiaGrp.id}" {if $esiaGrp.id == $confGrp.esia_groups} selected="selected"{/if}>{$esiaGrp.name}</option>
													{/foreach}
												</select>
											</td>
											<td>
												<input class="inputLdapMemberof" type="text" name="LDAP_MEMBER_GROUPS_MATCH[{$confGrpIndex}][attribute]" value="{$confGrp.attribute}" placeholder="memberof">
											</td>
											<td>
												<input class="inputLdapMatch" type="text" name="LDAP_MEMBER_GROUPS_MATCH[{$confGrpIndex}][match]" value="{$confGrp.match}" placeholder="cn=test">
											</td>
											<td class="removeCell">
												<button type="button" title="{$lang.DELETE_ROW}" onclick="onClickDeleteTableRow(this); return false;">
													<img src="/theme/default/images/esia_delete_button.png" alt="{$lang.DELETE}">
												</button>
											</td>
										</tr>
									{/foreach}
									</tbody>
								</table>
							</div>
							<button type="button" id="confLdapGrpTableAddRow" title="{$lang.ADD_ROW}" onclick="onClickAddTableRow(this, '#confLdapGrpTable'); return false;">{$lang.ADD}</button>
						</div>
					</div>
					<span class="info confElt-tabInfo">{$configList.LDAP_MEMBER_GROUPS_MATCH.description}</span>
				</div>
			{/if}
		</fieldset>
		<div class="bottomActions">
			<input type="submit" class="admConfigAction" value="{$lang.MODIF}"/>
		</div>
	</form>
{/if}
{/if}
{/strip}