add lib bootstrap

TaxPayerFull/Front.csproj

@@ -9,6 +9,7 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="Blazor.Bootstrap" Version="2.2.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.3" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.3" PrivateAssets="all" />
   </ItemGroup>

TaxPayerFull/Pages/Verification.razor

@@ -61,11 +61,13 @@
                    
                     </EditForm>
                     <div class="row">
+                        <Alert hidden="@Hidealert" Color="@alertColor" Dismissable="false"> 
+                            <Icon Name="@alertIconName" class="me-2"></Icon>
+                            @alertMessage
+                            <Button Color="ButtonColor.Primary" @onclick="EndForm">اتمام عملیات</Button>
+                        </Alert>
 
 
-                        <label style="color:red">
-                            @Error
-                        </label>
                     </div>
                     <div class="signin-banner-from-register">
                         <NavLink href="Register">کد ارسال نشد؟ <span>ارسال مجدد</span></NavLink>
@@ -80,8 +82,13 @@
 
 @code {
 
+    // alert
+    AlertColor alertColor = AlertColor.Primary;
+    IconName alertIconName = IconName.CheckCircleFill;
+    bool Hidealert = true;
+    string alertMessage = "";
+
     
-    public string Error{ get; set; }
     [Parameter]
     public int ID { get; set; }
 
@@ -109,10 +116,9 @@
 
     private async Task SubmitVerificationCode()
     {
-        Error = "";
         if (VerificationCodeModel.Code < 1000 || VerificationCodeModel.Code > 9000)
         {
-            Error = "کد احراز صحیح نمی باشد";
+            ShowDangerAlert("کد احراز صحیح نمی باشد");
         }
         else
         {
@@ -122,19 +128,34 @@
                 var status = await request.Content.ReadFromJsonAsync<bool>();
                 if (status)
                 {
-
+                    ShowSuccessAlert("عملیات با موفقیت انجام شد");
                 }
                 else
                 {
-                    Error = "خطای سیستمی رخ داده";
+                    ShowDangerAlert("خطای سیستمی رخ داده");
                 }
 
             }
             else
             {
-                Error = await request.Content.ReadFromJsonAsync<string>();
+                ShowDangerAlert(await request.Content.ReadFromJsonAsync<string>());
             }
         }
         
     }
+    private void ShowSuccessAlert(string msg)
+    {
+        Hidealert = false;
+        alertColor = AlertColor.Success;
+        alertIconName = IconName.CheckCircleFill;
+        alertMessage = msg;
+    }
+    private void ShowDangerAlert(string msg)
+    {
+        Hidealert = false;
+        alertColor = AlertColor.Danger;
+        alertIconName = IconName.ExclamationTriangleFill;
+        alertMessage = msg;
+    }
+    private async Task EndForm() => nav.NavigateTo("/");
 }

TaxPayerFull/Program.cs

@@ -6,6 +6,8 @@ using System.Globalization;
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 builder.RootComponents.Add<App>("#app");
 builder.RootComponents.Add<HeadOutlet>("head::after");
+builder.Services.AddBlazorBootstrap();
+
 
 //builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri("https://localhost:7075/api/") });
 

TaxPayerFull/_Imports.razor

@@ -8,3 +8,4 @@
 @using Microsoft.JSInterop
 @using Front
 @using Front.Layout
+@using BlazorBootstrap;

TaxPayerFull/wwwroot/index.html

@@ -11,6 +11,9 @@
     <link rel="icon" type="image/png" href="favicon.png" />
     <link href="Front.styles.css" rel="stylesheet" />
 
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
+    <!--<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />-->
 
 </head>
 
@@ -30,6 +33,15 @@
     </div>
     <script src="_framework/blazor.webassembly.js"></script>
 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    <!-- Add chart.js reference if chart components are used in your application. -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <!-- Add sortable.js reference if SortableList component is used in your application. -->
+    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
+    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"></script>
+
     <script src="js/jquery.js"></script>
     <script src="js/waypoints.js"></script>
     <script src="js/bootstrap.bundle.min.js"></script>