Form section

render_settings_section(
  id: "gallery-settings-section-minimal",
  title: "Workspace name",
  fields: [ [ :name, "Workspace name" ] ]
)

render NitroKit::SettingsSection.new(
  title: "Profile",
  description: "Public details shown to workspace members.",
  id: "gallery-settings-section-validation"
) do |section|
  section.status NitroKit::Alert.new(variant: :destructive, id: "gallery-settings-section-validation-status") do |alert|
    alert.title("Profile was not saved")
    alert.description("Correct the highlighted name and email fields.")
  end
  section.form do
    form_with(url: "#profile", scope: :profile, builder: NitroKit::FormBuilder, id: "gallery-settings-section-validation-form") do |form|
      form.group do
        form.field(:name, label: "Display name", value: "", errors: [ "Display name can't be blank" ], required: true)
        form.field(:email, as: :email, label: "Email", value: "not-an-email", errors: [ "Email is invalid" ], required: true)
        form.submit("Save profile")
      end
    end
  end
end

render NitroKit::SettingsSection.new(
  title: "Notification settings",
  description: "Choose which operational changes should send email.",
  id: "gallery-settings-section-success"
) do |section|
  section.status NitroKit::Alert.new(variant: :success, id: "gallery-settings-section-success-status") do |alert|
    alert.title("Notification settings saved")
    alert.description("New incidents and weekly summaries will be delivered to [email protected].")
  end
  section.form do
    form_with(url: "#notifications", scope: :notifications, builder: NitroKit::FormBuilder, id: "gallery-settings-section-success-form") do |form|
      form.group do
        form.field(:incidents, as: :switch, label: "Incident alerts", checked: true)
        form.field(:summaries, as: :switch, label: "Weekly summaries", checked: true)
        form.submit("Save notifications")
      end
    end
  end
end

render NitroKit::Container.new(size: :lg, id: "gallery-settings-section-dense-container") do
  render_settings_section(
    id: "gallery-settings-section-dense",
    title: "International Research and Reliability workspace profile",
    description: "Long labels, guidance, and a complete caller-owned form exercise the boundary without teaching the section about a Rails model.",
    fields: [
      [ :name, "Official workspace name" ],
      [ :billing_email, "Billing and compliance contact email" ],
      [ :legal_entity, "Contracting legal entity" ],
      [ :data_region, "Primary encrypted data residency region" ],
      [ :retention, "Audit event retention policy acknowledgement" ]
    ]
  )
end