<p id="notice"><%= notice %></p>

<h1 class="text-center">Your Party</h1>

<table class="table table-dark table-striped table-padded">
  <thead>
    <tr>
      <th>Avatar</th>
      <th>Name</th>
      <th>Health</th>
      <th>Strength</th>
      <th>Intelligence</th>
      <th>Agility</th>
      <th>Luck</th>
      <th colspan="3" class="text-center">Manage</th>
    </tr>
  </thead>

  <tbody>
    <% @characters.each do |character| %>
      <tr>
        <td><%= image_tag(character.avatar, size: '100x100')%></td>
        <td><%= character.name %></td>
        <td><%= character.health %></td>
        <td><%= character.strength %></td>
        <td><%= character.intelligence %></td>
        <td><%= character.agility %></td>
        <td><%= character.luck %></td>
        <td><%= link_to 'Show', character %></td>
        <td><%= link_to 'Edit', edit_character_path(character) %></td>
        <td><%= link_to 'Destroy', character, method: :delete, data: { confirm: 'Are you sure?' } %></td>
      </tr>
    <% end %>
  </tbody>
</table>

<br>

<div class="text-center">
<%# <%= button_to 'New Character', action: "new", class: "btn btn-primary center" %>
<%= button_to 'New Character', new_character_path, method: "get", class: "btn btn-primary text-center"%>
</div>
