{% extends 'template.html' %}
{% load staticfiles %}

{% block title %}Upstream Run Metadata{% endblock %}

{% block head-extra %}
<script src="{% static 'js/upstream_run.js' %}"></script>
<link href="{% static 'css/upstream_run.css' %}" rel="stylesheet" type="text/css">
{% endblock %}

{% block body %}



<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Upstream Run Data</h1>
    </div>
    <!-- /.col-lg-12 -->
</div>

<div class="row">
    <div class="col-lg-6">
        <div class="panel panel-default">
            <div class="panel panel-heading" id="runs-panel-heading">Analyze Run</div>
                <div class="panel panel-body">
                    <div id="gerrit-panel">
                        Enter a Gerrit Change ID (six-digit): <input type="text" id="gerrit-id">
                        <input id="gerrit-id-button" type="button" value="Submit">
                    </div>
                    <div id="runs-panel"></div>
                </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="panel panel-default" id="run-metadata-panel">
            <div class="panel panel-heading">Run Metadata</div>
                <div class="panel panel-body">
                   <div class="table-responsive" id="run-metadata-table-div">
                       <table class="table table-bordered table-hover table-striped" id="run-metadata-table"></table>
                   </div>
                </div>
        </div>
    </div>
</div>



{% endblock %}