Toast

turbo_frame_tag("gallery-toast-variants-frame") do
  render NitroKit::Button.new(
    "Replay dismissed notifications",
    id: "gallery-toast-variants-replay",
    href: "/gallery/components/toast",
    size: :sm
  )
  render NitroKit::Toast.new(
    duration: 600_000,
    label: "Variant examples",
    id: "gallery-toast-variants"
  ) do |toast|
    NitroKit::Toast::Item::VARIANTS.each do |variant|
      toast.item(
        title: variant.to_s.humanize,
        description: toast_description(variant),
        variant:
      )
    end
  end
end

sample("Title only", slug: "title-only") do
  render NitroKit::Toast.new(
    duration: 600_000,
    label: "Title only notification",
    id: "gallery-toast-title-only"
  ) do |toast|
    toast.item(title: "Workspace saved", id: "gallery-toast-workspace-saved")
  end
end
sample("Permanent", slug: "permanent") do
  render NitroKit::Toast.new(
    label: "Permanent notification",
    id: "gallery-toast-permanent"
  ) do |toast|
    toast.item(
      description: "A workspace owner must acknowledge this billing change.",
      variant: :warning,
      dismissible: false
    )
  end
end
sample("Timed pause", slug: "timed-pause") do
  turbo_frame_tag("gallery-toast-timed-frame") do
    render NitroKit::Button.new(
      "Replay",
      id: "gallery-toast-timed-replay",
      href: "/gallery/components/toast",
      size: :sm
    )
    render NitroKit::Toast.new(
      duration: 1_200,
      label: "Timed notification",
      id: "gallery-toast-timed"
    ) do |toast|
      toast.item(title: "Focus keeps this notification visible")
    end
  end
end
sample("Block content", slug: "block") do
  render NitroKit::Toast.new(
    duration: 600_000,
    label: "Block notification",
    id: "gallery-toast-block"
  ) do |toast|
    toast.item(title: "Deployment details", variant: :info) do
      p { "Release 2026.07.13 is healthy in fra1 and iad1." }
      render NitroKit::Badge.new(
        "Production",
        id: "gallery-toast-environment",
        color: :success,
        size: :sm
      )
    end
  end
end
sample("Long error", slug: "long-error") do
  render NitroKit::Toast.new(
    duration: 600_000,
    label: "Long error notification",
    id: "gallery-toast-long"
  ) do |toast|
    toast.item(
      title: "The production deployment could not be promoted",
      description: "The release remains healthy in staging, but the primary database rejected the migration lock. Review the deployment log before retrying.",
      variant: :error
    )
  end
end

render NitroKit::Toast::FlashMessages.new(
  flash: {
    notice: "Welcome back, Ada.",
    success: "Production settings were saved.",
    warning: "The payment method expires next month.",
    alert: "Your session expired; sign in again."
  },
  duration: 600_000,
  label: "Rails flash messages",
  id: "gallery-toast-flash"
)

render NitroKit::Toast::FlashMessages.new(flash: flash, duration: 5_000)

# app/controllers/projects_controller.rb#create, when the record saves.
# 303 so Turbo follows the redirect after a non-GET request; the flash
# survives it and renders on the next page.
redirect_to(@project, status: :see_other, flash: { success: "Project created" })

# The same action, when validation fails. No redirect, so flash.now, and
# 422 so Turbo renders the response in place instead of ignoring it.
flash.now[:alert] = "Project could not be created"
render(UI::Projects::New.new(@project), status: :unprocessable_entity)

# A Turbo Stream that neither redirects nor re-renders appends to the
# region's list, addressable as the toast id plus "-list".
turbo_stream.append("nk-toast-list") do
  render NitroKit::Toast::Item.new(title: "Import finished", variant: :success)
end

render NitroKit::Toast.new(
  duration: 600_000,
  label: "Announcement examples",
  id: "gallery-toast-announcement"
) do |toast|
  toast.item(
    title: "Polite status",
    description: "role=status waits for a pause in speech.",
    variant: :success
  )
  toast.item(
    title: "Assertive alert",
    description: "role=alert interrupts, so it is reserved for the error variant.",
    variant: :error
  )
end

render NitroKit::Card.new(id: "gallery-toast-integration-card") do |card|
  card.title("Slack integration", level: 3)
  card.body do
    render NitroKit::Badge.new(
      "Connected",
      id: "gallery-toast-integration-status",
      color: :success
    )
    p { "Deployment notifications post to #operations." }
  end
  card.footer do
    render NitroKit::Button.new(
      "Configure",
      id: "gallery-toast-configure",
      href: "#configure",
      variant: :default
    )
  end
end
render NitroKit::Toast.new(
  duration: 600_000,
  label: "Integration result",
  id: "gallery-toast-integration-result"
) do |toast|
  toast.item(
    title: "Slack settings saved",
    description: "New deployment notifications will use #operations.",
    variant: :success
  )
end