{% extends "layout.html" %}
{% block title %} Benchmarks {% endblock %}

{% block content %}
<link rel="stylesheet" href="{{ base_path }}/static/css/autocomplete.css" />

<h1>Benchmark System</h1>

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>

{% if plot is not none %}
<div class="chart" id="scatterplot">
    <script>
        var graphs = {{plot | safe}};
        Plotly.plot('scatterplot',graphs,{});
    </script>
</div>
{% endif %}

<table class="data-table">
    <thead>
    <tr>
        <th>name</th>
        <th>sha</th>
        <th>author</th>
        <th>date</th>
        <th>status</th>
        <th>deploy batch</th>
    </tr>
    </thead>
    <tbody>
    {% for commit in commits.values() %}
    <tr>
        <td><a href="{{ base_path }}/lookup?file={{ benchmark_results_path }}/0-{{ commit['sha'] }}.json">{{ commit['title'] }}</a></td>
        <td>{{ commit['sha'] }}</td>
        <td>{{ commit['author'] }}</td>
        <td>{{ commit['date'] }}</td>
        {% if commit['status'] is not none %}
        <td>{{ commit['status']['state'] }}</td>
        {% endif %}
        <td>
            {% if commit['batch_id'] is not none %}
            <a href="{{ base_path }}/batches/{{ commit['batch_id'] }}">{{ commit['batch_id'] }}</a>
            {% endif %}
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table>

{% endblock %}