Toast

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastExample : Component
{
    protected override Component? Render() =>
        Ui.Button.Primary.Id("toast-plain").OnClick(() => Toast.Info("Your changes have been saved."))["Save changes"];
}

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastHeadingExample : Component
{
    protected override Component? Render() =>
        Ui.Button.Id("toast-heading")
            .OnClick(() => Toast.Info("You can always update this in your settings.").Heading("Changes saved"))["With heading"];
}

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastVariantsExample : Component
{
    protected override Component? Render() =>
        Div.Class("flex flex-wrap gap-2")[
            Ui.Button.Key("success").Id("toast-success")
                .OnClick(() => Toast.Success("The post has been created successfully.").Heading("Post created"))["Success"],
            Ui.Button.Key("warning").Id("toast-warning")
                .OnClick(() => Toast.Warning("Your post has unsaved changes.").Heading("Unsaved changes"))["Warning"],
            Ui.Button.Key("danger").Id("toast-danger")
                .OnClick(() => Toast.Error("Your changes have not been saved.").Heading("Something went wrong"))["Danger"]
        ];
}

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastActionsExample : Component
{
    protected override Component? Render() =>
        Ui.Button.Id("toast-action")
            .OnClick(() => Toast.Success("Your updates are now live.").Heading("Changes saved")
                .Action("Undo", () => Toast.Info("Changes undone.")))["With an action"];
}

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastLinksExample : Component
{
    protected override Component? Render() =>
        Ui.Button.Id("toast-link")
            .OnClick(() => Toast.Success("Invoice created.")
                .Link("View invoice", PageMeta.LinkTo(Routes.UiKitDataDisplayPage())))["With a link"];
}

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastDurationExample : Component
{
    protected override Component? Render() =>
        Ui.Button.Id("toast-brief")
            .OnClick(() => Toast.Info("Your changes have been saved.").For(1.Second))["One second"];
}

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastPermanentExample : Component
{
    protected override Component? Render() =>
        Ui.Button.Id("toast-permanent")
            .OnClick(() => Toast.Info("Your changes have been saved.").UntilDismissed())["Permanent"];
}

namespace Rask.Site.Features.UiDocs.Examples;

public sealed partial class ToastPlacementExample : Component
{
    private static readonly (Layout Layout, string Label)[] Layouts =
    [
        (Layout.Default, "Ui.Toast"),
        (Layout.Inverted, "Ui.Toast.Invert()"),
        (Layout.TopEnd, "Ui.Toast.TopEnd"),
        (Layout.Stack, "Ui.ToastGroup[Ui.Toast]"),
        (Layout.Expanded, "Ui.ToastGroup.Expanded()[Ui.Toast]"),
    ];

    private Layout _layout;

    private enum Layout
    {
        Default,
        Inverted,
        TopEnd,
        Stack,
        Expanded,
    }

    protected override Component? Render() =>
        Div.Class("flex flex-wrap items-center gap-2")[
            Layouts.Select(Choice),
            // What an app writes once, in its layout. Every toast raised on this page shows in it.
            _layout switch
            {
                Layout.Inverted => Ui.Toast.Invert(),
                Layout.TopEnd => Ui.Toast.TopEnd,
                Layout.Stack => Ui.ToastGroup[Ui.Toast],
                Layout.Expanded => Ui.ToastGroup.Expanded()[Ui.Toast],
                _ => Ui.Toast,
            }
        ];

    private Component Choice((Layout Layout, string Label) choice)
    {
        var button = Ui.Button.Key(choice.Label).Sm.Id("toast-layout-" + choice.Layout.ToString().ToLowerInvariant())
            .OnClick(() => _layout = choice.Layout);
        return (choice.Layout == _layout ? button.Primary : button.Outline)[choice.Label];
    }
}