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

    public class MySearchableItem : ISearchableItem
    {
        private readonly string _name;
        public MySearchableItem(string name)
        {
            _name = name;
        }

        public bool IsMatch(string searchTerm) => _name.IndexOf(searchTerm, StringComparison.OrdinalIgnoreCase) >= 0;

        public IComponent Render() => Card(TextBlock(_name));
    }

    public class SampleUsage : IComponent
    {
        public HTMLElement Render()
        {
            // Create an array of searchable items.
            var items = new MySearchableItem[]
            {
                new MySearchableItem("Apple"),
                new MySearchableItem("Banana"),
                new MySearchableItem("Cherry")
            };

            // Instantiate SearchableList with a custom no results message.
            var searchableList = SearchableList(items)
                .WithNoResultsMessage(() => Card(TextBlock("No Results").Padding(16.px())));

            return searchableList.Render();
        }
    }
}

using System;
using System.Linq;
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()
        {
            document.body.style.overflow = "hidden";
            MountCenteredToBody(new LiveFilterSample());
        }
    }

    public class LiveFilterSample : IComponent
    {
        public HTMLElement Render()
        {
            var roles = new[] { "Engineer", "Designer", "Manager", "Analyst" };
            var names = new[] { "Alice", "Bob", "Carol", "Dan", "Eve", "Frank", "Grace", "Hank" };

            var items = Enumerable.Range(1, 50).Select(n =>
                new Contact(
                    $"{names[n % names.Length]} #{n}",
                    roles[n % roles.Length],
                    $"user{n}@example.com")
            ).ToArray();

            return SearchableList(items)
                .WithNoResultsMessage(() =>
                    BackgroundArea(VStack().AlignItemsCenter().Children(
                        Icon(UIcons.Search).XLarge().Foreground(Theme.Secondary.Foreground),
                        TextBlock("No matching contacts").SemiBold().PT(8),
                        TextBlock("Try a different keyword").Small().Secondary()
                    ).Padding(16.px())).WS().HS().MinHeight(150.px()))
                .Height(400.px())
                .Render();
        }
    }

    public class Contact : ISearchableItem
    {
        private readonly string _name, _role, _email;
        public Contact(string name, string role, string email)
        { _name = name; _role = role; _email = email; }

        public bool IsMatch(string term)
            => _name.IndexOf(term, StringComparison.OrdinalIgnoreCase) >= 0
            || _role.IndexOf(term, StringComparison.OrdinalIgnoreCase) >= 0
            || _email.IndexOf(term, StringComparison.OrdinalIgnoreCase) >= 0;

        public IComponent Render() => Card(HStack().AlignItemsCenter().Children(
            Icon(UIcons.User).Foreground(Theme.Primary.Background),
            VStack().PL(12).Children(
                TextBlock(_name).SemiBold(),
                HStack().Children(
                    TextBlock(_role).Small().Secondary(),
                    TextBlock(" · " + _email).Small().Secondary()
                )
            )
        ).Padding(8.px()));
    }
}

using System;
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()
        {
            document.body.style.overflow = "hidden";
            MountCenteredToBody(new BackgroundSearchSample());
        }
    }

    public class BackgroundSearchSample : IComponent
    {
        public HTMLElement Render()
        {
            var localItems = new[]
            {
                new ColorItem("Crimson"),
                new ColorItem("Coral"),
                new ColorItem("Cerulean")
            };

            return SearchableList(localItems)
                .BeforeSearchBox(Button("Filter").SetIcon(UIcons.Filter).Link())
                .AfterSearchBox(Button("Add color").SetIcon(UIcons.Plus).Primary()
                    .OnClick((s, e) => Toast().Information("Add clicked")))
                .WithBackgroundSearch(async term =>
                {
                    await Task.Delay(500); // simulate remote lookup
                    if (string.IsNullOrWhiteSpace(term)) return new ColorItem[0];
                    return new[]
                    {
                        new ColorItem($"Remote – {term} light"),
                        new ColorItem($"Remote – {term} dark")
                    };
                })
                .WithNoResultsMessage(() =>
                    BackgroundArea(Card(TextBlock("No matching colors").Padding(16.px()))).WS().HS().MinHeight(100.px()))
                .Height(320.px())
                .Render();
        }
    }

    public class ColorItem : ISearchableItem
    {
        private readonly string _name;
        public ColorItem(string name) { _name = name; }
        public bool IsMatch(string term)
            => _name.IndexOf(term, StringComparison.OrdinalIgnoreCase) >= 0;
        public IComponent Render() => Card(TextBlock(_name).Padding(8.px()));
    }
}