<%= irelia_page_header(title: t(".title"), subline: t(".description", team_name: @account.name)) do |header| %>
  <% header.with_button(url: new_account_settings_member_path, icon: "fa fa-circle-plus") { t("kiqr.accounts.settings.members.action_buttons.new") } %>
<% end %>
<%= irelia_modal(name: "invitation_link", title: t("kiqr.accounts.settings.members.invitation_link_modal.title")) %>
<%=
irelia_table do |table|
  table.with_column { "Name" }
  table.with_column { "Email" }
  table.with_column { "Role" }
  table.with_column { "Member since" }
  table.with_column(html_options: { class: "text-right" }) { "Actions" }

  @members.each do |member|
    table.with_row do |row|
      row.with_cell { member.name }
      row.with_cell { member.email }
      row.with_cell { member.owner? ? tag.strong("owner") : nil }
      row.with_cell { member.invitation_accepted_at? ? l(member.invitation_accepted_at, format: :long) : tag.em(t(".pending_invitation")) }
      row.with_cell(html_options: { class: "text-right flex justify-end gap-x-2" }) do
%>
        <%= irelia_button(url: invitation_link_modal_account_settings_member_path(member), size: :xs, color: :secondary, modal: :invitation_link) { "Invitation link" } if member.pending_invitation? %>
        <%= irelia_button(url: edit_account_settings_member_path(member), size: :xs, color: :secondary) { "Edit" } %>
      <%
      end
    end
  end
end
%>