using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using H5.Core;
using Tesserae;
using static H5.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var btn = Button("Show").OnClick((s, e) => new DialogExample().ShowDialog());
            document.body.style.overflow = "hidden";
            MountCenteredToBody(btn);
        }
    }

    public class DialogExample
    {
                public void ShowDialog()
                {
                    Dialog dialog = null;
                    dialog = Dialog(TextBlock("Dialog Title"))
                                    .Content(Stack().Children(
                                        TextBlock("This is some content inside the dialog."),
                                        Toggle("Enable Feature").OnChange((c, ev) => console.log("Toggle changed!"))
                                    ))
                                    .Commands(
                                        Button("Confirm").Primary().OnClick((c, ev) => dialog.Hide()),
                                        Button("Cancel").OnClick((c, ev) => dialog.Hide())
                                    );

                    // Optionally, enable draggable
                    dialog.Draggable();

                    // Show the dialog
                    dialog.Show();
                }
            }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using H5.Core;
using Tesserae;
using static H5.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var sampleComponent = new BasicDialogSample();
            document.body.style.overflow = "hidden";
            MountCenteredToBody(sampleComponent);
        }
    }

    public class BasicDialogSample : IComponent
    {
        public HTMLElement Render()
        {
            return Button("Show dialog").Primary().OnClick((s, e) =>
            {
                // Create the dialog with a title
                Dialog dialog = null;
                dialog = Dialog(TextBlock("Basic Dialog"));

                // Set the main content of the dialog
                dialog.Content(Stack().Children(
                    TextBlock("This is a simple dialog example."),
                    Toggle("Enable Draggable").OnChange((c, ev) => dialog.IsDraggable = c.IsChecked)
                ));

                // Configure the dialog's command buttons
                dialog.Commands(
                    Button("Submit").Primary().OnClick((c, ev) => dialog.Hide()),
                    Button("Cancel").OnClick((c, ev) => dialog.Hide())
                );

                // Enable dragging behavior
                dialog.Draggable();

                // Display the dialog
                dialog.Show();
            }).Render();
        }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using H5.Core;
using Tesserae;
using static H5.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var sampleComponent = new ConfirmationDialogSample();
            document.body.style.overflow = "hidden";
            MountCenteredToBody(sampleComponent);
        }
    }

    public class ConfirmationDialogSample : IComponent
    {
        public HTMLElement Render()
        {
            return Button("Confirm Action").OnClick((s, e) =>
            {
                // Create a dialog with Yes and No options
                Dialog("Confirm Action")
                    .Content(TextBlock("Do you want to proceed?"))
                    .YesNo(
                        onYes: () => console.log("User clicked Yes"),
                        onNo: () => console.log("User clicked No")
                    );
            }).Render();
        }
    }
}