<footer>
	<TMPL_IF PEERS>
		<p class="navigation"><TMPL_INCLUDE NAME="bottom_navigation.tmpl"></p>
	</TMPL_IF>
	<p class="tagline">This page was generated by <a href="https://munin-monitoring.org/" target="_blank">Munin</a>
		version <b><TMPL_VAR MUNIN_VERSION></b> at <b><TMPL_VAR TIMESTAMP></b>.</p>
</footer>

<!-- Settings modal -->
<div id="settingsModalWrap" class="modalContent settingsModal" style="display: none;">
	<h2>Graphs</h2>
	<div>
		<dl>
			<dt>
				<label for="graph_ext">Graphs format</label>
			</dt>
			<dd>
				<select id="graph_ext">
					<option value="png">PNG</option>
					<option value="pngx2">PNGx2</option>
					<option value="svg">SVG</option>
				</select>
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="graph_autoRefresh">Enable auto-refresh every 5 minutes</label>
			</dt>
			<dd>
				<input type="checkbox" id="graph_autoRefresh" />
			</dd>
		</dl>
	</div>

	<div class="buttons-wrap">
		<button id="settings_cancel">Cancel</button>
		<button id="settings_save" class="button-primary"><i class="mdi mdi-check"></i> Save</button>
	</div>
</div>

<!-- Time range switches Absolute -->
<div id="switchable_timeRange" class="switchable_content switchable_timeRange">
	<h4>Column 1</h4>
	<ul class="timeRangeSwitch" data-col="0">
		<li>hour</li>
		<li class="selected">day</li>
		<li>week</li>
		<li>month</li>
		<li class="last">year</li>
	</ul>
	<div class="hide-if-overflows">
		<h4>Column 2</h4>
		<ul class="timeRangeSwitch" data-col="1">
			<li>hour</li>
			<li>day</li>
			<li class="selected">week</li>
			<li>month</li>
			<li class="last">year</li>
		</ul>
	</div>
</div>

<script src="/static/js/component-absolute.js"></script>
<script src="/static/js/component-toolbar.js"></script>
<script src="/static/js/component-graph.js"></script>
<script src="/static/js/component-autorefresh.js"></script>
<script src="/static/js/component-modal.js"></script>
<script src="/static/js/component-dynazoom-modal.js"></script>
