<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation_comparison.tmpl">
<div id="main" class="comparison">
	<TMPL_INCLUDE NAME="partial/navigation.tmpl">
	<div id="content" data-tabsenabled="true" data-tabs="true" data-graphext="<TMPL_VAR GRAPH_EXT>">
		<div class="page-head">
			<div>
				<h2>Comparison</h2>
				<div class="subtitle"><TMPL_VAR NAME> - <TMPL_VAR TIMERANGE></div>
			</div>
			<ul class="timeRangeSwitch">
				<li>day</li>
				<li>week</li>
				<li>month</li>
				<li>year</li>
			</ul>
		</div>

		<!-- Tabs. No empty space allowed here (for styling) -->
		<ul class="tabs"><li>all</li><TMPL_LOOP CATEGORIES><li
				<TMPL_IF STATE_WARNING>class="warn"</TMPL_IF> <TMPL_IF STATE_CRITICAL>class="crit"</TMPL_IF>><TMPL_VAR ESCAPE="HTML" GROUPNAME></li></TMPL_LOOP></ul>

		<TMPL_LOOP CATEGORIES>
		<h3 id="<TMPL_VAR ESCAPE="HTML" GROUPNAME>"><TMPL_VAR ESCAPE="HTML" GROUPNAME></h3>
		<div class="table" data-category="<TMPL_VAR ESCAPE="HTML" GROUPNAME>">
			<TMPL_LOOP SERVICES>
				<div class="table-row" data-servicename="<TMPL_VAR ESCAPE="HTML" SERVICENAME>" data-servicetitle="<TMPL_VAR ESCAPE="HTML" SERVICETITLE>">
					<TMPL_LOOP NODES>
						<div class="graph-col">
							<div class="node">
								<span class="nodetitle">
									<a href="<TMPL_VAR ESCAPE="URL" NODENAME>/index.html"><TMPL_VAR ESCAPE="HTML" NODENAME></a> &bull;
									<TMPL_IF URL1>
										<a <TMPL_IF STATE_WARNING>class="warn"</TMPL_IF>
										  <TMPL_IF STATE_CRITICAL>class="crit"</TMPL_IF>
										  href="/<TMPL_VAR URL>">
									</TMPL_IF>
										<TMPL_VAR ESCAPE="HTML" LABEL>
									<TMPL_IF URL1></a></TMPL_IF>
								</span>
								<br />
								<TMPL_IF CIMG>
									<a href="/<TMPL_VAR URL>" class="graph-link i<TMPL_IF STATE_WARNING>warn</TMPL_IF><TMPL_IF STATE_CRITICAL>crit</TMPL_IF>">
										<img src="<TMPL_VAR CIMG>" alt="<TMPL_VAR ESCAPE="HTML" LABEL>"
										  class="graph i<TMPL_IF STATE_WARNING>warn</TMPL_IF><TMPL_IF STATE_CRITICAL>crit</TMPL_IF>"
										  <TMPL_IF IMGWIDTH>width="<TMPL_VAR IMGWIDTH>" </TMPL_IF>
										  <TMPL_IF IMGHEIGHT>height="<TMPL_VAR IMGHEIGHT>"</TMPL_IF>/>
									</a>
								</TMPL_IF>
							</div>
						</div>
					</TMPL_LOOP>
				</div>
			</TMPL_LOOP>
		</div>
		</TMPL_LOOP>
	</div>
</div>
<a href="#" id="backToTop"><i class="mdi mdi-arrow-up"></i></a>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
<script src="/static/js/component-eventruler.js"></script>
<script src="/static/js/munin-comparison.js"></script>
<script src="/static/js/component-tabs.js"></script>
</body>
</html>
