{{define "title"}}FTA Display{{end}}
{{define "body"}}
<div class="row">
  <div class="col-lg-12">
    <div class="row text-center">
      <div class="col-lg-6 well well-darkblue">
        <div class="row form-group">
          <div class="col-lg-3">Blue Teams</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Driver Station">DS</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Robot Status/Time Since Last Link">R</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Battery">Bat</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Bypassed/Disabled">Byp</div>
          <div class="col-lg-2" data-toggle="tooltip" title="Average Trip Time">Trip Time</div>
          <div class="col-lg-2" data-toggle="tooltip" title="Packet Loss">Lost Pack</div>
        </div>
        {{template "ftaTeam" dict "color" "B" "position" 1 "data" .}}
        {{template "ftaTeam" dict "color" "B" "position" 2 "data" .}}
        {{template "ftaTeam" dict "color" "B" "position" 3 "data" .}}
      </div>
      <div class="col-lg-6 well well-darkred">
        <div class="row form-group">
          <div class="col-lg-3">Red Teams</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Driver Station">DS</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Robot Status/Time Since Last Link">R</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Battery">Bat</div>
          <div class="col-lg-1" data-toggle="tooltip" title="Bypassed/Disabled">Byp</div>
          <div class="col-lg-2" data-toggle="tooltip" title="Average Trip Time">Trip Time</div>
          <div class="col-lg-2" data-toggle="tooltip" title="Packet Loss">Lost Pack</div>
        </div>
        {{template "ftaTeam" dict "color" "R" "position" 3 "data" .}}
        {{template "ftaTeam" dict "color" "R" "position" 2 "data" .}}
        {{template "ftaTeam" dict "color" "R" "position" 1 "data" .}}
      </div>
    </div>
    <br />
  </div>
</div>
{{end}}
{{define "script"}}
<script src="/static/js/fta_display.js"></script>
{{end}}
{{define "ftaTeam"}}
<div class="row form-group" id="status{{.color}}{{.position}}">
  <div class="col-lg-1">{{.position}} </div>
  <div class="col-lg-2"><div class="team"></div></div>
  <div class="col-lg-1 col-no-padding"><div class="ds-status"></div></div>
  <div class="col-lg-1 col-no-padding"><div class="robot-status"></div></div>
  <div class="col-lg-1 col-no-padding"><div class="battery-status"></div></div>
  <div class="col-lg-1 col-no-padding"><div class="bypass-status-fta"></div></div>
  <div class="col-lg-2 col-no-padding"><div class="trip-time" ></div></div>
  <div class="col-lg-2 col-no-padding"><div class="packet-loss" ></div></div>
</div>
{{end}}