Primo sviluppo sincronizzazione e migliorie ui

Template.Shared/Components/Layout/HeaderLayout.razor

@@ -1,14 +1,43 @@
+@inject IJSRuntime JS
+
 <div class="header">
-    <div class="header-content">
-        <h3 class="page-title">@Title</h3>
-        @if (ShowFilter)
+    <div class="header-content @(Back ? "with-back" : "no-back")">
+        @if (Back)
         {
-            <MudIconButton Icon="@Icons.Material.Outlined.FilterAlt" Color="Color.Dark" />
+            <div class="left-section">
+                <MudButton StartIcon="@Icons.Material.Outlined.ArrowBackIosNew"
+                           OnClick="GoBack"
+                           Color="Color.Info"
+                           Style="text-transform: none"
+                           Variant="Variant.Text">@BackTo</MudButton>
+            </div>
         }
+
+        <h3 class="page-title">@Title</h3>
+
+        <div class="right-section">
+            @if (ShowFilter)
+            {
+                <MudIconButton Icon="@Icons.Material.Outlined.FilterAlt" Color="Color.Dark" />
+            }
+            @if (ShowNotifications)
+            {
+                <MudIconButton Icon="@Icons.Material.Filled.Notifications" Color="Color.Dark" />
+            }
+        </div>
     </div>
 </div>
 
 @code{
     [Parameter] public string? Title { get; set; }
     [Parameter] public bool ShowFilter { get; set; }
+    [Parameter] public bool ShowNotifications { get; set; } = true;
+    [Parameter] public bool Back { get; set; }
+    [Parameter] public string BackTo { get; set; } = "";
+
+    private async Task GoBack()
+    {
+        await JS.InvokeVoidAsync("goBack");
+    }
+
 }