{{define "title"}}Announcer Display{{end}}
{{define "body"}}
<h3 id="matchName"></h3>
<div class="row">
  <div class="col-lg-2"><h4>Team</h4></div>
  <div class="col-lg-5"><h4>Name</h4></div>
  <div class="col-lg-5"><h4>Recent Accomplishments</h4></div>
</div>
<div class="row">
  <div class="row well-sm well-darkred" id="red1"></div>
  <div class="row well-sm well-darkred" id="red2"></div>
  <div class="row well-sm well-darkred" id="red3"></div>
  <div class="row well-sm well-darkblue" id="blue1"></div>
  <div class="row well-sm well-darkblue" id="blue2"></div>
  <div class="row well-sm well-darkblue" id="blue3"></div>
</div>
<br />
<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 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-default" data-dismiss="modal">Dismiss</button>
        </form>
      </div>
    </div>
  </div>
</div>
<script id="teamTemplate" type="text/x-handlebars-template">
  {{"{{#if this}}"}}
    <div class="col-lg-2">
      <div><h4><b>{{"{{Id}}"}}</b></h4></div>
      <div class="nowrap"><h4><b>{{"{{Nickname}}"}}</b></h4></div>
      <div class="nowrap">{{"{{City}}"}}, {{"{{StateProv}}"}}, {{"{{Country}}"}}</div>
      <div class="nowrap">Robot: {{"{{RobotName}}"}}</div>
      <div>Rookie Year: {{"{{RookieYear}}"}}</div>
    </div>
    <div class="col-lg-5">{{"{{Name}}"}}</div>
    <div class="col-lg-5 indentwrap">{{"{{{Accomplishments}}}"}}</div>
  {{"{{else}}"}}
    <div class="col-lg-12">No team present</div>
  {{"{{/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-7 col-lg-offset-1 control-label">Endgame Points</div>
    <div class="col-lg-2">{{"{{score.EndgamePoints}}"}}</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>Rankings</h4>
  {{"{{#eachMapEntry rankings}}"}}
  {{"{{#if this.value}}"}}
  <div class="row">
    <div class="col-lg-4 col-lg-offset-1">Team {{"{{this.key}}"}}</div>
    <div class="col-lg-7">{{"{{{this.value}}}"}}</div>
  </div>
  {{"{{/if}}"}}
  {{"{{/eachMapEntry}}"}}
</script>
{{end}}
{{define "head"}}
{{end}}
{{define "script"}}
<script src="/static/js/match_timing.js"></script>
<script src="/static/js/announcer_display.js"></script>
{{end}}
