{% extends 'layout.html' %}
{% block row_fluid %}
<div class="span12">
  <div class='alert alert-info'>
    We need something fancy here.
  </div>
</div>
<div class="container" style="margin-bottom:55px;">
  <div class="row">
    <div class="span12">
      <div class="span4 stat">
        <h1>{{metrics['num_nodes']}}</h1>
        <span>Population</span>
      </div>
      <div class="span4 stat">
        <h1>{{metrics['num_resources']}}</h1>
        <span>Resources managed</span>
      </div>
      <div class="span4 stat">
        <h1>{{metrics['avg_resources_node']}}</h1>
        <span>Avg. resources/node</span>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="span12">
      <div class="span4 stat">
        <h1>{{metrics['mean_failed_commands']}}</h1>
        <span>Mean command failures</span>
      </div>
      <div class="span4 stat offset4">
        <h1>{{metrics['mean_command_time']}}s</h1>
        <span>Mean command execution time</span>
      </div>
    </div>
  </div>
</div>
{% endblock row_fluid %}
