{% extends 'base.html' %}
{% load static from staticfiles %}

{% block sidebar_active %}
<ul id="side-main-menu" class="side-menu list-unstyled">
    <li><a href="{% url 'index_page' %}"><i class="fa fa-home"></i>Overview</a></li>
    <li><a href="#dropDown" aria-expanded="false" data-toggle="collapse">
    <i class="fa fa-area-chart"></i>Benchmarks</a>
    <ul id="dropDown" class="collapse list-unstyled">
        <li><a href="{% url 'cpu_memory' %}"><i class="fa fa-asterisk"></i>CPU & Memory Usage</a></li>
        <li><a href="#dropDownLatency" aria-expanded="false" data-toggle="collapse">
            <i class="fa fa-asterisk"></i>Latency Quantiles</a>
            <ul id="dropDownLatency" class="collapse list-unstyled">
                <li><a href="{% url 'latency_conn' %}"><i class="fa fa-chevron-right"></i>Latency vs. Connection</a></li>
                <li><a href="{% url 'latency_qps' %}"><i class="fa fa-chevron-right"></i>Latency vs. QPS</a></li>
            </ul>
        <li><a href="{% url 'flame_graph' %}"><i class="fa fa-asterisk"></i>Flame Graph</a></li>
        <li><a href="{% url 'micro_benchmarks' %}"><i class="fa fa-asterisk"></i>Micro Benchmarks</a></li>
    </ul>
    <li><a href="#alertDropDown" aria-expanded="false" data-toggle="collapse">
    <i class="fa fa-bullhorn"></i>Regression Alerts</a>
    <ul id="alertDropDown" class="collapse list-unstyled">
        <li><a href="{% url 'cur_alert' %}"><i class="fa fa-asterisk"></i>Current Release Alert</a></li>
        <li><a href="{% url 'master_alert' %}"><i class="fa fa-asterisk"></i>Master Alert</a></li>
    </ul>
    <li><a href="{% url 'graph_plotting' %}"> <i class="fa fa-edit"></i>Graph Plotting</a></li>
    <li class="active"><a href="{% url 'artifact' %}"> <i class="fa fa-file-text"></i>Artifacts</a></li>
    <li><a href="{% url 'history' %}"> <i class="fa fa-file-archive-o"></i>History</a></li>
</ul>
{% endblock sidebar_active %}

{% block current_active %}
<li class="breadcrumb-item active">Artifacts</li>
{% endblock current_active %}

{% block page_content %}
<section>
    <div class="container-fluid">
      <!-- Page Header-->
      <header>
        <h1 class="h3 display"><a href="https://console.cloud.google.com/storage/browser/istio-build/perf?project=istio-testing&folder=true&organizationId=433637338589" target="_blank">
          Istio {{ current_release|first }} Performance Benchmark Artifacts</a></h1>
        <p style="color:#888;">(CPU/mem/Latency/Flame Graph/Others)</p>
      </header>
      <div class="row">
        <div class="col-lg-10">
          <div class="card">
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-striped">
                  <thead>
                  <tr>
                    <th>Build</th>
                    <th>GCS Link</th>
                  </tr>
                  </thead>
                  <tbody>
                  {% for release in cur_release_bundle %}
                  <tr>
                    <td>{{ release|first }}</td>
                    <td><a href={{ release|last }} target="_blank">data</a></td>
                  </tr>
                  {% endfor %}
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <!-- Page Header-->
      <header>
        <h1 class="h3 display"><a href="https://console.cloud.google.com/storage/browser/istio-build/perf?project=istio-testing&folder=true&organizationId=433637338589" target="_blank">
          Istio Performance Benchmark Artifacts</a></h1>
        <p style="color:#888;">(CPU/mem/Latency/Flame Graph/Others)</p>
      </header>
      <div class="row">
        <div class="col-lg-10">
          <div class="card">
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-striped">
                  <thead>
                  <tr>
                    <th>Build</th>
                    <th>GCS Link</th>
                  </tr>
                  </thead>
                  <tbody>
                  {% for release in master_release_bundle %}
                  <tr>
                    <td>{{ release|first }}</td>
                    <td><a href={{ release|last }} target="_blank">data</a></td>
                  </tr>
                  {% endfor %}
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</section>
{% endblock page_content %}

{% block page_data %}
    <script>
        current_release = {{ current_release|safe }}
        cur_release_bundle = {{ cur_release_bundle|safe }}
        master_release_bundle = {{ master_release_bundle|safe }}
    </script>
{% endblock page_data %}