@model (Dictionary<string, object> Items, int Level)

<table class="table table-hover my-0">
    @foreach (var (key, value) in Model.Items)
    {
        <tr>
            @if (value is string str)
            {
                if (!string.IsNullOrEmpty(key))
                {
                    <th class="w-150px">@Safe.Raw(key)</th>
                }
                <td>
                    @if (Uri.IsWellFormedUriString(str, UriKind.RelativeOrAbsolute))
                    {
                        <a href="@Safe.Raw(str)" target="_blank" rel="noreferrer noopener">@Safe.Raw(str)</a>
                    }
                    else
                    {
                        @Safe.Raw(value?.ToString())
                    }
                </td>
            }
            else if (value is Dictionary<string, object>subItems)
            {
                @* This is the array case *@
                if (subItems.Count == 1 && subItems.First().Value is string str2)
                {
                    <th class="w-150px">@Safe.Raw(key)</th>
                    <td>
                        @if (Uri.IsWellFormedUriString(str2, UriKind.RelativeOrAbsolute))
                        {
                            <a href="@Safe.Raw(str2)" target="_blank" rel="noreferrer noopener">@Safe.Raw(str2)</a>
                        }
                        else
                        {
                            @Safe.Raw(subItems.First().Value?.ToString())
                        }
                    </td>
                }
                else
                {
                    <td colspan="2" >
                        @Safe.Raw($"<h{Model.Level + 3} class=\"mt-4 mb-3\">{key}</h{Model.Level + 3}>")
                        <partial name="PosData" model="(subItems, Model.Level + 1)"/>
                    </td>
                }
            }
        </tr>
    }
</table>