{% extends "base.html" %}
{% comment %}© 2011, Multapplied Networks, Inc.{% endcomment %}
{% load bootstrap %}

{% block base %}<base href="/django/bonds/{{ bond.id }}/tunings/"/>{% endblock %}

{% block title %}{{ bond.bonder.name | escapejs }} Tunings {{ block.super }}{% endblock %}

{% block breadcrumbs %}
    {{ block.super }}
    <li><a href="{% url 'bonds' %}" target="_parent">Bonds</a></li>
    <li><a href="{% url 'bond-details' bond.id %}" target="_parent">{{ bond.bonder.name }}</a></li>
    <li>Tunings</li>
{% endblock %}

{% block content %}
    <div class="col-md-12">
      <h2 id="results">Bond Tunings</h2>
      <div class="row">
        <div class="col-md-12">
          <table class="table table-bordered table-striped table-condensed speedtest-table" cg-busy="{promise:promise,message:'Loading',backdrop:false,delay:300}">
            <thead>
              <tr>
                <th class="vert-align-middle">ID</th>
                <th class="vert-align-middle">By</th>
                <th class="vert-align-middle">Submitted</th>
                <th class="vert-align-middle">Status</th>
                <th class="vert-align-middle">Acknowledgement</th>
                <th class="vert-align-middle">Details</th>
              </tr>
            </thead>
            {% for tuning in bond_tunings %}
            <tr>
              <td><a href="{% url 'settings-check' bond.id tuning.id %}" target="_parent">{{ tuning.id }}</a></td>
              <td>{{ tuning.submitted_by }}</td>
              <td>{{ tuning.created }}</td>
              <td>{{ tuning.status | title }}</td>
              <td>{{ tuning.results_acknowledgement | title }}</td>
              <td><a ng-href="{% url 'settings-check' bond.id tuning.id %}" target="_parent" class="btn btn-default btn-sm" title="Bond tuning details"><i class="fa fa-search-plus"></i></a></td>
            </tr>
            {% endfor %}
          </table>
        </div>
      </div>
      <h2 id="results">Leg Tunings</h2>
      <div class="row">
        <div class="col-md-12">
          <table class="table table-bordered table-striped table-condensed speedtest-table" cg-busy="{promise:promise,message:'Loading',backdrop:false,delay:300}">
            <thead>
              <tr>
                <th class="vert-align-middle">ID</th>
                <th class="vert-align-middle">By</th>
                <th class="vert-align-middle">Submitted</th>
                <th class="vert-align-middle">Status</th>
                <th class="vert-align-middle">Acknowledgement</th>
                <th class="vert-align-middle">Details</th>
              </tr>
            </thead>
            {% for tuning in leg_tunings %}
            <tr>
              <td><a href="{% url 'speed-check' bond.id tuning.leg.id tuning.id %}" target="_parent">{{ tuning.id }}</a></td>
              <td>
                {% if tuning.submitted_by %}
                  {{ tuning.submitted_by }}
                {% else %}
                  {{ tuning.bondtuner }}
                {% endif %}
              </td>
              <td>{{ tuning.created }}</td>
              <td>{{ tuning.status | title }}</td>
              <td>{{ tuning.results_acknowledgement | title }}</td>
              <td><a ng-href="{% url 'speed-check' bond.id tuning.leg.id tuning.id %}" target="_parent" class="btn btn-default btn-sm" title="Leg tuning details"><i class="fa fa-search-plus"></i></a></td>
            </tr>
            {% endfor %}
          </table>
        </div>
      </div>
    </div>
{% endblock %}