{if $action eq 'hardware'}
	<div class="elementsIntro introHardware">
		<div class="rulesTopErr">
			<div class="tableview_title"><h1>{$lang.INVENTORY_RULES_HARDWARE_TOP_ERR}</h1></div>
			<div class="stickyTab elementContent">
				{if !empty($rulesTopErr)}
					<table id="hardwareRulesTable" class="tab">
						<thead>
							<tr>
								<th>{$lang.INVENTORY_RULE_NAME}</th>
								<th>{$lang.INVENTORY_COMPONENT}</th>
								<th>{$lang.INVENTORY_VERSION}</th>
								<th>{$lang.INVENTORY_RULE_MATCH_COUNT}</th>
							</tr>
						</thead>
						<tbody>
							{foreach item=rule from=$rulesTopErr}
							<tr>
								<td>{$rule.name}</td>
								<td>{$rule.component_name}</td>
								<td>{$rule.target_version}</td>
								<td class="eventCritical">{$rule.match_count}</td>
							</tr>
							{/foreach}
						</tbody>
					</table>
				{elseif $rulesMatchState == 'ok'}
					<p class="rules-empty-text match-ok">{$lang.INVENTORY_RULE_HARDWARE_EMPTY_CONGRATS}</p>
				{else}
					<p class="rules-empty-text match-none">{$lang.INVENTORY_RULE_HARDWARE_EMPTY}</p>
				{/if}
			</div>
		</div>
		<div class="rulesManTop">
			<div class="tableview_title"><h1>{$lang.INVENTORY_MANUFACTURER_HARDWARE_TOP}</h1></div>
			<div class="padMore elementContent"  style="overflow:hidden;">
				<div id="hardwareManDonut" class="rulesManTopGraph"></div>
			</div>
		</div>
	</div>
	<div class="tableview_title">
		<h1>{$lang.INVENTORY_HARDWARE_LIST}</h1>
		{esia_pager divid="hardwarePager" 
				tablesorterid="hardwareTable" 
				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>
	<table class="tab" id="hardwareTable">
		<thead>
			<tr>
				<th class="columnSelector-false">{$lang.INVENTORY_GROUP_NAME}</th>
				<th class="columnSelector-false">{$lang.INVENTORY_DEVICE_TYPE}</th>
				<th class="columnSelector-false">{$lang.INVENTORY_NODE}</th>
				<th>{$lang.INVENTORY_EDITOR}</th>
				<th>{$lang.INVENTORY_COMPONENT}</th>
				<th>{$lang.INVENTORY_STATE}</th>
				<th>{$lang.INVENTORY_TYPE}</th>
				<th>{$lang.INVENTORY_SN}</th>
				<th>{$lang.INVENTORY_DESCRIPTION}</th>
			</tr>
		</thead>
		<tbody></tbody>
	</table>
	<script type="text/javascript">
		var arr=Array();
		{foreach name=outerCount item=manufacturer from=$hardwareManufacturerDonut}	
			arr.push(["{$manufacturer.name}",{$manufacturer.count}]);
		{/foreach}
		var nodeId = {$nodeid};
		{literal}
		$(document).ready(function()
		{
			var chart = bb.generate({
				bindto: '#hardwareManDonut',
				data: {
					columns: arr,
					type:'donut'
				},
				legend: {
					show: true,position: 'right'
				},
				size: {
					height: '160'
				},
				tooltip: {
					format: {
						value: function (value, ratio, id) {
							var format = d3.format(',');
							return format(value);
						}
					}
				}
			});

			ajax_tablesorter('#hardwareTable','/plugin/inventory/display_adv_inventory.php','tab=hardware&nodeid='+nodeId);
		});
		{/literal}
	</script>
{elseif $action eq 'software'}
	<div class="elementsIntro introSoftware">
		<div class="rulesTopErr">
			<div class="tableview_title"><h1>{$lang.INVENTORY_RULES_SOFTWARE_TOP_ERR}</h1></div>
			<div class="stickyTab elementContent">
				{if !empty($rulesTopErr)}
					<table id="softwareRulesTable" class="tab">
						<thead>
							<tr>
								<th>{$lang.INVENTORY_RULE_NAME}</th>
								<th>{$lang.INVENTORY_COMPONENT}</th>
								<th>{$lang.INVENTORY_VERSION}</th>
								<th>{$lang.INVENTORY_RULE_MATCH_COUNT}</th>
							</tr>
						</thead>
					</table>
				{elseif $rulesMatchState == 'ok'}
					<p class="rules-empty-text match-ok">{$lang.INVENTORY_RULE_SOFTWARE_EMPTY_CONGRATS}</p>
				{else}
					<p class="rules-empty-text match-none">{$lang.INVENTORY_RULE_SOFTWARE_EMPTY}</p>
				{/if}
			</div>
		</div>
		<div class="rulesManTop">
			<div class="tableview_title"><h1>{$lang.INVENTORY_MANUFACTURER_SOFTWARE_TOP}</h1></div>
			<div class="padMore elementContent">
				<div id="softwareManDonut" class="rulesManTopGraph"></div>
			</div>
		</div>
	</div>
	<div>
		<div class="tableview_title">
			<h1>{$lang.INVENTORY_SOFTWARE_LIST}</h1>
			{esia_pager divid="softwarePager" 
					tablesorterid="softwareTable" 
					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>
		<table class="tab" id="softwareTable">
			<thead>
				<tr>
					<th class="columnSelector-false">{$lang.INVENTORY_GROUP_NAME}</th>
					<th class="columnSelector-false">{$lang.INVENTORY_DEVICE_TYPE}</th>
					<th class="columnSelector-false">{$lang.INVENTORY_NODE}</th>
					<th>{$lang.INVENTORY_EDITOR}</th>
					<th>{$lang.INVENTORY_COMPONENT}</th>
					<th>{$lang.INVENTORY_VERSION}</th>
					<th>{$lang.INVENTORY_TYPE}</th>
					<th>{$lang.INVENTORY_RULE_STATE}</th>
					<th class="columnSelector-false">{$lang.INVENTORY_DESCRIPTION}</th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
	</div>
	<script type="text/javascript">
		var arr=Array();
		var arr2=Array();
		{foreach name=outerCount item=manufacturer from=$softwareManData}
			arr.push(["{$manufacturer.name}",{$manufacturer.count}]);
		{/foreach}
		var nodeId = {$nodeid};
		{literal}
		$(document).ready(function()
		{
			var chart = bb.generate({
				bindto: '#softwareManDonut',
				data: {
					columns: arr,
					type:'donut'
				},
				legend: {
					show: true,position: 'right'
				},
				size: {
					height: '180'
				},
				tooltip: {
					format: {
						value: function (value, ratio, id) {
							var format = d3.format(',');
							return format(value);
						}
					}
				}
			});

			ajax_tablesorter('#softwareTable','/plugin/inventory/display_adv_inventory.php','tab=software&nodeid='+nodeId);
		});
		{/literal}
	</script>
{else}
	<script type="text/javascript" src="/theme/default/inc/common_ts.js"></script>
	<script type="text/javascript" src="{$plugin_url}js/control_inventory.js"></script>

	<link href="/theme/default/inc/common_ts.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="{$plugin_url}inventory.css"/>
	<div id="messages"></div>
	<div id="adv_tabs" class="inventoryTabs webp-inventory">
		<ul>
			<li class="tab-hardware">
				<a href="{$plugin_url}adv_tab_inventory.php?action=hardware&nodeid={$nodeid}" class="menutabs hardware-img">{$lang.INVENTORY_HARDWARE_MANAGEMENT}</a>
			</li>
			<li class="tab-software">
				<a href="{$plugin_url}adv_tab_inventory.php?action=software&nodeid={$nodeid}" class="menutabs software-img">{$lang.INVENTORY_SOFTWARE_MANAGEMENT}</a>
			</li>
		</ul>
	</div>
	<div class="clearFix"></div>
	<script type="text/javascript">
	{literal}
		$(function() {
			$( "#adv_tabs" ).tabs({
				heightStyle: "content",
				beforeLoad: function( event, ui ) {
					$('#esiaOverlay').show();
					$('#loadingGif').show();
					return true;
				ui.jqXHR.fail(function() {
					ui.panel.html(
					"Couldn't load this tab. We'll try to fix this as soon as possible. " +
					"If this wouldn't be a demo." );
					$('#esiaOverlay').hide();
					$('#loadingGif').hide();
				});
				},
				load: function (event, ui){
					$('#esiaOverlay').hide();
					$('#loadingGif').hide();
					if(ui.panel.find("#page_login_detect").length > 0) location.reload();
				},
			});
		});
	{/literal}
	</script>
{/if}