_table.html.erb

<table class="table table-items-location">
<thead>
<tr>
  <th>Name</th>
  <th>Items</th>
  <th>Allocations</th>
  <th class="text-right">Actions</th>
</tr>
</thead>
<tbody>
  <% @kits.each do |kit| %>
    <tr>
      <td><%= kit.name %></td>
      <td>
        <ul>
          <% kit.kit_item.line_items.quantities_by_name.map do |id, item_hash| %>
            <li><%= "#{item_hash[:quantity]} #{item_hash[:name]}" %></li>
          <% end %>
        </ul>
      </td>
      <td class='d-flex flex-column'>
        <table>
          <thead>
            <tr>
              <td> Storage Location </td>
              <td class="text-right"> Quantity </td>
            </tr>
          </thead>
          <% @inventory.all_items.select { |i| i.item_id == kit.kit_item.id}.each do |item| %>
            <tr>
              <td><%= @inventory.storage_location_name(item.storage_location_id) %></td>
              <td class="text-right"><%= item.quantity %></td>
            </tr>
          <% end %>
        </table>
      </td>
      <td class="text-right">
        <% if kit.active %>
          <%= deactivate_kit_button(kit, @inventory) %>
        <% else %>
          <%= reactivate_button_to reactivate_kit_path(kit),
                                   { confirm: confirm_reactivate_msg(kit.name),
                                     class: 'reactivate-kit-button',
                                     size: 'xs' } %>
        <% end %>
        <%= edit_button_to allocations_kit_path(kit), { text: "Modify Allocation" } %>
      </td>
    </tr>
  <% end %>
</tbody>
</table>
<script type="module">
  $('.tooltip-target').tooltip();
</script>