{{define "title"}}Announcer Display{{end}}
{{define "body"}}
<h3 id="matchName"></h3>
<table class="table">
  <thead>
    <tr>
      <th>Team</th>
      <th>Nickname</th>
      <th>Location</th>
      <th>Name</th>
      <th class="nowrap">Robot Name</th>
      <th class="nowrap">Rookie Year</th>
      <th class="nowrap">Recent Accomplishments</th>
    </tr>
  </thead>
  <tbody>
    <tr class="well-darkred" id="red1"></tr>
    <tr class="well-darkred" id="red2"></tr>
    <tr class="well-darkred" id="red3"></tr>
    <tr class="well-darkblue" id="blue1"></tr>
    <tr class="well-darkblue" id="blue2"></tr>
    <tr class="well-darkblue" id="blue3"></tr>
  </tbody>
</table>
<div class="row">
  <div id="matchState" class="col-lg-2 col-lg-offset-2 well well-sm text-center">&nbsp;</div>
  <div id="matchTime" class="col-lg-2 well well-sm text-center">&nbsp;</div>
  <div id="redScore" class="col-lg-2 well well-sm well-red text-center">&nbsp;</div>
  <div id="blueScore" class="col-lg-2 well well-sm well-blue text-center">&nbsp;</div>
</div>
<div class="row">
</div>
<div id="matchResult" class="modal" style="top: 10%;">
  <div class="modal-dialog modal-large">
    <div class="modal-content">
      <div class="modal-header" id="savedMatchResult">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Final Results &ndash; <span id="scoreMatchName"></span></h4>
      </div>
      <div class="modal-body row">
        <div class="col-lg-6">
          <div class="well well-darkred" id="redScoreDetails"></div>
        </div>
        <div class="col-lg-6">
          <div class="well well-darkblue" id="blueScoreDetails"></div>
        </div>
      </div>
      <div class="modal-footer">
        <form class="form-horizontal" action="/setup/teams/clear" method="POST">
          <button type="button" class="btn btn-info" onclick="postMatchResult();">
            Post Score to Audience Display
          </button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Dismiss</button>
        </form>
      </div>
    </div>
  </div>
</div>
<script id="teamTemplate" type="text/x-handlebars-template">
  {{"{{#if this}}"}}
    <td><b>{{"{{Id}}"}}</b></td>
    <td class="nowrap">{{"{{Nickname}}"}}</td>
    <td class="nowrap">{{"{{City}}"}}, {{"{{StateProv}}"}}, {{"{{Country}}"}}</td>
    <td>{{"{{Name}}"}}</td>
    <td class="nowrap">{{"{{RobotName}}"}}</td>
    <td>{{"{{RookieYear}}"}}</td>
    <td class="nowrap">{{"{{{Accomplishments}}}"}}</td>
  {{"{{else}}"}}
    <td colspan="100">No team present</td>
  {{"{{/if}}"}}
</script>
<script id="matchResultTemplate" type="text/x-handlebars-template">
  <h4>Score</h4>
  <div class="row">
    <div class="col-lg-7 col-lg-offset-1 control-label">Auto Points</div>
    <div class="col-lg-2">{{"{{score.AutoPoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-7 col-lg-offset-1 control-label">Teleop Points</div>
    <div class="col-lg-2">{{"{{score.TeleopPoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-lg-offset-2 control-label">Assist Points</div>
    <div class="col-lg-2">{{"{{score.AssistPoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-lg-offset-2 control-label">Truss/Catch Points</div>
    <div class="col-lg-2">{{"{{score.TrussCatchPoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-lg-offset-2 control-label">Goal Points</div>
    <div class="col-lg-2">{{"{{score.GoalPoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-7 col-lg-offset-1 control-label">Foul Points</div>
    <div class="col-lg-2">{{"{{score.FoulPoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-7 col-lg-offset-1 control-label"><b>Final Score</b></div>
    <div class="col-lg-2"><b>{{"{{score.Score}}"}}</b></div>
  </div>
  <h4>Fouls</h4>
  {{"{{#each fouls}}"}}
    <div class="row">
      <div class="col-lg-4 col-lg-offset-1">{{"{{#if IsTechnical}}"}}Tech {{"{{/if}}"}}Foul</div>
      <div class="col-lg-3">{{"{{TeamId}}"}}</div>
      <div class="col-lg-3">{{"{{Rule}}"}}</div>
    </div>
  {{"{{/each}}"}}
</script>
{{end}}
{{define "script"}}
<script src="/static/js/match_timing.js"></script>
<script src="/static/js/announcer_display.js"></script>
{{end}}