{{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">Initiation Line Points</div>
    <div class="col-lg-2">{{"{{score.InitiationLinePoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-7 col-lg-offset-1 control-label">Power Cell Points</div>
    <div class="col-lg-2">{{"{{score.PowerCellPoints}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-7 col-lg-offset-1 control-label">Control Panel Points</div>
    <div class="col-lg-2">{{"{{score.ControlPanelPoints}}"}}</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">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">Control Panel RP</div>
    <div class="col-lg-2">{{"{{score.ControlPanelRankingPoint}}"}}</div>
  </div>
  <div class="row">
    <div class="col-lg-7 col-lg-offset-1 control-label">Endgame RP</div>
    <div class="col-lg-2">{{"{{score.EndgameRankingPoint}}"}}</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-3 col-lg-offset-1">
        {{"{{#if IsTechnical}}"}}Tech {{"{{/if}}"}}Foul{{"{{#if IsRankingPoint}}"}}+RP{{"{{/if}}"}}
      </div>
      <div class="col-lg-3">Team {{"{{TeamId}}"}}</div>
      <div class="col-lg-3" data-toggle="tooltip" title="{{"{{Description}}"}}">{{"{{RuleNumber}}"}}</div>
    </div>
  {{"{{/each}}"}}
  <h4>Cards</h4>
  {{"{{#eachMapEntry cards}}"}}
    {{"{{#if this.value}}"}}
      <div class="row">
        <div class="col-lg-3 col-lg-offset-1">Team {{"{{this.key}}"}}</div>
        <div class="col-lg-3 col-lg-offset-1" style="text-transform: capitalize;">{{"{{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}}