<div class="card shadow-sm">
  <%= card_header text: t(".heading"), subtext: @project.client_name, close_action_path: [@project] %>
  <div class="card-body p-3">
    <% if policy(ProjectMembership).new? %>
      <section class="py-2">
        <h2 class="h6"><%= t(".invitation.heading") %></h2>
        <%= render "form", project_membership: @project_membership %>
      </section>
    <% end %>

    <section class="py-2">
      <h2 class="h6"><%= t(".team_roster.heading", count: @project.members.size) %></h2>
      <div class="pt-2 mx-n3">
        <table class="table table-striped tr-px-4 align-all-middle">
          <thead class="thead-light">
            <tr>
              <th></th>
              <th>Email</th>
              <th>Name</th>
              <th>Role</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <%= render partial: "account_manager", collection: @account_managers %>
            <%= render @project_memberships %>
          </tbody>
        </table>
      </div>
    </section>
  </div>
</div>

