3 files changed, 23 insertions, 11 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