Switch

sample("Medium off", slug: "medium-off") do
  render NitroKit::Switch.new(
    label: "Weekly digest",
    description: "One summary every Monday morning.",
    id: "gallery-switch-medium-control",
    name: "preferences[weekly_digest]",
    size: :md,
    html: { id: "gallery-switch-medium" }
  )
end
sample("Large on", slug: "large-on") do
  render NitroKit::Switch.new(
    label: "Deployment alerts",
    description: "Notify the operations channel after production deploys.",
    id: "gallery-switch-large-control",
    name: "preferences[deployment_alerts]",
    checked: true,
    size: :lg,
    html: { id: "gallery-switch-large" }
  )
end
sample("Invalid", slug: "invalid") do
  render NitroKit::Switch.new(
    label: "Accept the processing agreement",
    description: "Required before data exports can run.",
    id: "gallery-switch-invalid-control",
    name: "preferences[processing_agreement]",
    invalid: true,
    required: true,
    html: { id: "gallery-switch-invalid" }
  )
end
sample("Required", slug: "required") do
  render NitroKit::Switch.new(
    label: "Security notices",
    id: "gallery-switch-required-control",
    name: "preferences[security_notices]",
    checked: true,
    required: true,
    html: { id: "gallery-switch-required" }
  )
end
sample("Disabled", slug: "disabled") do
  render NitroKit::Switch.new(
    label: "Legacy synchronization",
    description: "Locked while migration is in progress.",
    id: "gallery-switch-disabled-control",
    name: "preferences[legacy_sync]",
    checked: true,
    disabled: true,
    html: { id: "gallery-switch-disabled" }
  )
end

sample("Block label", slug: "block") do
  render NitroKit::Switch.new(
    id: "gallery-switch-block-control",
    name: "preferences[activity]",
    checked: true,
    html: { id: "gallery-switch-block" }
  ) do
    strong { "Activity reports" }
    plain(" for workspace owners")
  end
end
sample("ARIA only", slug: "aria") do
  render NitroKit::Switch.new(
    id: "gallery-switch-aria-control",
    name: "table[compact_rows]",
    include_hidden: false,
    control_aria: { label: "Use compact table rows" },
    html: { id: "gallery-switch-aria" }
  )
end
sample("Long description", slug: "long") do
  render NitroKit::Switch.new(
    label: "Automatic credential rotation",
    description: "Create and distribute a replacement production credential before the current credential expires, then revoke the old credential after every deployment target confirms receipt.",
    id: "gallery-switch-long-control",
    name: "credentials[automatic_rotation]",
    html: { id: "gallery-switch-long" }
  )
end

registration = Registration.new(email: "[email protected]", role: "developer", terms: false)
registration.validate

form_with(
  model: registration,
  scope: :registration,
  url: "#registration-switch",
  builder: NitroKit::FormBuilder,
  id: "gallery-switch-registration-form"
) do |form|
  form.group do
    form.field(
      :terms,
      as: :switch,
      id: "gallery-switch-registration-terms",
      label: "Accept workspace terms",
      description: "Required before registration is complete.",
      required: true
    )
    form.submit("Continue", id: "gallery-switch-registration-save")
  end
end

render NitroKit::Flex.new(dir: :col, gap: 3, align: :stretch) do
  Gallery::Hostile::NAMES.each_with_index do |name, index|
    render NitroKit::Switch.new(
      label: name,
      description: index.even? ? Gallery::Hostile::LONG_SENTENCE : Gallery::Hostile::LONG_URL,
      id: "gallery-switch-hostile-#{index}-control",
      name: "hostile[names][#{index}]",
      checked: index.even?,
      size: index.odd? ? :lg : :md,
      html: { id: "gallery-switch-hostile-#{index}" }
    )
  end
  render NitroKit::Switch.new(
    label: Gallery::Hostile::LONG_PARAGRAPH,
    description: Gallery::Hostile::LONG_ERROR,
    id: "gallery-switch-hostile-locked-control",
    name: "hostile[locked]",
    checked: true,
    required: true,
    disabled: true,
    invalid: true,
    html: { id: "gallery-switch-hostile-locked" }
  )
end