AddressSelector & Blazorise

Server/Components/Pages/InvoicePage.razor

@@ -1,4 +1,5 @@
 @page "/edit/{InvoiceId}"
+@using Server.Data
 @using Server.Model
 @rendermode InteractiveServer
 
@@ -33,6 +34,27 @@
   <InputDate class="form-control" @bind-Value="@Invoice.IssueDate"></InputDate>
 </div>
 
+<hr />
+
+@if (Invoice.Customer != null)
+{
+  <div class="card mb-2" style="width: 18rem;">
+    <div class="card-body">
+      <h5 class="card-title">@Invoice.Customer.Name</h5>
+      <p class="card-text">
+        @Invoice.Customer.Name2<br>
+        @Invoice.Customer.Street<br>
+        @Invoice.Customer.Zip - @Invoice.Customer.City<br>
+        @Invoice.Customer.Phone
+      </p>
+    </div>
+  </div>
+}
+
+<button class="btn btn-secondary" @onclick="SelectCustomerAsync">@(Invoice.Customer != null ? "Kunden ändern" : "Kunden auswählen")</button>
+
+<hr />
+
 <div class="mb-3">
   <label class="form-label" >Rechnungsnummer</label>
   <InputText class="form-control" @bind-Value="@Invoice.InvoiceId" disabled></InputText>
@@ -83,4 +105,6 @@
       </div>
     </div>
   </div>
-}
+}
+
+<ModalProvider />