<section id="main">
  <a href="./#/mocks"><- Back to mocks list</a>
  <nav id="secondary" class="main-nav">
    <div class="mock-picture">
      <div class="avatar">
        <img ng-show="mock" src="img/mocks/{{mock.Mock.mockId}}.png" />
        <img ng-show="mock" src="img/flags/{{mock.Mock.nationality}}.png" /><br/>
        {{mock.mock.givenName}} {{mock.mock.familyName}}
      </div>
    </div>
    <div class="mock-status">
      Country: {{mock.mock.nationality}}   <br/>
      Team: {{mock.Constructors[0].name}}<br/>
      Birth: {{mock.mock.dateOfBirth}}<br/>
      <a href="{{mock.Mock.url}}" target="_blank">Biography</a>
    </div>
  </nav>

  <div class="main-content">
    <table class="result-table">
      <thead>
        <tr><th colspan="5">Formula 1 2013 Results</th></tr>
      </thead>
      <tbody>
        <tr>
          <td>Round</td> <td>Grand Prix</td> <td>Team</td> <td>Grid</td> <td>Race</td>
        </tr>
        <tr ng-repeat="race in races">
          <td>{{race.round}}</td>
          <td><img  src="img/flags/{{race.Circuit.Location.country}}.png" />{{race.raceName}}</td>
          <td>{{race.Results[0].Constructor.name}}</td>
          <td>{{race.Results[0].grid}}</td>
          <td>{{race.Results[0].position}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</section>
