Add identity verification features: display image upload status and update UI elements

FoodsharingSiegen.Server/Pages/UploadVerification.razor

@@ -3,6 +3,8 @@
 @using System.IO
 @layout LoginLayout
 
+<PageTitle>Identitätsprüfung - @AppSettings.Value.Terms.Title</PageTitle>
+
 <div class="row min-vh-100 align-items-center justify-content-center p-0 p-md-5 m-0">
     <div class="col-12 col-md-10 col-lg-8 col-xl-5 login-form p-2">
         <div class="card shadow-sm border-0">
@@ -33,7 +35,15 @@
                 else
                 {
                     <div class="alert alert-info mb-4">
-                        <strong>Hinweis:</strong> Dies ist die Upload-Seite für den Foodsaver <b>@_prospect.FsId</b>.
+                        <strong>Hinweis:</strong> Dies ist die Upload-Seite für Foodsaver <b>@_prospect.FsId</b>.
+                    </div>
+
+                    <div class="mb-1 text-muted">
+                        Um dich auf der Foodsharing-Plattform als Foodsaver freischalten zu können, muss ein*e Botschafter*in Name, Adresse und Geburtsdatum im Profil des Foodsavers auf Korrektheit durch Vergleich mit einem Ausweisdokument prüfen. Das ist wichtig, damit die <a href="https://wiki.foodsharing.network/wiki/Rechtsvereinbarung" target="_blank">Rechtsvereinbarung</a> Bestand hat und wir die Zusagen erfüllen, die wir den Spenderbetrieben geben.<br>
+                    </div>
+
+                    <div class="mb-3 text-muted">
+                        <a class="mt-3" href="https://wiki.foodsharing.network/wiki/Foodsaver#3.4_Verifizierung_(der_Daten),_Foodsaver-Ausweis_und_Freischaltung" target="_blank">Mehr dazu im Wiki</a>.
                     </div>
 
                     <div class="mb-4">
@@ -48,7 +58,6 @@
                     </div>
 
                     <div class="mb-4 text-center">
-                        <span class="badge bg-secondary mb-2 text-wrap">Es können noch bis zu @(5 - _uploadedCount) Bilder hochgeladen werden</span>
                         
                         @if (_uploadedCount >= 5)
                         {
@@ -56,6 +65,7 @@
                         }
                         else
                         {
+                            <span class="badge bg-secondary mb-2 text-wrap">Es können noch bis zu @(5 - _uploadedCount) Bilder hochgeladen werden</span>
                             <InputFile id="fileInput" OnChange="OnInputFileChange" class="d-none" accept="image/*" />
                             <label for="fileInput" class="btn btn-outline-success w-100">
                                 <i class="fa-solid fa-images me-2"></i>Bild auswählen
@@ -81,11 +91,11 @@
                         </div>
                     }
                     
-                    @if (_uploadedCount > 0)
+                    @if (_isSuccess)
                     {
                         <div class="alert alert-success text-center">
                             <i class="fa-solid fa-check-circle fa-2x mb-2"></i><br/>
-                            Vielen Dank für den Upload. Du kannst diese Seite nun schließen.
+                            Vielen Dank für den Upload. Wenn du alle benötigten Bilder hochgeladen hast, kannst du die Seite schließen. Du musst nichts weiter tun.
                         </div>
                     }
                 }