{% extends "bootspeed/bootspeed_layout.html" %}
{% load url from future %}
{% load dashboard_extras staticfiles %}

{% block page_name %}Bootspeed for {{ arch }}{% endblock %}
{% block extra_headers %}
<script type="text/javascript" src='{% static "js/dygraph-combined.js" %}'></script>
<script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script>
<script src='{% static "js/graph.js" %}'></script>
{% endblock extra_headers %}
{% block content %}
<div class='grid_15'>
  <h2>
      Bootspeed for {{ arch }}
      {% include "includes/chart_tooltip.html" %}
  </h2>
</div>
{% include "bootspeed/nav.html" %}
<div class='grid_13'>
{% for r in result %}
  <div style="overflow: hidden;">
<h2 id="{{ r.machine.name }}" name="{{ r.machine.name }}">{{ r.machine.name }}</h2>

<div id="{{ r.machine.id }}" style="float: left; width: 800px; height: 500px;"></div>
<script type="text/javascript">
	draw_bootspeed_graph("{% url "bootspeed_api_machine_results" r.machine.id arch %}", "{{ r.machine.id }}");
</script></div>
<div><a href="{% url "bootspeed_machine_data" r.machine.id arch %}">Detailed view</a></div>
    {% endfor %}
</div>
<div align="center">
</div>
{% endblock %}