Iniziata implementazione form rilevazione

SteUp.Shared/Components/Pages/Ispezione.razor

@@ -0,0 +1,51 @@
+@page "/ispezione"
+@using SteUp.Shared.Components.Layout
+
+<HeaderLayout Title="Ispezione" BackTo="Indietro" Back="true"/>
+
+<div class="container content pb-safe-area">
+
+    <div class="container-primary-info">
+        <div class="section-primary-info">
+            <div class="inspection-info">
+                <span class="info-title">
+                    @SteupDataService.Inspection.PuntoVendita!.CodMdep - @SteupDataService.Inspection.PuntoVendita.Descrizione
+                </span>
+                <span class="info-subtitle">
+                    @SteupDataService.Inspection.PuntoVendita.Indirizzo
+                </span>
+            </div>
+        </div>
+
+        <div class="divider"></div>
+
+        <div class="section-info">
+            <div class="section-inspection-info">
+                <div>
+                    <span class="info-inspection-title">Data ispezione</span>
+                    <MudChip T="string" Size="Size.Small" Color="Color.Default">
+                        @SteupDataService.Inspection.DateInspection.ToString("d")
+                    </MudChip>
+                </div>
+            </div>
+
+            <div class="section-inspection-info">
+                <div>
+                    <span class="info-inspection-title">Stato ispezione</span>
+                    <MudChip T="string" Size="Size.Small" Color="Color.Warning">
+                        IN CORSO
+                    </MudChip>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+@code {
+
+    protected override async Task OnInitializedAsync()
+    {
+    }
+
+}

SteUp.Shared/Components/Pages/Ispezione.razor.css

@@ -0,0 +1,69 @@
+.container-primary-info {
+    background: var(--light-card-background);
+    width: 100%;
+    margin-bottom: 2rem;
+    border-radius: 12px;
+}
+
+.container-primary-info .divider {
+    margin: .25rem 0;
+}
+
+.section-primary-info {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 1.5rem;
+    padding: .8rem 1.2rem .4rem;
+}
+
+.personal-info {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    line-height: normal;
+}
+
+.info-title {
+    color: var(--mud-palette-text-primary);
+    font-weight: 800;
+    font-size: x-large;
+    line-height: normal;
+}
+
+.info-subtitle {
+    color: var(--mud-palette-gray-default);
+    font-size: medium;
+    font-weight: 600;
+    line-height: normal;
+}
+
+.section-info {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+    padding: .4rem 1.2rem .8rem;
+}
+
+.section-inspection-info {
+    display: flex;
+    flex-direction: column;
+}
+
+.section-inspection-info > div {
+    display: flex;
+    flex-direction: column;
+    line-height: normal;
+    margin: .25rem 0;
+}
+
+.info-inspection-title {
+    color: var(--mud-palette-gray-darker);
+    font-weight: 800;
+}
+
+.info-inspection-text {
+    color: var(--mud-palette-text-secondary);
+    font-weight: 700;
+    font-size: small;
+}