<h1>Admin</h1>

<h2 class="left-just">Alt List</h2>
<div class="wrapper">
  <div class="table">
    <div class="row header">
      <div class="cell">Main</div>
      <div class="cell">Alts</div>
      <div class="cell">Remove</div>
    </div>
    <% @mains.each do |main| %>
      <% main.alternate_players.each do |alt| %>
      <div class="row">
        <div class="cell" data-title="Main"><%= main.name %></div>
        <div class="cell" data-title="Alts"><%= alt.name %></div>
        <div class="cell" data-title="Remove"><%= button_to "Clear Alt",
                                                            "/admin/clear_alt",
                                                            method: :post,
                                                            params: { main_id: main.id, alt_id: alt.id } %>
        </div>
      </div>
      <% end %>
    <% end %>
  </div>

  <%= form_with(url: "/admin/set_alt", method: :post, local: true) do %>
    <h2>Set Alt</h2>
    <label for="main-selector">Main: </label>
    <select id="main-selector" name="main_selected">
      <% @player_names.each do |name| %>
        <option value="<%= name %>"><%= name %></option>
      <% end %>
    </select>
    <label for="alt-selector">Alt: </label>
    <select id="alt-selector" name="alt_selected">
    <% @player_names.each do |name| %>
      <option value="<%= name %>"><%= name %></option>
    <% end %>
    </select>

    <%= submit_tag "Set Alt", id: "set-alt-button" %>
  <% end %>
  <a href="/">Leaderboard</a>
  <a href="/admin/destroy">Logout</a>
</div>