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

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

    public class MyForm : IComponent
    {
        public HTMLElement Render()
        {
            // Create the validator
            var validator = Validator().OnValidation(validity =>
            {
                console.log(validity == ValidationState.Invalid
                    ? "Some fields are invalid"
                    : "All fields are valid");
            });

            // Create input controls
            var nameTextBox = TextBox("").Required();
            var ageTextBox = TextBox("").Required();

            // Register validation for the name TextBox: must not be empty.
            nameTextBox.Validation(tb =>
                string.IsNullOrWhiteSpace(tb.Text) ? "Please enter your name" : null,
                validator);

            // Register validation for the age TextBox: must be a valid positive integer.
            ageTextBox.Validation(tb =>
                Validation.NonZeroPositiveInteger(tb) ?? null,
                validator);

            // Optionally, check if all values are valid
            console.log("Is form valid? " + validator.AreCurrentValuesAllValid());
        
            return ageTextBox.Render();}
    }
}

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

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

    public class FormExample : IComponent
    {
        public HTMLElement Render()
        {
            // Create the validator and set up a handler for validation events.
            var validator = Validator().OnValidation(validity =>
            {
                // Log the current state – useful for enabling/disabling submit buttons.
                console.log(validity == ValidationState.Invalid ? "Invalid!" : "Valid!");
            });

            // Create two text boxes with validation rules.
            var nameBox = TextBox("").Required();
            nameBox.Validation(tb =>
                string.IsNullOrWhiteSpace(tb.Text) ? "Name cannot be empty" : null,
                validator);

            var ageBox = TextBox("").Required();
            ageBox.Validation(tb =>
                Validation.NonZeroPositiveInteger(tb) ?? "Age must be a positive integer",
                validator);

            // Use a button to force validation on click.
            var validateButton = Button("Validate").OnClick((s, b) => validator.Revalidate());

            // Arrange components in a vertical stack.
            return Stack().Children(
                Label("Name").SetContent(nameBox),
                Label("Age").SetContent(ageBox),
                validateButton
            ).Render();
        }
    }
}