4 files changed, 46 insertions, 12 deletions

diff --git a/Blog/Components/Pages/BRP.razor b/Blog/Components/Pages/BRP.razor
index 6595d3a..89c8510 100644
--- a/Blog/Components/Pages/BRP.razor
+++ b/Blog/Components/Pages/BRP.razor
@@ -1,8 +1,17 @@
 @page "/BRP/{BSN}"
-@using System.Text.Json
 <PageTitle>BRP</PageTitle>
 
 <main>
-    <JsonRender Element="Entry?.RootElement"></JsonRender>
+    <div>
+        <details>
+            <summary><h1>Request</h1></summary>
+            <JsonRender Element="RequestBody?.RootElement"></JsonRender>
+        </details>
+    </div>
+    <div>
+        <h1>Response</h1>
+        <JsonRender Element="Entry?.RootElement">
+        </JsonRender>
+    </div>
 </main>
 
diff --git a/Blog/Components/Pages/BRP.razor.cs b/Blog/Components/Pages/BRP.razor.cs
index e7298a9..1398a01 100644
--- a/Blog/Components/Pages/BRP.razor.cs
+++ b/Blog/Components/Pages/BRP.razor.cs
@@ -2,7 +2,6 @@ using System.Text.Json;
 using System.Text.RegularExpressions;
 using Blog.Services;
 using Microsoft.AspNetCore.Components;
-using Microsoft.AspNetCore.Mvc;
 
 namespace Blog.Components.Pages;
 
@@ -13,12 +12,14 @@ public partial class BRP : ComponentBase
     
     [Inject]
     public required BrpService Service { get; set; }
+    
+    private JsonDocument RequestBody { get; set; }
 
     private JsonDocument Entry { get; set; }
 
     protected override async Task OnInitializedAsync()
     {
-        Entry = await Service.GetBrpEntryAsync(BSN).ConfigureAwait(true);
+        (RequestBody, Entry) = await Service.GetBrpEntryAsync(BSN).ConfigureAwait(true);
         await base.OnInitializedAsync();
     }
 
diff --git a/Blog/Components/Pages/BrpTestData.razor b/Blog/Components/Pages/BrpTestData.razor
index 1b6240e..bbaab8c 100644
--- a/Blog/Components/Pages/BrpTestData.razor
+++ b/Blog/Components/Pages/BrpTestData.razor
@@ -2,11 +2,13 @@
 <PageTitle>BRP Test Data</PageTitle>
 
 <main>
-    @foreach (var entry in Entries)
-    {
-        <div>
-            <NavLink href=@($"/BRP/{@entry.bsn}")>@entry.bsn</NavLink>
-            @entry.naam
-        </div>
-    }
+    <div class="two-column">
+        @foreach (var entry in Entries)
+        {
+            <div>
+                <NavLink href=@($"/BRP/{@entry.bsn}")>@entry.bsn</NavLink>
+                @entry.naam
+            </div>
+        }
+    </div>
 </main>
\ No newline at end of file
diff --git a/Blog/Components/_Shared/JsonRender.razor b/Blog/Components/_Shared/JsonRender.razor
index 17e08a1..45b1825 100644
--- a/Blog/Components/_Shared/JsonRender.razor
+++ b/Blog/Components/_Shared/JsonRender.razor
@@ -4,6 +4,7 @@
 
     [Parameter]
     public JsonElement? Element { get; set; }
+
 }
 @if (Element is { } element)
 {
@@ -14,7 +15,7 @@
             <ul>
                 @foreach (var property in element.EnumerateObject())
                 {
-                    <li>
+                    <li class="dash">
                         <span class="name">@property.Name</span>
                         <JsonRender Element="property.Value"/>
                     </li>
@@ -45,6 +46,27 @@
             {
                 <span>@value</span>
             }
+
+            break;
+        }
+        case JsonValueKind.Null:
+        {
+            <span>Null</span>
+            break;
+        }
+        case JsonValueKind.True:
+        {
+            <span class="json-true">True</span>
+            break;
+        }
+        case JsonValueKind.False:
+        {
+            <span class="json-false">False</span>
+            break;
+        }
+        case JsonValueKind.Number:
+        {
+            <span class="json-number">@element.GetDouble()</span>
             break;
         }
     }