@using RackPeek.Domain.Resources.Hardware
@using RackPeek.Domain.Resources.SystemResources
@if (Tree is null)
{
    <div class="text-zinc-500 text-sm">
        No data.
    </div>
}
else
{
    <div class="ml-4 border-l border-zinc-800 pl-4 space-y-2">

        @if (Tree.ChildResources?.Any() == true)
        {
            @foreach (var child in Tree.ChildResources)
            {
                switch (child)
                {
                    case Service service:
                        var endpoint = service.NetworkString();

                        <NavLink href="@($"resources/services/{Uri.EscapeDataString(service.Name)}")"
                                 class="block">
                            <div class="border border-zinc-800 rounded bg-zinc-900 p-2 hover:border-zinc-700">

                                <div class="text-zinc-200 text-sm">
                                    @service.Name
                                </div>

                                <div class="text-xs text-zinc-500 mt-1">
                                    Service
                                    @if (!string.IsNullOrWhiteSpace(endpoint))
                                    {
                                        <span> - </span>
                                        <a href="@endpoint"
                                           target="_blank"
                                           rel="noopener noreferrer"
                                           class="underline hover:text-emerald-400"
                                           @onclick:stopPropagation>
                                            @endpoint
                                        </a>
                                    }
                                </div>

                            </div>
                        </NavLink>
                        break;

                    case SystemResource system:
                        <NavLink href="@($"resources/systems/{Uri.EscapeDataString(system.Name)}")"
                                 class="block">
                            <div class="border border-zinc-800 rounded bg-zinc-900 p-2 hover:border-zinc-700">

                                <div class="text-zinc-200 text-sm">
                                    @system.Name
                                </div>

                                <div class="text-xs text-zinc-500 mt-1">
                                    System
                                </div>

                            </div>
                        </NavLink>
                        break;
                }
            }
        }
        else
        {
            <div class="text-xs text-zinc-600 italic">
                No child resources
            </div>
        }

    </div>
}

@code {
    [Parameter] [EditorRequired] public SystemDependencyTree? Tree { get; set; }


    private static string? BuildServiceSubtitle(Service service)
    {
        var endpoint = service.NetworkString();

        if (string.IsNullOrWhiteSpace(endpoint))
            return null;

        return endpoint;
    }

}