Combobox

sample("Empty optional", slug: "empty") do
  render_combobox("gallery-combobox-empty", placeholder: "Choose a country")
end
sample("Selected", slug: "selected") do
  render_combobox("gallery-combobox-selected", value: "dk")
end
sample("Required", slug: "required") do
  render_combobox("gallery-combobox-required", required: true, placeholder: "Country required")
end
sample("Disabled", slug: "disabled") do
  render_combobox("gallery-combobox-disabled", value: "se", disabled: true)
end
sample("Numeric labels", slug: "numeric-labels") do
  render NitroKit::Combobox.new(
    id: "gallery-combobox-numeric",
    name: "deployment[retry_count]",
    label: "Retry count",
    options: [ [ 1, "one" ], [ 2, "two" ], [ 3, "three" ] ],
    value: "two"
  )
end

NitroKit::Combobox::PLACEMENTS.each do |placement|
  sample(placement.to_s.humanize, slug: placement.to_s) do
    render NitroKit::Combobox.new(
      id: "gallery-combobox-#{placement}",
      name: "deployment[#{placement}]",
      label: "Deployment environment",
      options: ENVIRONMENTS,
      value: "staging",
      placement:
    )
  end
end

render NitroKit::Card.new(id: "gallery-combobox-deployment-card") do |card|
  card.title("Promote release", level: 3)
  card.body do
    form(id: "gallery-combobox-deployment-form", action: "/gallery/deployments", method: "post") do
      render NitroKit::FieldGroup.new do
        render NitroKit::Field.new(
          nil,
          :release,
          id: "gallery-combobox-release",
          name: "deployment[release]",
          label: "Release",
          value: "2026.07.13",
          readonly: true
        )
        render NitroKit::Combobox.new(
          id: "gallery-combobox-environment",
          name: "deployment[environment]",
          label: "Target environment",
          options: ENVIRONMENTS,
          value: "production",
          required: true
        )
        render NitroKit::Button.new(
          "Promote release",
          id: "gallery-combobox-submit",
          type: :submit,
          variant: :primary
        )
      end
    end
  end
end

contact = Gallery::FormExamples.billing_contact

form_with(
  model: contact,
  scope: :billing_contact,
  url: "#billing-country",
  builder: NitroKit::FormBuilder,
  id: "gallery-combobox-billing-form"
) do |form|
  form.group do
    form.field(
      :country,
      as: :combobox,
      id: "gallery-combobox-billing-country",
      label: "Billing country",
      description: "Invoices apply this country's tax rules.",
      options: BILLING_COUNTRIES,
      placeholder: "Search countries",
      required: true
    )
    form.submit("Save billing country", id: "gallery-combobox-billing-save")
  end
end