using Htmx.ApiDemo.Templates.Components;
using Immediate.Apis.Shared;
using Immediate.Handlers.Shared;

namespace Htmx.ApiDemo.Templates;

public sealed class UiDemo : UiDemoBase
{
    public IHtmxComponent BtnDefault     { get; }
    public IHtmxComponent BtnDestructive { get; }
    public IHtmxComponent BtnOutline     { get; }
    public IHtmxComponent BtnSecondary   { get; }
    public IHtmxComponent BtnGhost       { get; }
    public IHtmxComponent BtnLink        { get; }
    public IHtmxComponent BtnSm          { get; }
    public IHtmxComponent BtnLg          { get; }

    public IHtmxComponent InputText      { get; }
    public IHtmxComponent InputEmail     { get; }
    public IHtmxComponent InputPassword  { get; }
    public IHtmxComponent InputSearch    { get; }

    public IHtmxComponent SelectDemo       { get; }
    public IHtmxComponent CalendarDemo     { get; }
    public IHtmxComponent CalendarRangeDemo{ get; }
    public IHtmxComponent TimePickerDemo     { get; }
    public IHtmxComponent TimePicker12hDemo  { get; }

    public UiDemo()
    {
        BtnDefault     = new Button("Default");
        BtnDestructive = new Button("Destructive", variant: "destructive");
        BtnOutline     = new Button("Outline",     variant: "outline");
        BtnSecondary   = new Button("Secondary",   variant: "secondary");
        BtnGhost       = new Button("Ghost",       variant: "ghost");
        BtnLink        = new Button("Link",        variant: "link");
        BtnSm          = new Button("Small",       size: "sm");
        BtnLg          = new Button("Large",       size: "lg");

        InputText     = new Input("username",  label: "Username",  placeholder: "Enter username");
        InputEmail    = new Input("email",     inputType: "email",    label: "Email",    placeholder: "you@example.com");
        InputPassword = new Input("password",  inputType: "password", label: "Password", placeholder: "••••••••");
        InputSearch   = new Input("search",    inputType: "search",   label: "Search",   placeholder: "Search…",
                                   hxAttrs: "hx-get=\"/search\" hx-trigger=\"keyup changed delay:300ms\" hx-target=\"#search-results\"");

        SelectDemo = new Select(
            id: "framework",
            label: "Framework",
            options: [("htmx", "HTMX"), ("react", "React"), ("vue", "Vue"), ("svelte", "Svelte")],
            selectedValue: "htmx",
            description: "Choose your preferred framework");

        CalendarDemo      = new Calendar(id: "demo-cal", name: "demo-date");
        CalendarRangeDemo = new CalendarRange(id: "demo-calr", name: "demo-range");

        TimePickerDemo    = new TimePicker(name: "time-24h", label: "Time (24h)");
        TimePicker12hDemo = new TimePicker(name: "time-12h", label: "Time (12h)", use12h: true);
    }

    protected override void RenderBtnDefault(HtmxRenderContext ctx)      => BtnDefault.Render(ctx);
    protected override void RenderBtnDestructive(HtmxRenderContext ctx)  => BtnDestructive.Render(ctx);
    protected override void RenderBtnOutline(HtmxRenderContext ctx)      => BtnOutline.Render(ctx);
    protected override void RenderBtnSecondary(HtmxRenderContext ctx)    => BtnSecondary.Render(ctx);
    protected override void RenderBtnGhost(HtmxRenderContext ctx)        => BtnGhost.Render(ctx);
    protected override void RenderBtnLink(HtmxRenderContext ctx)         => BtnLink.Render(ctx);
    protected override void RenderBtnSm(HtmxRenderContext ctx)           => BtnSm.Render(ctx);
    protected override void RenderBtnLg(HtmxRenderContext ctx)           => BtnLg.Render(ctx);

    protected override void RenderInputText(HtmxRenderContext ctx)       => InputText.Render(ctx);
    protected override void RenderInputEmail(HtmxRenderContext ctx)      => InputEmail.Render(ctx);
    protected override void RenderInputPassword(HtmxRenderContext ctx)   => InputPassword.Render(ctx);
    protected override void RenderInputSearch(HtmxRenderContext ctx)     => InputSearch.Render(ctx);

    protected override void RenderSelectDemo(HtmxRenderContext ctx)          => SelectDemo.Render(ctx);
    protected override void RenderCalendarDemo(HtmxRenderContext ctx)        => CalendarDemo.Render(ctx);
    protected override void RenderCalendarRangeDemo(HtmxRenderContext ctx)   => CalendarRangeDemo.Render(ctx);
    protected override void RenderTimePickerDemo(HtmxRenderContext ctx)      => TimePickerDemo.Render(ctx);
    protected override void RenderTimePicker12hDemo(HtmxRenderContext ctx)   => TimePicker12hDemo.Render(ctx);
}


[Handler]
[MapGet("/ui-demo")]
public static partial class GetUiDemoHandler
{
    public record Query;

    private static ValueTask HandleAsync(
        Query query,
        IHttpContextAccessor httpContextAccessor,
        CancellationToken token)
    {
        var context = httpContextAccessor.HttpContext
            ?? throw new InvalidOperationException("HttpContext is not available.");

        var page = new UiDemo();
        context.WriteHtmxPage(page, title: "UI Demo", appName: "HtmxApp", pageTitle: "UI Components");

        return ValueTask.CompletedTask;
    }
}