<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>
<%namespace name="profile_graphs" file="profile_graphs.js"/>

<%block name="js_extra">
  <script type="text/javascript" src="${static.url('js/vendor/flot/jquery.flot.js')}"></script>
  <script type="text/javascript" src="${static.url('js/vendor/flot/jquery.flot.stack.js')}"></script>
  <script type="text/javascript" src="${static.url('js/vendor/flot/jquery.flot.symbol.js')}"></script>
  % for s in students:
  <script>
    ${profile_graphs.body(s['grade_info']['grade_summary'], "grade-detail-graph-" + str(s['id']))}
  </script>
  %endfor
</%block>

<%include file="navigation.html" args="active_page=''" />
<section class="container">
<div class="gradebook-wrapper">
  <section class="gradebook-content">
    <h1>Gradebook</h1>
    <ol>
      % for s in students:
      <li>
        <h2><a href=/profile/${s['id']}>${s['username']}</a></h2>
        <div id="grade-detail-graph-${s['id']}" style="width:1000px;height:300px;"></div>
      </li>
      % endfor
    </ol>
  </section>
</div>
</section>