obdev/app/views/participants/index.html.erb

<div class="container mt-5">
  <h1 class="mb-4 text-center">Participants</h1>

  <div class="text-center mt-3">
    <%= link_to 'New Participant', new_participant_path, class: 'btn btn-dark mb-3' %>
  </div>

  <%= paginate @participants %>

  <table class="table table-striped table-hover">
    <thead class="table-light">
      <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Address</th>
        <th>Phone</th>
        <th>Email</th>
        <th>DOB</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      <% @participants.each do |participant| %>
        <tr>
          <td><%= participant.first_name %></td>
          <td><%= participant.last_name %></td>
          <td><%= [participant.address_line_1, participant.address_line_2, participant.city, participant.state, participant.zip].reject(&:blank?).join(', ') %></td>
          <td><%= participant.phone %></td>
          <td><%= participant.email %></td>
          <td><%= participant.dob.strftime('%B %d, %Y') if participant.dob %></td>
          <td>
            <%= link_to participant, class: 'btn btn-sm btn-secondary' do %>
              <i class="bi bi-eye"></i>
            <% end %>
            <%= link_to edit_participant_path(participant), class: 'btn btn-sm btn-info' do %>
              <i class="bi bi-pencil-fill" style="color: white;"></i>
            <% end %>
          </td>
        </tr>
      <% end %>
    </tbody>
  </table>
</div>