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 ProgressModalExample();
            document.body.style.overflow = "hidden";
            MountCenteredToBody(sampleComponent);
        }
    }

    public class ProgressModalExample : IComponent
    {
        public HTMLElement Render()
        {
            return Button("Show progress modal").Primary().OnClick(async (s, e) =>
            {
                // Create a progress modal with a title.
                var modal = ProgressModal()
                    .Title("Processing")
                    .Message("Preparing...")
                    .ProgressSpin();

                // Optional: add a cancel button with a custom action.
                modal.WithCancel((button) =>
                {
                    // Handle cancellation logic.
                    console.log("Cancellation requested.");
                });

                // Display the modal.
                modal.Show();

                // Simulate progress updates.
                for (int i = 0; i <= 100; i += 10)
                {
                    await Task.Delay(500);
                    modal.Progress(i).Message($"Processing {i}%");
                }

                // Optionally, switch to indeterminate mode before hiding.
                modal.ProgressIndeterminated().Message("Finalizing...");
                await Task.Delay(2000);
                modal.Hide();
            }).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 ProgressModalUsageSample();
            document.body.style.overflow = "hidden";
            MountCenteredToBody(sampleComponent);
        }
    }

    public class ProgressModalUsageSample : IComponent
    {
        public HTMLElement Render()
        {
            return Button("Start upload").Primary().OnClick(async (s, e) =>
            {
                // Instantiate the progress modal.
                var modal = ProgressModal()
                    .Title("Data Upload")
                    .Message("Starting upload...")
                    .ProgressSpin();

                // Set up a cancel button.
                modal.WithCancel((button) =>
                {
                    console.log("User clicked cancel.");
                    modal.Hide();
                });

                modal.Show();

                // Simulate progress updates.
                for (int progress = 0; progress <= 100; progress += 20)
                {
                    await Task.Delay(500);
                    modal.Progress(progress).Message($"Uploading {progress}%");
                }

                // Switch to indeterminate progress before completion.
                modal.ProgressIndeterminated().Message("Finishing upload...");
                await Task.Delay(2000);
                modal.Hide();
            }).Render();
        }
    }
}