<div class="card shadow-sm">
  <%= card_header text: t(".heading"), subtext: @account.name, close_action_path: ( Current.user.admin? ?  admin_accounts_path  : projects_path) %>

  <div class="card-body p-3">
    <section class="py-2">
      <h2 class="h6"><%= t(".logo.heading") %></h2>
      <div class="mb-2" id="account_logo_display">
        <%= render "accounts/logo", account: @account %>
      </div>
      <%= render "account_logo_form", account: @account %>
    </section>
    <hr>
    <% if policy(AccountAuth).new? %>
      <section class="py-2">
        <h2 class="h6"><%= t(".invitation.heading") %></h2>
        <%= render "form", account_auth: @account_auth, account_id: @account.id %>
      </section>
    <% end %>

    <h2 class="h6"><%= pluralize(@members.size, "Account Member") %></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>No. Projects</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <%= render @members %>
        </tbody>
      </table>
    </div>
  </div>
</div>
