{% extends "base.html" %}
{% block content %}	
<style>
iframe {
	border: none;
	padding: 10px;
}
table, th, tr, td {
	border: 1px solid #ddd;
	align: center;
	text-align: center;
}
th, tr, td {
	width: 6%;
	padding: 10px;
	}
.metrics1 {
	width: 400px;
	height: 100px;}
}
</style>
<script src="/inc/metrics.js"></script>
<div id="table_metrics"></div>
{% for s in servers %}
	<canvas id="{{s.2}}" width="100" height="20" class="metrics1" role="img"></canvas>
	<script>
		getChartData('{{s.2}}')
	</script>
{% endfor %}

<div id="metrics_iframe"></div>
<script>
	loadMetrics()
 </script>
{% endblock %}