<h1>Force Kin Gamba Leaderboard</h1>

<div class="throne">
  <div class="throne-box">
    <h3 class="throne-title gambalord">Gambalord</h3>
    <h4 class="throne-name"><%= @players.first.name %></h4>
    <h5 class="throne-purse"><%= @players.first.purse %></h5>
  </div>
  <div class="throne-box">
    <h3 class="throne-title gumbalord">Gumbalord</h3>
    <h4 class="throne-name"><%= @players.last.name %></h4>
    <h5 class="throne-purse"><%= @players.last.purse %></h5>
  </div>
</div>

<% if @players.any? %>
<div class="wrapper">
  <div class="table">
    <div class="row header">
      <div class="cell">Player</div>
      <div class="cell">Purse</div>
      <div class="cell">Wins</div>
      <div class="cell">Losses</div>
    </div>
    <% @players.each do |player| %>
      <div class="row">
        <div class="cell" data-title="Player"><%= player.name %></div>
        <div class="cell" data-title="Purse"><%= player.purse %></div>
        <div class="cell" data-title="Wins"><%= player.wins %></div>
        <div class="cell" data-title="Losses"><%= player.losses %></div>
      </div>
    <% end %>
    </div>
    <a href="/games">Game History</a>
</div>
<% else %>
  <p>No Players!</p>
<% end %>