%= javascript_packs_with_chunks_tag "colorPreview", "clipboardCopy", defer: true %>
<%= render "shared/webcomponents_loader_script" %>
<%= t("views.settings.org.admin.members") %>
<% @org_organization_memberships.each do |org_membership| %>
<%= org_membership.user.name %>
<% if org_membership.user == @user %>
<%= t("views.settings.org.admin.you") %>
<% end %>
<% if org_membership.type_of_user == "admin" %>
<%= t("views.settings.org.admin.admin") %>
<% end %>
<% if org_membership.user == @user && org_membership.type_of_user == "admin" %>
<% elsif org_membership.user != @user && org_membership.type_of_user == "admin" %>
<%= form_tag "/users/remove_org_admin", onsubmit: "return confirm('#{t('views.settings.org.admin.revoke.confirm', user: org_membership.user.name)}');" do %>
<%= hidden_field_tag "user_id", org_membership.user_id %>
<%= hidden_field_tag "organization_id", @organization.id %>
<% end %>
<% else %>
<%= form_tag "/users/add_org_admin", onsubmit: "return confirm('#{t('views.settings.org.admin.make.confirm', user: org_membership.user.name)}');" do %>
<%= hidden_field_tag "user_id", org_membership.user_id %>
<%= hidden_field_tag "organization_id", @organization.id %>
<% end %>
<%= form_tag "/users/remove_from_org", onsubmit: "return confirm('#{t('views.settings.org.admin.remove.confirm', user: org_membership.user.name)}');" do %>
<%= hidden_field_tag "user_id", org_membership.user_id %>
<%= hidden_field_tag "organization_id", @organization.id %>
<% end %>
<% end %>
<% end %>
<%= form_tag "/organizations/generate_new_secret", onsubmit: "return confirm('#{t('views.settings.org.admin.gen.confirm')}');" do %>
<%= hidden_field_tag "organization[id]", @organization.id %>
<% end %>
<%= t("views.settings.org.admin.gen.text") %>
<%= t("views.settings.org.admin.details") %>
<%= form_for @organization, html: { class: "grid gap-6" } do |f| %>
<%= f.hidden_field :id %>
<%= f.label :name, class: "crayons-field__label" %>
<%= f.text_field :name, maxlength: 50, class: "crayons-textfield", placeholder: "Acme Inc." %>
<%= f.label :slug, class: "crayons-field__label" %>
<%= f.text_field :slug, maxlength: 18, minlength: 2, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.slug", slug: app_url(@organization.slug)) %>
<%= f.label :profile_image, "Profile image *", class: "crayons-field__label" %>
<% if @organization.profile_image_url.present? %>
<% end %>
<%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
<%= f.label :nav_image, "Logo for light themes", class: "crayons-field__label" %>
<% if @organization.nav_image_url.present? %>
 %>)
<% end %>
<%= f.file_field :nav_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
<%= f.label :dark_nav_image, "Logo for dark themes", class: "crayons-field__label" %>
<% if @organization.dark_nav_image_url.present? %>
 %>)
<% end %>
<%= f.file_field :dark_nav_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
<%= f.label :twitter_username, "Twitter username", class: "crayons-field__label" %>
<%= f.text_field :twitter_username, class: "crayons-textfield" %>
<%= f.label :github_username, "GitHub username", class: "crayons-field__label" %>
<%= f.text_field :github_username, class: "crayons-textfield" %>
<%= f.label :url, "Website url", class: "crayons-field__label" %>
<%= f.url_field :url, maxlength: 128, placeholder: "https://yoursite.com", class: "crayons-textfield" %>
<%= f.label :tag_line, class: "crayons-field__label" %>
<%= f.text_field :tag_line, maxlength: 60, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.tag_line") %>
<%= f.label :summary, class: "crayons-field__label" %>
<%= f.text_area :summary, maxlength: 250, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.summary") %>
<%= render partial: "shared/logo_design", locals: { f: f, account: @organization_membership.organization } %>
<%= f.label :location, class: "crayons-field__label" %>
<%= f.text_field :location, maxlength: 64, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.location") %>
<%= f.label :email, class: "crayons-field__label" %>
<%= f.text_field :email, maxlength: 64, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.email") %>
<%= f.label :company_size, class: "crayons-field__label" %>
<%= f.text_field :company_size, maxlength: 7, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.company_size") %>
<%= f.label :story, class: "crayons-field__label" %>
<%= f.text_area :story, maxlength: 640, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.story") %>
<%= f.label :tech_stack, class: "crayons-field__label" %>
<%= f.text_area :tech_stack, maxlength: 640, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.tech_stack") %>
<%= f.label :cta_body_markdown, class: "crayons-field__label" %>
<%= f.text_area :cta_body_markdown, maxlength: 256, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.cta_body_markdown") %>
<%= f.label :cta_button_text, class: "crayons-field__label" %>
<%= f.text_field :cta_button_text, maxlength: 20, class: "crayons-textfield" %>
<%= t("views.settings.org.admin.form.cta_button_text") %>
<%= f.label :cta_button_url, "Link url", class: "crayons-field__label" %>
<%= f.text_field :cta_button_url, maxlength: 150, placeholder: "https://example.com", class: "crayons-textfield" %>
<% end %>