{% extends "base.html" %}

{% block title %} Data Processing Report {% endblock %}

{% block banner %} Data Processing Report {% endblock %}

{% block header %}
<script language="javascript" type="text/javascript" src="/static/thirdparty/d3.v3/d3.v3.min.js"></script>
<script language="javascript" type="text/javascript" src="/static/monthly_chart.js"></script>
<link rel="stylesheet" media="all" href="/static/bar_chart.css" />
{% endblock %}

{% block summary %}
<div class="summary_plots">
  <div id="runs_per_month" style="width:500px; height:150px;"></div>
</div>
{% endblock %}

{% block content %}
    Runs processed as a function of time:<br>
    <table class="message_table">
    <thead>
    <tr>
        <th>Start date</th> <th>End date</th> <th>Number of runs</th>
    </tr>
    </thead>
    <tbody>
    {% for item in run_summary %}
        <tr>
        <td>{{ item.min_date|date }}</a></td>
        <td>{{ item.max_date|date }} </td>
        <td>{{ item.number_of_runs }}</td>
        </tr>
    {% endfor %}
    </tbody>
    </table>
    <br><br>

    List of instruments:<br>
    <table class="message_table">
    <thead>
    <tr>
        <th>Instrument</th> <th>Number of experiments</th> <th>Number of runs</th>
    </tr>
    </thead>
    <tbody>
    {% for item in instruments %}
        <tr>
        <td><a href='{{ base_instrument_url }}{{ item.name }}/'>{{ item.name|upper }}</a></td>
        <td>{{ item.number_of_expts }} </td>
        <td>{{ item.number_of_runs }}</td>
        </tr>
    {% endfor %}
    </tbody>
    </table>

    <script id="source" language="javascript" type="text/javascript">
      var run_data = {{ run_rate|safe }};
      MonthlyGraph(run_data, "runs_per_month", "detailed");

    </script>
{% endblock %}