{if $tab === ''}
	{include file='overall_header.html'}
	<link rel="stylesheet" type="text/css" href="{$apache_path}o365.css"/>
	<script type="text/javascript" src="{$apache_path}js/control_security.js"></script>
	<script type="text/javascript">
		var nodeId = {$node.id};
		var LANG_365_DATA_NOTAVAILABLE = "{$lang.365_DATA_NOTAVAILABLE}";
	</script>
	<div id="messages"></div>
	{include file='overall_node_control_header.html' node=$node status=$node_status idListService='ListService' jsCloseDialog="Utils.reload_active_tabs('#tabs')"}
	<div id="tabs" class="securityTabs">
		<ul>
			<li class="node-state">
				<a href="{$apache_path}control_365.php?nodeid={$node.id}&tab=servicestate" class="menutabs">{$lang.SHOW_SERVICE}</a>
			</li>
			{include file="overall_node_control_header.html" node=$node default_tab="on"}
			<li class="secureScore-icn">
				<a href="{$apache_path}control_365.php?nodeid={$node.id}&tab=score" class="menutabs">{$lang.365_SECURITY_TAB_SCORE}</a>
			</li>
			<li class="alerts-icn">
				<a href="{$apache_path}control_365.php?nodeid={$node.id}&tab=alert" class="menutabs">{$lang.365_SECURITY_TAB_ALERT}</a>
			</li>
			<li class="incidents-icn">
				<a href="{$apache_path}control_365.php?nodeid={$node.id}&tab=incident" class="menutabs">{$lang.365_SECURITY_TAB_INCIDENT}</a>
			</li>
			<li class="usersAuth-icn">
				<a href="{$apache_path}control_365.php?nodeid={$node.id}&tab=auth" class="menutabs">{$lang.365_SECURITY_TAB_AUTH}</a>
			</li>
		</ul>
	</div>
	<div id="dialog-365-security"></div>
	{include file='overall_node_control_footer.html'}
	<script type="text/javascript">
	{literal}
		Utils.setTabs('#tabs');
	{/literal}
	</script>
	{include file='overall_footer.html'}
{elseif $tab === 'servicestate'}
	<div id="messages-security-{$tab}">
		{if !empty($error365)}
			<div class="EventCritical messageUtilisateurs"><p>{$error365}</p></div>
		{/if}
	</div>
	<section class="securityNodeInfos">
		<article class="infosStats">
			<div class="tableview_title">
				<h1>{$lang.365_SECURITY_STATISTICS}</h1>
			</div>
			<ul class="tableview infosStatsList">
				<li class="infosStatsSecScore loading">
					<div class="infosStatsWrapper">
						<img class="infosStatsLogo" src="./img/node-securescore.svg">
						<h2 class="infosStatsTitle">{$lang.365_SECURITY_SECURESCORE}</h2>
					</div>
					<p class="infosStatsValue"><span id="statsSecureScore">XX</span>&nbsp;%</p>
				</li>
				<li class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_INCIDENTS_ACTIVE}</h2>
					<p id="statsIncidentsActive" class="infosStatsValue">X</p>
				</li>
				<li class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_INCIDENTS_INTERVAL}</h2>
					<p id="statsIncidentsDaily" class="infosStatsValue">X</p>
				</li>
				<li class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_ALERTS_ACTIVE}</h2>
					<p id="statsAlertsActive" class="infosStatsValue">X</p>
				</li>
				<li class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_ALERTS_INTERVAL}</h2>
					<p id="statsAlertsDaily" class="infosStatsValue">X</p>
				</li>
				<li class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_USERS_COUNT}</h2>
					<p id="statsUsersCount" class="infosStatsValue">X</p>
				</li>
				<li title="{$lang.365_SECURITY_AUTH_MFA_STATUS_INFO}" class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_MFA_COUNT}</h2>
					<p id="statsMFACount" class="infosStatsValue">X</p>
				</li>
				<li title="{$lang.365_SECURITY_AUTH_SSPR_STATUS_INFO}" class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_SSPR_COUNT}</h2>
					<p id="statsSSPRCount" class="infosStatsValue">X</p>
				</li>
				<li title="{$lang.365_SECURITY_AUTH_PASSWORDLESS_STATUS_INFO}" class="loading">
					<h2 class="infosStatsTitle">{$lang.365_SECURITY_STATS_PASSWORDLESS_COUNT}</h2>
					<p id="statsPassLessCount" class="infosStatsValue">X</p>
				</li>
			</ul>
		</article>
		<article class="infosIncidents">
			<div class="tableview_title">
				<h1>{$lang.365_SECURITY_INCIDENTS_LATEST}</h1>
			</div>
			<div class="tableview tableWrapper eui_loader_inner">
				<table id="latestIncidentsTable" class="tab">
					<thead>
						<tr>
							<th>{$lang.365_SECURITY_INCIDENT_TITLE}</th>
							<th>{$lang.365_SECURITY_INCIDENT_STATUS}</th>
							<th>{$lang.365_SECURITY_INCIDENT_SEVERITY}</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
				<div class="altTextFullSpace">
					<p>{$lang.365_DATA_NOTAVAILABLE}</p>
				</div>
			</div>
		</article>
		<article class="infosSecureScore">
			<div class="tableview_title">
				<h1>{$lang.365_SECURITY_SECURESCORE}</h1>
			</div>
			<div class="tableview padMore">
				<div id="secureScoresGraphHome" class="graphLoading"></div>
			</div>
		</article>
	</section>
	<div id="screen_node"></div>
	<script type="text/javascript">
		var secureScoresGraphHomeDays = {$secureScoresHistoryDays};
		var secureScoresGraphHomeInit = {$secureScoresHistoryInit|json_encode};
		var LANG_365_SECURITY_ACTIVE_INCIDENTS_EMPTY = "{$lang.365_SECURITY_ACTIVE_INCIDENTS_EMPTY}";

		{literal}
			Utils.getServiceState(nodeId, 'screen_node');
			loadSecurityNodeStats(nodeId, 'secureScoresGraphHome', secureScoresGraphHomeInit, secureScoresGraphHomeDays, LANG_365_SECURITY_ACTIVE_INCIDENTS_EMPTY);
		{/literal}
	</script>
{elseif $tab === 'score'}
	<div id="messages-security-{$tab}">
		{if !empty($error365)}
			<div class="EventCritical messageUtilisateurs"><p>{$error365}</p></div>
		{/if}
	</div>
	<section class="secureScore">
		<div class="tableview_title">
			<h1>
				<span>{$lang.365_SECURITY_SECURESCORE}&nbsp;: </span>
				<span class="infosStatsValue loading"><span id="latestSecureScore">XX</span>%</span>
			</h1>
		</div>
		<div class="nodeViewInner365">
			<div id="secureScoresHistory" class="graphLoading"></div>
		</div>
	</section>
	<section class="controlProfiles">
		<div class="tableview_title">
			<h1>{$lang.365_SECURITY_SECSCO_CONTROL_PROFILES}</h1>
			{esia_pager
				divid="controlProfilesPager"
				tablesorterid="controlProfilesTable"
				divcss="pager"
				height="22px"
				ulclass="triList"
				liclass="triElement"
				langprint="{$lang.ADM_PRINT_BOARD}"
				langcolumn="{$lang.ADM_SHOW_HIDDEN_COLUMN}"
				icn_printer="/theme/default/images/table-print.jpg"
				icn_column="/theme/default/images/table-change-order.jpg"
				icn_columnselect="/theme/default/images/table-change-order.jpg"
			}
			{/esia_pager}
		</div>
		<div class="tableWrapper">
			<table id="controlProfilesTable" class="tab">
				<thead>
					<tr>
						<th>{$lang.365_SECURITY_SECSCO_RANK}</th>
						<th>{$lang.365_SECURITY_SECSCO_TITLE}</th>
						<th>{$lang.365_SECURITY_SECSCO_SCORE_IMPACT}</th>
						<th>{$lang.365_SECURITY_SECSCO_SCORE}</th>
						<th>{$lang.365_SECURITY_SECSCO_CATEGORY}</th>
						<th>{$lang.365_SECURITY_SECSCO_SERVICE}</th>
						<th>{$lang.365_SECURITY_SECSCO_ACTION_TYPE}</th>
						<th>{$lang.365_SECURITY_SECSCO_THREATS}</th>
					</tr>
				</thead>
				<tbody>
					<tr class="odd fakeRow loading">
						<td colspan="100">{$lang.LOADING}&hellip;</td>
					</tr>
				</tbody>
			</table>
		</div>
	</section>
	<script type="text/javascript">
		var secureScoresHistoryDays = {$secureScoresHistoryDays};
		var secureScoresHistoryInit = {$secureScoresHistoryInit|json_encode};

		{literal}
			loadSecureScoreTabData(nodeId, 'secureScoresHistory', secureScoresHistoryInit, secureScoresHistoryDays, LANG_365_DATA_NOTAVAILABLE);
		{/literal}
	</script>
{elseif $tab === 'alert'}
	<div id="messages-security-{$tab}">
		{if !empty($error365)}
			<div class="EventCritical messageUtilisateurs"><p>{$error365}</p></div>
		{/if}
	</div>
	<section class="securityAlerts">
		<div class="tableview_title">
			<h1>{$lang.365_SECURITY_ACTIVITY_ALERTS}</h1>
			{esia_pager
				divid="securityAlertsPager"
				tablesorterid="securityAlertsTable"
				divcss="pager"
				height="22px"
				ulclass="triList"
				liclass="triElement"
				langprint="{$lang.ADM_PRINT_BOARD}"
				langcolumn="{$lang.ADM_SHOW_HIDDEN_COLUMN}"
				icn_printer="/theme/default/images/table-print.jpg"
				icn_column="/theme/default/images/table-change-order.jpg"
				icn_columnselect="/theme/default/images/table-change-order.jpg"
			}
			{/esia_pager}
		</div>
		<div class="tableWrapper">
			<table id="securityAlertsTable" class="tab">
				<thead>
					<tr>
						<th>{$lang.365_SECURITY_INCIDENT_ID}</th>
						<th>{$lang.365_SECURITY_ALERT_TITLE}</th>
						<th>{$lang.365_SECURITY_ALERT_PRODUCT}</th>
						<th>{$lang.365_SECURITY_ALERT_DETECTED_BY}</th>
						<th>{$lang.365_SECURITY_ALERT_CATEGORY}</th>
						<th>{$lang.365_SECURITY_ALERT_STATUS}</th>
						<th>{$lang.365_SECURITY_ALERT_SEVERITY}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_ALERT_CREATED_DATE}</th>
						<th>{$lang.365_SECURITY_ALERT_LAST_UPDATE}</th>
						<th>{$lang.365_SECURITY_ALERT_MITRE}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_ALERT_DETERMINATION}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_ALERT_CLASSIFICATION}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_ALERT_ADVERSARY}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_ALERT_THREAT_NAME}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_ALERT_THREAT_FAMILLY}</th>
						<th class="sorter-false filter-false">{$lang.ACTION}</th>
					</tr>
				</thead>
				<tbody>
					<tr class="odd fakeRow loading">
						<td colspan="100">{$lang.LOADING}&hellip;</td>
					</tr>
				</tbody>
			</table>
		</div>
	</section>
	<script type="text/javascript">
		{literal}
			loadAlertsTableData(nodeId, LANG_365_DATA_NOTAVAILABLE);
		{/literal}
	</script>
{elseif $tab === 'incident'}
	<div id="messages-security-{$tab}">
		{if !empty($error365)}
			<div class="EventCritical messageUtilisateurs"><p>{$error365}</p></div>
		{/if}
	</div>
	<section class="securityIncidents">
		<div class="tableview_title">
			<h1>{$lang.365_SECURITY_INCIDENTS_LIST}</h1>
			{esia_pager
				divid="securityIncidentsPager"
				tablesorterid="securityIncidentsTable"
				divcss="pager"
				height="22px"
				ulclass="triList"
				liclass="triElement"
				langprint="{$lang.ADM_PRINT_BOARD}"
				langcolumn="{$lang.ADM_SHOW_HIDDEN_COLUMN}"
				icn_printer="/theme/default/images/table-print.jpg"
				icn_column="/theme/default/images/table-change-order.jpg"
				icn_columnselect="/theme/default/images/table-change-order.jpg"
			}
			{/esia_pager}
		</div>
		<div class="tableWrapper">
			<table id="securityIncidentsTable" class="tab">
				<thead>
					<tr>
						<th>{$lang.365_SECURITY_INCIDENT_ID}</th>
						<th>{$lang.365_SECURITY_INCIDENT_TITLE}</th>
						<th>{$lang.365_SECURITY_INCIDENT_STATUS}</th>
						<th>{$lang.365_SECURITY_INCIDENT_SEVERITY}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_INCIDENT_CREATED_DATE}</th>
						<th>{$lang.365_SECURITY_INCIDENT_LAST_UPDATE}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_INCIDENT_ASSIGNED_TO}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_INCIDENT_DETERMINATION}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_INCIDENT_CLASSIFICATION}</th>
						<th class="sorter-false filter-false">{$lang.ACTION}</th>
					</tr>
				</thead>
				<tbody>
					<tr class="odd fakeRow loading">
						<td colspan="100">{$lang.LOADING}&hellip;</td>
					</tr>
				</tbody>
			</table>
		</div>
	</section>
	<script type="text/javascript">
		{literal}
			loadIncidentsTableData(nodeId, LANG_365_DATA_NOTAVAILABLE);
		{/literal}
	</script>
{elseif $tab === 'auth'}
	<div id="messages-security-{$tab}">
		{if !empty($error365)}
			<div class="EventCritical messageUtilisateurs"><p>{$error365}</p></div>
		{/if}
	</div>
	<section class="securityAuth">
		<div class="tableview_title">
			<h1>{$lang.365_SECURITY_AUTH_TABLE_TITLE}</h1>
			{esia_pager
				divid="securityAuthPager"
				tablesorterid="securityAuthTable"
				divcss="pager"
				height="22px"
				ulclass="triList"
				liclass="triElement"
				langprint="{$lang.ADM_PRINT_BOARD}"
				langcolumn="{$lang.ADM_SHOW_HIDDEN_COLUMN}"
				icn_printer="/theme/default/images/table-print.jpg"
				icn_column="/theme/default/images/table-change-order.jpg"
				icn_columnselect="/theme/default/images/table-change-order.jpg"
			}
			{/esia_pager}
		</div>
		<div class="tableWrapper">
			<table id="securityAuthTable" class="tab">
				<thead>
					<tr>
						<th>{$lang.365_SECURITY_AUTH_USER_NAME}</th>
						<th>{$lang.365_SECURITY_AUTH_USER_ADMIN}</th>
						<th>{$lang.365_SECURITY_AUTH_USER_TYPE}</th>
						<th title="{$lang.365_SECURITY_AUTH_MFA_STATUS_INFO}">{$lang.365_SECURITY_AUTH_MFA_STATUS}</th>
						<th title="{$lang.365_SECURITY_AUTH_SSPR_STATUS_INFO}">{$lang.365_SECURITY_AUTH_SSPR_STATUS}</th>
						<th title="{$lang.365_SECURITY_AUTH_PASSWORDLESS_STATUS_INFO}">{$lang.365_SECURITY_AUTH_PASSWORDLESS_STATUS}</th>
						<th>{$lang.365_SECURITY_AUTH_METHODS}</th>
						<th>{$lang.365_SECURITY_AUTH_USER_SELECTED}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_AUTH_SYS_PREFERRED}</th>
						<th class="columnSelector-false">{$lang.365_SECURITY_AUTH_LAST_UPDATE}</th>
					</tr>
				</thead>
				<tbody>
					<tr class="odd fakeRow loading">
						<td colspan="100">{$lang.LOADING}&hellip;</td>
					</tr>
				</tbody>
			</table>
		</div>
	</section>
	<script type="text/javascript">
		{literal}
			loadUsersAuthTableData(nodeId, LANG_365_DATA_NOTAVAILABLE);
		{/literal}
	</script>
{/if}