Initial commit for AVS carton shipment verifier

2026-05-04 15:12:13 +05:00 · 2026-05-04 15:12:13 +05:00 · dbb9933174
commit dbb9933174
95 changed files with 84039 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,48 @@
+# Visual Studio
+.vs/
+*.user
+*.suo
+*.userosscache
+*.sln.docstates
+
+# Build results
+bin/
+obj/
+
+# .NET Core
+*.runtimeconfig.dev.json
+
+# Logs
+*.log
+
+# Rider
+.idea/
+
+# VS Code
+.vscode/
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# NuGet
+*.nupkg
+packages/
+.nuget/
+
+# Publish
+publish/
+
+# Entity Framework
+*.db
+*.sqlite
+
+# Node (if any frontend later)
+node_modules/
+
+# Temporary files
+*.tmp
+*.temp
+
+# Environment variables
+.env
--- a/AVSCartonShipmentVerifier.csproj
+++ b/AVSCartonShipmentVerifier.csproj
@ -0,0 +1,15 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net10.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <AssemblyName>AVSCartonShipmentVerifier</AssemblyName>
+    <RootNamespace>AVSCartonShipmentVerifier</RootNamespace>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Pomelo.EntityFrameworkCore.MySql" Version="9.0.0" />
+  </ItemGroup>
+
+</Project>
--- a/AVSCartonShipmentVerifier.sln
+++ b/AVSCartonShipmentVerifier.sln
@ -0,0 +1,34 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.0.31903.59
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "AVSCartonShipmentVerifier", "AVSCartonShipmentVerifier.csproj", "{FCD78A4E-CF57-4247-9698-BB63BA85B062}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Debug|x64 = Debug|x64
+		Debug|x86 = Debug|x86
+		Release|Any CPU = Release|Any CPU
+		Release|x64 = Release|x64
+		Release|x86 = Release|x86
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Debug|x64.Build.0 = Debug|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Debug|x86.Build.0 = Debug|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Release|Any CPU.Build.0 = Release|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Release|x64.ActiveCfg = Release|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Release|x64.Build.0 = Release|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Release|x86.ActiveCfg = Release|Any CPU
+		{FCD78A4E-CF57-4247-9698-BB63BA85B062}.Release|x86.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+EndGlobal
--- a/Configuration/CartonVerificationOptions.cs
+++ b/Configuration/CartonVerificationOptions.cs
@ -0,0 +1,18 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace AVSCartonShipmentVerifier.Configuration;
+
+public sealed class CartonVerificationOptions
+{
+    public const string SectionName = "CartonVerification";
+
+    [Required]
+    public string TableName { get; init; } = "carton_verification_log";
+
+    [Required]
+    public string QrColumnName { get; init; } = "qr";
+
+    [Required]
+    public string ShipmentVerificationFlagColumnName { get; init; } = "shipment_verification_flag";
+}
+
--- a/Controllers/HomeController.cs
+++ b/Controllers/HomeController.cs
@ -0,0 +1,30 @@
+using System.Diagnostics;
+using AVSCartonShipmentVerifier.Models;
+using AVSCartonShipmentVerifier.Services;
+using AVSCartonShipmentVerifier.ViewModels;
+using Microsoft.AspNetCore.Mvc;
+
+namespace AVSCartonShipmentVerifier.Controllers;
+
+public sealed class HomeController(IScanHistoryStore scanHistoryStore) : Controller
+{
+    private readonly IScanHistoryStore _scanHistoryStore = scanHistoryStore;
+
+    [HttpGet]
+    public IActionResult Index()
+    {
+        var model = new VerificationDashboardViewModel
+        {
+            RecentScans = _scanHistoryStore.GetLastFive()
+        };
+
+        return View(model);
+    }
+
+    [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+    public IActionResult Error()
+    {
+        return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
+    }
+}
+
--- a/Controllers/VerificationController.cs
+++ b/Controllers/VerificationController.cs
@ -0,0 +1,50 @@
+using AVSCartonShipmentVerifier.DTOs;
+using AVSCartonShipmentVerifier.Services;
+using Microsoft.AspNetCore.Mvc;
+
+namespace AVSCartonShipmentVerifier.Controllers;
+
+[Route("api/verification")]
+public sealed class VerificationController(
+    IShipmentVerificationService shipmentVerificationService,
+    IScanHistoryStore scanHistoryStore,
+    ILogger<VerificationController> logger) : Controller
+{
+    private readonly IShipmentVerificationService _shipmentVerificationService = shipmentVerificationService;
+    private readonly IScanHistoryStore _scanHistoryStore = scanHistoryStore;
+    private readonly ILogger<VerificationController> _logger = logger;
+
+    [HttpPost("scan")]
+    [ValidateAntiForgeryToken]
+    public async Task<IActionResult> Scan([FromBody] QrScanRequestDto request, CancellationToken cancellationToken)
+    {
+        if (request is null)
+        {
+            return BadRequest(new { message = "Request payload is required." });
+        }
+
+        try
+        {
+            var verificationResult = await _shipmentVerificationService.VerifyQrAsync(request.QrValue, cancellationToken);
+            return Ok(new
+            {
+                result = verificationResult,
+                recentScans = _scanHistoryStore.GetLastFive()
+            });
+        }
+        catch (OperationCanceledException)
+        {
+            return StatusCode(StatusCodes.Status499ClientClosedRequest);
+        }
+        catch (Exception exception)
+        {
+            _logger.LogError(exception, "Unexpected error while verifying QR scan.");
+
+            return StatusCode(StatusCodes.Status500InternalServerError, new
+            {
+                message = "An unexpected error occurred during verification."
+            });
+        }
+    }
+}
+
--- a/DTOs/QrScanRequestDto.cs
+++ b/DTOs/QrScanRequestDto.cs
@ -0,0 +1,7 @@
+namespace AVSCartonShipmentVerifier.DTOs;
+
+public sealed class QrScanRequestDto
+{
+    public string QrValue { get; init; } = string.Empty;
+}
+
--- a/DTOs/ScannedRecordDto.cs
+++ b/DTOs/ScannedRecordDto.cs
@ -0,0 +1,11 @@
+namespace AVSCartonShipmentVerifier.DTOs;
+
+public sealed class ScannedRecordDto
+{
+    public string ModelNumber { get; init; } = string.Empty;
+    public string UniqueNumber { get; init; } = string.Empty;
+    public bool ExistsInSystem { get; init; }
+    public bool ShipmentMarked { get; init; }
+    public DateTime ProcessedAtUtc { get; init; }
+}
+
--- a/DTOs/VerificationResultDto.cs
+++ b/DTOs/VerificationResultDto.cs
@ -0,0 +1,14 @@
+namespace AVSCartonShipmentVerifier.DTOs;
+
+public sealed class VerificationResultDto
+{
+    public string ModelNumber { get; init; } = string.Empty;
+    public string UniqueNumber { get; init; } = string.Empty;
+    public string RawQrValue { get; init; } = string.Empty;
+    public bool ExistsInSystem { get; init; }
+    public bool ShipmentMarked { get; init; }
+    public bool IsSuccessful => ExistsInSystem;
+    public string Message { get; init; } = string.Empty;
+    public DateTime ProcessedAtUtc { get; init; }
+}
+
--- a/Data/IVerificationDbConnectionFactory.cs
+++ b/Data/IVerificationDbConnectionFactory.cs
@ -0,0 +1,9 @@
+using MySqlConnector;
+
+namespace AVSCartonShipmentVerifier.Data;
+
+public interface IVerificationDbConnectionFactory
+{
+    MySqlConnection CreateConnection();
+}
+
--- a/Data/VerificationDbConnectionFactory.cs
+++ b/Data/VerificationDbConnectionFactory.cs
@ -0,0 +1,12 @@
+using MySqlConnector;
+
+namespace AVSCartonShipmentVerifier.Data;
+
+public sealed class VerificationDbConnectionFactory(IConfiguration configuration) : IVerificationDbConnectionFactory
+{
+    private readonly string _connectionString = configuration.GetConnectionString("VerificationDatabase")
+        ?? throw new InvalidOperationException("Connection string 'VerificationDatabase' is missing.");
+
+    public MySqlConnection CreateConnection() => new(_connectionString);
+}
+
--- a/Models/ErrorViewModel.cs
+++ b/Models/ErrorViewModel.cs
@ -0,0 +1,9 @@
+namespace AVSCartonShipmentVerifier.Models;
+
+public class ErrorViewModel
+{
+    public string? RequestId { get; set; }
+
+    public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+}
+
--- a/Program.cs
+++ b/Program.cs
@ -0,0 +1,39 @@
+using AVSCartonShipmentVerifier.Configuration;
+using AVSCartonShipmentVerifier.Data;
+using AVSCartonShipmentVerifier.Repositories;
+using AVSCartonShipmentVerifier.Services;
+
+var builder = WebApplication.CreateBuilder(args);
+
+builder.Services
+    .AddOptions<CartonVerificationOptions>()
+    .Bind(builder.Configuration.GetSection(CartonVerificationOptions.SectionName))
+    .ValidateDataAnnotations()
+    .ValidateOnStart();
+
+builder.Services.AddControllersWithViews();
+builder.Services.AddSingleton<IScanHistoryStore, InMemoryScanHistoryStore>();
+builder.Services.AddScoped<IVerificationDbConnectionFactory, VerificationDbConnectionFactory>();
+builder.Services.AddScoped<ICartonVerificationRepository, CartonVerificationRepository>();
+builder.Services.AddScoped<IShipmentVerificationService, ShipmentVerificationService>();
+
+var app = builder.Build();
+
+if (!app.Environment.IsDevelopment())
+{
+    app.UseExceptionHandler("/Home/Error");
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+app.UseRouting();
+app.UseAuthorization();
+app.MapStaticAssets();
+
+app.MapControllerRoute(
+    name: "default",
+    pattern: "{controller=Home}/{action=Index}/{id?}")
+    .WithStaticAssets();
+
+app.Run();
+
--- a/Properties/launchSettings.json
+++ b/Properties/launchSettings.json
@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/launchsettings.json",
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "http://localhost:5186",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "https://localhost:7162;http://localhost:5186",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
--- a/Repositories/CartonVerificationRepository.cs
+++ b/Repositories/CartonVerificationRepository.cs
@ -0,0 +1,46 @@
+using System.Text.RegularExpressions;
+using AVSCartonShipmentVerifier.Configuration;
+using AVSCartonShipmentVerifier.Data;
+using Microsoft.Extensions.Options;
+using MySqlConnector;
+
+namespace AVSCartonShipmentVerifier.Repositories;
+
+public sealed class CartonVerificationRepository(
+    IVerificationDbConnectionFactory connectionFactory,
+    IOptions<CartonVerificationOptions> options) : ICartonVerificationRepository
+{
+    private static readonly Regex SqlIdentifierRegex = new("^[A-Za-z_][A-Za-z0-9_]*$", RegexOptions.Compiled);
+
+    private readonly IVerificationDbConnectionFactory _connectionFactory = connectionFactory;
+    private readonly CartonVerificationOptions _options = options.Value;
+
+    public async Task<bool> UniqueNumberExistsAsync(string uniqueNumber, CancellationToken cancellationToken = default)
+    {
+        await using var connection = _connectionFactory.CreateConnection();
+        await connection.OpenAsync(cancellationToken);
+
+        await using var command = connection.CreateCommand();
+        command.CommandText = $"""
+            SELECT 1
+            FROM {QuoteIdentifier(_options.TableName)}
+            WHERE {QuoteIdentifier(_options.QrColumnName)} = @uniqueNumber
+            LIMIT 1;
+            """;
+        command.Parameters.AddWithValue("@uniqueNumber", uniqueNumber);
+
+        var result = await command.ExecuteScalarAsync(cancellationToken);
+        return result is not null;
+    }
+
+    private static string QuoteIdentifier(string identifier)
+    {
+        if (!SqlIdentifierRegex.IsMatch(identifier))
+        {
+            throw new InvalidOperationException($"Invalid SQL identifier configured: '{identifier}'.");
+        }
+
+        return $"`{identifier}`";
+    }
+}
+
--- a/Repositories/ICartonVerificationRepository.cs
+++ b/Repositories/ICartonVerificationRepository.cs
@ -0,0 +1,7 @@
+namespace AVSCartonShipmentVerifier.Repositories;
+
+public interface ICartonVerificationRepository
+{
+    Task<bool> UniqueNumberExistsAsync(string uniqueNumber, CancellationToken cancellationToken = default);
+}
+
--- a/Services/IScanHistoryStore.cs
+++ b/Services/IScanHistoryStore.cs
@ -0,0 +1,10 @@
+using AVSCartonShipmentVerifier.DTOs;
+
+namespace AVSCartonShipmentVerifier.Services;
+
+public interface IScanHistoryStore
+{
+    void Add(ScannedRecordDto record);
+    IReadOnlyCollection<ScannedRecordDto> GetLastFive();
+}
+
--- a/Services/IShipmentVerificationService.cs
+++ b/Services/IShipmentVerificationService.cs
@ -0,0 +1,9 @@
+using AVSCartonShipmentVerifier.DTOs;
+
+namespace AVSCartonShipmentVerifier.Services;
+
+public interface IShipmentVerificationService
+{
+    Task<VerificationResultDto> VerifyQrAsync(string rawQrValue, CancellationToken cancellationToken = default);
+}
+
--- a/Services/InMemoryScanHistoryStore.cs
+++ b/Services/InMemoryScanHistoryStore.cs
@ -0,0 +1,32 @@
+using System.Collections.Concurrent;
+using AVSCartonShipmentVerifier.DTOs;
+
+namespace AVSCartonShipmentVerifier.Services;
+
+public sealed class InMemoryScanHistoryStore : IScanHistoryStore
+{
+    private const int MaxItems = 5;
+    private readonly ConcurrentQueue<ScannedRecordDto> _records = new();
+    private readonly Lock _syncLock = new();
+
+    public void Add(ScannedRecordDto record)
+    {
+        lock (_syncLock)
+        {
+            _records.Enqueue(record);
+            while (_records.Count > MaxItems)
+            {
+                _records.TryDequeue(out _);
+            }
+        }
+    }
+
+    public IReadOnlyCollection<ScannedRecordDto> GetLastFive()
+    {
+        lock (_syncLock)
+        {
+            return _records.Reverse().ToArray();
+        }
+    }
+}
+
--- a/Services/ShipmentVerificationService.cs
+++ b/Services/ShipmentVerificationService.cs
@ -0,0 +1,112 @@
+using AVSCartonShipmentVerifier.DTOs;
+using AVSCartonShipmentVerifier.Repositories;
+
+namespace AVSCartonShipmentVerifier.Services;
+
+public sealed class ShipmentVerificationService(
+    ICartonVerificationRepository repository,
+    IScanHistoryStore historyStore,
+    ILogger<ShipmentVerificationService> logger) : IShipmentVerificationService
+{
+    private readonly ICartonVerificationRepository _repository = repository;
+    private readonly IScanHistoryStore _historyStore = historyStore;
+    private readonly ILogger<ShipmentVerificationService> _logger = logger;
+
+    public async Task<VerificationResultDto> VerifyQrAsync(string rawQrValue, CancellationToken cancellationToken = default)
+    {
+        var parseResult = TryParseQr(rawQrValue);
+        if (!parseResult.IsValid)
+        {
+            return BuildFailure(parseResult.ErrorMessage);
+        }
+
+        var nowUtc = DateTime.UtcNow;
+        bool exists;
+        try
+        {
+            exists = await _repository.UniqueNumberExistsAsync(parseResult.UniqueNumber, cancellationToken);
+        }
+        catch (Exception exception)
+        {
+            _logger.LogError(exception, "Verification lookup failed for unique number {UniqueNumber}.", parseResult.UniqueNumber);
+            return BuildFailure("Unable to verify QR at the moment. Please try again.");
+        }
+
+        if (!exists)
+        {
+            var missingResult = new VerificationResultDto
+            {
+                ModelNumber = parseResult.ModelNumber,
+                UniqueNumber = parseResult.UniqueNumber,
+                RawQrValue = rawQrValue,
+                ExistsInSystem = false,
+                ShipmentMarked = false,
+                Message = "Shipment not completed. Unique number was not found.",
+                ProcessedAtUtc = nowUtc
+            };
+
+            _historyStore.Add(ToScannedRecord(missingResult));
+            return missingResult;
+        }
+
+        var result = new VerificationResultDto
+        {
+            ModelNumber = parseResult.ModelNumber,
+            UniqueNumber = parseResult.UniqueNumber,
+            RawQrValue = rawQrValue,
+            ExistsInSystem = true,
+            ShipmentMarked = true,
+            Message = "Record found in carton verification log.",
+            ProcessedAtUtc = nowUtc
+        };
+
+        _historyStore.Add(ToScannedRecord(result));
+        return result;
+    }
+
+    private static (bool IsValid, string ModelNumber, string UniqueNumber, string ErrorMessage) TryParseQr(string rawQrValue)
+    {
+        if (string.IsNullOrWhiteSpace(rawQrValue))
+        {
+            return (false, string.Empty, string.Empty, "QR value is required.");
+        }
+
+        if (!rawQrValue.Contains(';'))
+        {
+            return (false, string.Empty, string.Empty, "Invalid QR format. Missing ';' separator. Use modelnumber;uniquenumber.");
+        }
+
+        var parts = rawQrValue.Split(';', StringSplitOptions.TrimEntries);
+        if (parts.Length != 2)
+        {
+            return (false, string.Empty, string.Empty, "Invalid QR format. Use modelnumber;uniquenumber.");
+        }
+
+        var modelNumber = parts[0];
+        var uniqueNumber = parts[1];
+        if (string.IsNullOrWhiteSpace(uniqueNumber))
+        {
+            return (false, modelNumber, string.Empty, "Invalid QR format. Unique number is missing after ';'.");
+        }
+
+        return (true, modelNumber, uniqueNumber, string.Empty);
+    }
+
+    private static VerificationResultDto BuildFailure(string message) => new()
+    {
+        Message = message,
+        ExistsInSystem = false,
+        ShipmentMarked = false,
+        ProcessedAtUtc = DateTime.UtcNow
+    };
+
+    private static ScannedRecordDto ToScannedRecord(VerificationResultDto result) => new()
+    {
+        ModelNumber = result.ModelNumber,
+        UniqueNumber = result.UniqueNumber,
+        ExistsInSystem = result.ExistsInSystem,
+        ShipmentMarked = result.ShipmentMarked,
+        ProcessedAtUtc = result.ProcessedAtUtc
+    };
+}
+
--- a/ViewModels/VerificationDashboardViewModel.cs
+++ b/ViewModels/VerificationDashboardViewModel.cs
@ -0,0 +1,9 @@
+using AVSCartonShipmentVerifier.DTOs;
+
+namespace AVSCartonShipmentVerifier.ViewModels;
+
+public sealed class VerificationDashboardViewModel
+{
+    public IReadOnlyCollection<ScannedRecordDto> RecentScans { get; init; } = [];
+}
+
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@ -0,0 +1,130 @@
+@model VerificationDashboardViewModel
+@{
+    ViewData["Title"] = "Carton Shipment Verification";
+}
+
+<header class="topbar">
+    <div class="topbar-brand">
+        <span class="brand-icon">&#x25C8;</span>
+        <span>AVS CARTON SHIPMENT VERIFIER</span>
+    </div>
+    <div class="topbar-siren" id="siren-indicator">
+        <span>&#128266;</span>
+        <span>SIREN: ON</span>
+    </div>
+</header>
+
+<main class="dashboard-main">
+    <section class="top-grid">
+        <section class="left-column">
+            <section class="panel panel-scan">
+                <h2 class="section-title"><span class="section-icon">&#128438;</span> SCAN QR CODE</h2>
+                <form id="scan-form" autocomplete="off" novalidate>
+                    @Html.AntiForgeryToken()
+                    <div class="scan-input-wrap">
+                        <span class="scan-icon">&#9881;</span>
+                        <input id="qr-input"
+                               name="qrValue"
+                               class="scan-input"
+                               type="text"
+                               placeholder="Scan QR code or enter manually..."
+                               autofocus
+                               required />
+                    </div>
+                    <div class="form-hint">Format: modelnumber;uniquenumber</div>
+                </form>
+            </section>
+
+            <section id="status-card" class="panel panel-status status-neutral" aria-live="polite">
+                <h2 class="section-title"><span class="section-icon">&#8767;</span> VERIFICATION STATUS</h2>
+                <div class="status-mini-icon" id="status-mini-icon">-</div>
+                <div class="status-mini-headline" id="status-mini-headline">AWAITING SCAN</div>
+                <div id="status-mini-message" class="status-mini-message">Waiting for QR input.</div>
+                <div class="last-updated">
+                    <span>&#9716; Last Updated:</span>
+                    <strong id="last-updated-time">-</strong>
+                </div>
+            </section>
+        </section>
+
+        <section class="panel panel-center-status status-neutral" id="status-center-card">
+            <div class="status-visual" id="status-visual">-</div>
+            <div class="status-headline" id="status-headline">AWAITING SCAN</div>
+            <div id="status-text" class="status-message">Scan a QR code to verify carton details</div>
+        </section>
+
+        <section class="right-column">
+            <section class="panel">
+                <h2 class="section-title"><span class="section-icon">&#9432;</span> SCANNED DETAILS</h2>
+                <div class="info-grid">
+                    <span>Model Number</span><strong id="detail-model">-</strong>
+                    <span>Unique Number</span><strong id="detail-unique">-</strong>
+                </div>
+            </section>
+
+            <section class="panel">
+                <h2 class="section-title"><span class="section-icon">&#128737;</span> VERIFICATION RESULT</h2>
+                <div class="info-grid">
+                    <span>Exists in Carton Logs</span><strong id="detail-exists">-</strong>
+                    <span>Shipment Marked</span><strong id="detail-marked">-</strong>
+                    <span>Marked At</span><strong id="detail-time">-</strong>
+                    <span>Marked By</span><strong id="detail-marked-by">System</strong>
+                </div>
+            </section>
+        </section>
+    </section>
+
+    <section class="panel panel-history">
+        <h2 class="section-title"><span class="section-icon">&#128462;</span> LAST 5 SCANNED RECORDS</h2>
+        <div class="table-responsive history-wrap">
+            <table class="table table-sm align-middle" id="history-table">
+                <thead>
+                    <tr>
+                        <th>#</th>
+                        <th>MODEL NUMBER</th>
+                        <th>UNIQUE NUMBER</th>
+                        <th>STATUS</th>
+                        <th>MARKED AT</th>
+                        <th>MARKED BY</th>
+                    </tr>
+                </thead>
+                <tbody>
+                @{
+                    var rowNumber = 1;
+                }
+                @foreach (var item in Model.RecentScans)
+                {
+                    <tr>
+                        <td>@rowNumber</td>
+                        <td>@item.ModelNumber</td>
+                        <td>@item.UniqueNumber</td>
+                        <td>
+                            <span class="status-pill @(item.ShipmentMarked ? "status-true" : "status-false")">
+                                @(item.ShipmentMarked ? "TRUE" : "FALSE")
+                            </span>
+                        </td>
+                        <td>@item.ProcessedAtUtc.ToString("dd MMM yyyy h:mm tt")</td>
+                        <td>System</td>
+                    </tr>
+                    rowNumber++;
+                }
+                </tbody>
+            </table>
+            <div class="history-empty @(Model.RecentScans.Count > 0 ? "is-hidden" : string.Empty)" id="history-empty">
+                <div class="empty-icon">&#128230;</div>
+                <div class="empty-title">No records found</div>
+                <div class="empty-text">Scan a QR code to see history here.</div>
+            </div>
+        </div>
+    </section>
+</main>
+
+<footer class="page-footer">
+    <span>AVS C# .NET Application</span>
+    <span>|</span>
+    <span>AVS Carton Shipment Verifier</span>
+</footer>
+
+@section Scripts {
+    <script src="~/js/verification-dashboard.js" asp-append-version="true"></script>
+}
--- a/Views/Home/Privacy.cshtml
+++ b/Views/Home/Privacy.cshtml
@ -0,0 +1,6 @@
+@{
+    ViewData["Title"] = "Privacy Policy";
+}
+<h1>@ViewData["Title"]</h1>
+
+<p>Use this page to detail your site's privacy policy.</p>
--- a/Views/Shared/Error.cshtml
+++ b/Views/Shared/Error.cshtml
@ -0,0 +1,25 @@
+@model ErrorViewModel
+@{
+    ViewData["Title"] = "Error";
+}
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (Model.ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@Model.RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
--- a/Views/Shared/_Layout.cshtml
+++ b/Views/Shared/_Layout.cshtml
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@ViewData["Title"] - AVS Carton Shipment Verifier</title>
+    <script type="importmap"></script>
+    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
+    <link rel="stylesheet" href="~/AVSCartonShipmentVerifier.styles.css" asp-append-version="true" />
+</head>
+<body>
+    <div class="dashboard-shell">
+        @RenderBody()
+    </div>
+
+    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    @await RenderSectionAsync("Scripts", required: false)
+</body>
+</html>
+
--- a/Views/Shared/_Layout.cshtml.css
+++ b/Views/Shared/_Layout.cshtml.css
@ -0,0 +1,48 @@
+/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
+for details on configuring this project to bundle and minify static web assets. */
+
+a.navbar-brand {
+  white-space: normal;
+  text-align: center;
+  word-break: break-all;
+}
+
+a {
+  color: #0077cc;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.border-top {
+  border-top: 1px solid #e5e5e5;
+}
+.border-bottom {
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.box-shadow {
+  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+}
+
+button.accept-policy {
+  font-size: 1rem;
+  line-height: inherit;
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  white-space: nowrap;
+  line-height: 60px;
+}
--- a/Views/Shared/_ValidationScriptsPartial.cshtml
+++ b/Views/Shared/_ValidationScriptsPartial.cshtml
@ -0,0 +1,2 @@
+<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
+<script src="~/lib/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.min.js"></script>
--- a/Views/_ViewImports.cshtml
+++ b/Views/_ViewImports.cshtml
@ -0,0 +1,6 @@
+@using AVSCartonShipmentVerifier
+@using AVSCartonShipmentVerifier.Models
+@using AVSCartonShipmentVerifier.ViewModels
+@using AVSCartonShipmentVerifier.DTOs
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+
--- a/Views/_ViewStart.cshtml
+++ b/Views/_ViewStart.cshtml
@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}
--- a/appsettings.Development.json
+++ b/appsettings.Development.json
@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Debug",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
--- a/appsettings.json
+++ b/appsettings.json
@ -0,0 +1,17 @@
+{
+  "ConnectionStrings": {
+    "VerificationDatabase": "Server=utopia-industries-rr.c5qech8o9lgg.us-east-1.rds.amazonaws.com;Port=3306;Database=item_verification_system;User ID=muhammad.faique;Password=21)3lq6b!A@.;SslMode=Preferred;Allow User Variables=True;"
+  },
+  "CartonVerification": {
+    "TableName": "carton_verification_log",
+    "QrColumnName": "qr",
+    "ShipmentVerificationFlagColumnName": "shipment_verification_flag"
+  },
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@ -0,0 +1,357 @@
+html {
+  font-size: 14px;
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  background: #f3f6fb;
+  color: #223a5f;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.dashboard-shell {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.topbar {
+  height: 48px;
+  background: #0b2f6b;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  border-bottom: 2px solid #1b4383;
+}
+
+.topbar-brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.95rem;
+  font-weight: 700;
+  letter-spacing: 0.2px;
+}
+
+.brand-icon {
+  font-size: 0.9rem;
+}
+
+.topbar-siren {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: #ff9aa7;
+  font-size: 0.9rem;
+  font-weight: 700;
+}
+
+.dashboard-main {
+  flex: 1;
+  padding: 10px;
+  display: grid;
+  gap: 10px;
+}
+
+.top-grid {
+  display: grid;
+  grid-template-columns: 1.15fr 0.75fr 1.1fr;
+  gap: 10px;
+}
+
+.left-column,
+.right-column {
+  display: grid;
+  gap: 10px;
+}
+
+.panel {
+  background: #fff;
+  border: 1px solid #e2e8f2;
+  border-radius: 8px;
+  padding: 12px;
+  box-shadow: 0 1px 2px rgba(16, 36, 79, 0.06);
+}
+
+.section-title {
+  margin: 0 0 10px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: #163b72;
+  font-size: 0.92rem;
+  font-weight: 800;
+  letter-spacing: 0.2px;
+}
+
+.section-icon {
+  font-size: 0.9rem;
+  color: #4f6f9f;
+}
+
+.scan-input-wrap {
+  height: 42px;
+  border: 2px solid #8ec7a5;
+  border-radius: 7px;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  background: #fff;
+}
+
+.scan-icon {
+  color: #7788a2;
+  margin-right: 8px;
+}
+
+.scan-input {
+  border: 0;
+  width: 100%;
+  outline: none;
+  color: #344d72;
+  font-size: 1.5rem;
+}
+
+.scan-input::placeholder {
+  color: #97a5b9;
+}
+
+.form-hint {
+  margin-top: 8px;
+  color: #5d718f;
+  font-size: 0.8rem;
+}
+
+.panel-status {
+  text-align: center;
+}
+
+.status-mini-icon {
+  width: 62px;
+  height: 62px;
+  border-radius: 50%;
+  margin: 2px auto 6px;
+  display: grid;
+  place-items: center;
+  background: #8b9cb8;
+  color: #fff;
+  font-size: 1.7rem;
+  font-weight: 700;
+}
+
+.status-mini-headline {
+  color: #10396f;
+  font-size: 2rem;
+  font-weight: 800;
+}
+
+.status-mini-message {
+  color: #637898;
+  margin-top: 2px;
+  font-size: 1.2rem;
+}
+
+.last-updated {
+  margin-top: 10px;
+  background: #ebf4ff;
+  border: 1px solid #d3e3f7;
+  border-radius: 6px;
+  font-size: 1.1rem;
+  padding: 8px;
+  color: #4f6687;
+}
+
+.panel-center-status {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  min-height: 314px;
+}
+
+.status-visual {
+  width: 94px;
+  height: 94px;
+  border-radius: 50%;
+  background: #8b9cb8;
+  color: #fff;
+  display: grid;
+  place-items: center;
+  font-size: 2.4rem;
+  font-weight: 800;
+  margin-bottom: 10px;
+}
+
+.status-headline {
+  color: #123d73;
+  font-size: 2.6rem;
+  font-weight: 800;
+}
+
+.status-message {
+  margin-top: 6px;
+  color: #5f7392;
+  font-size: 1.2rem;
+}
+
+.status-success .status-visual,
+.status-success .status-mini-icon {
+  background: #3cae58;
+}
+
+.status-failed .status-visual,
+.status-failed .status-mini-icon {
+  background: #d54d56;
+}
+
+.status-success .status-headline,
+.status-success .status-mini-headline {
+  color: #2f9950;
+}
+
+.status-failed .status-headline,
+.status-failed .status-mini-headline {
+  color: #bf3340;
+}
+
+.info-grid {
+  display: grid;
+  grid-template-columns: 1fr 180px;
+  gap: 8px 10px;
+  align-items: center;
+}
+
+.info-grid span {
+  color: #2b456f;
+  font-size: 0.88rem;
+  font-weight: 600;
+}
+
+.info-grid strong {
+  background: #eef4fb;
+  border-radius: 6px;
+  min-height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #3f5579;
+  font-size: 1.05rem;
+}
+
+#detail-marked-by {
+  background: #e3f4e9;
+  color: #3ca05b;
+}
+
+.panel-history {
+  padding-bottom: 0;
+}
+
+.history-wrap {
+  border: 1px solid #d7e1f0;
+  border-radius: 6px;
+  overflow: hidden;
+  position: relative;
+  min-height: 132px;
+}
+
+.table {
+  margin: 0;
+  font-size: 0.85rem;
+}
+
+.table thead th {
+  background: #0d3b7a;
+  color: #fff;
+  border: 0;
+  text-align: left;
+  font-size: 0.76rem;
+  font-weight: 700;
+  padding: 8px 10px;
+}
+
+.table tbody td {
+  padding: 8px 10px;
+  border-top: 1px solid #e9eff9;
+  color: #2a436a;
+}
+
+.status-pill {
+  display: inline-block;
+  min-width: 52px;
+  padding: 2px 7px;
+  border-radius: 6px;
+  font-size: 0.75rem;
+  text-align: center;
+  font-weight: 700;
+}
+
+.status-true {
+  background: #e4f5e8;
+  color: #2f9950;
+}
+
+.status-false {
+  background: #fdeaea;
+  color: #c63f4a;
+}
+
+.history-empty {
+  position: absolute;
+  inset: 37px 0 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+}
+
+.history-empty.is-hidden {
+  display: none;
+}
+
+.empty-icon {
+  font-size: 2.4rem;
+  opacity: 0.55;
+}
+
+.empty-title {
+  margin-top: 4px;
+  font-size: 1.5rem;
+  color: #445a7f;
+  font-weight: 700;
+}
+
+.empty-text {
+  font-size: 1.2rem;
+  color: #657a98;
+}
+
+.page-footer {
+  height: 36px;
+  background: #0b2f6b;
+  color: #fff;
+  font-size: 0.9rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+}
+
+@media (max-width: 1200px) {
+  .top-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .panel-center-status {
+    min-height: 220px;
+  }
+
+  .info-grid {
+    grid-template-columns: 1fr;
+  }
+}
--- a/wwwroot/favicon.ico
+++ b/wwwroot/favicon.ico
--- a/wwwroot/js/site.js
+++ b/wwwroot/js/site.js
@ -0,0 +1,4 @@
+// Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
+// for details on configuring this project to bundle and minify static web assets.
+
+// Write your JavaScript code.
--- a/wwwroot/js/verification-dashboard.js
+++ b/wwwroot/js/verification-dashboard.js
@ -0,0 +1,194 @@
+(() => {
+    const qrInput = document.getElementById("qr-input");
+    const statusCard = document.getElementById("status-card");
+    const statusCenterCard = document.getElementById("status-center-card");
+    const statusVisual = document.getElementById("status-visual");
+    const statusMiniIcon = document.getElementById("status-mini-icon");
+    const statusHeadline = document.getElementById("status-headline");
+    const statusMiniHeadline = document.getElementById("status-mini-headline");
+    const statusText = document.getElementById("status-text");
+    const statusMiniMessage = document.getElementById("status-mini-message");
+    const lastUpdatedTime = document.getElementById("last-updated-time");
+    const historyBody = document.querySelector("#history-table tbody");
+    const historyEmpty = document.getElementById("history-empty");
+
+    const details = {
+        model: document.getElementById("detail-model"),
+        unique: document.getElementById("detail-unique"),
+        exists: document.getElementById("detail-exists"),
+        marked: document.getElementById("detail-marked"),
+        time: document.getElementById("detail-time")
+    };
+
+    const antiForgeryToken = document.querySelector('input[name="__RequestVerificationToken"]')?.value;
+
+    qrInput.addEventListener("keydown", async event => {
+        if (event.key !== "Enter") {
+            return;
+        }
+
+        event.preventDefault();
+        const qrValue = qrInput.value.trim();
+        if (!qrValue) {
+            return;
+        }
+
+        await submitScan(qrValue);
+        qrInput.value = "";
+        qrInput.focus();
+    });
+
+    async function submitScan(qrValue) {
+        try {
+            const response = await fetch("/api/verification/scan", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                    "RequestVerificationToken": antiForgeryToken ?? ""
+                },
+                body: JSON.stringify({ qrValue })
+            });
+
+            const payload = await response.json();
+            if (!response.ok) {
+                const fallbackMessage = "Verification service is unavailable.";
+                setFailedState(payload.message ?? fallbackMessage);
+                triggerFailureAlarm();
+                resetDetails();
+                return;
+            }
+
+            const result = payload.result;
+            renderDetails(result);
+            renderStatus(result);
+            renderHistory(payload.recentScans ?? []);
+        } catch {
+            setFailedState("Unexpected communication error.");
+            triggerFailureAlarm();
+            resetDetails();
+        }
+    }
+
+    function renderStatus(result) {
+        if (result.isSuccessful) {
+            setStatusClasses("status-success");
+            statusVisual.textContent = "\u2713";
+            statusMiniIcon.textContent = "\u2713";
+            statusHeadline.textContent = "VERIFIED";
+            statusMiniHeadline.textContent = "VERIFIED";
+            statusText.textContent = result.message;
+            statusMiniMessage.textContent = result.message;
+            lastUpdatedTime.textContent = formatDisplayTime(result.processedAtUtc);
+            return;
+        }
+
+        setFailedState(result.message);
+        triggerFailureAlarm();
+    }
+
+    function setFailedState(message) {
+        setStatusClasses("status-failed");
+        statusVisual.textContent = "!";
+        statusMiniIcon.textContent = "!";
+        statusHeadline.textContent = "FAILED";
+        statusMiniHeadline.textContent = "FAILED";
+        statusText.textContent = message;
+        statusMiniMessage.textContent = message;
+        lastUpdatedTime.textContent = "-";
+    }
+
+    function setStatusClasses(statusClass) {
+        statusCard.className = `panel panel-status ${statusClass}`;
+        statusCenterCard.className = `panel panel-center-status ${statusClass}`;
+    }
+
+    function renderDetails(result) {
+        details.model.textContent = result.modelNumber || "-";
+        details.unique.textContent = result.uniqueNumber || "-";
+        details.exists.textContent = result.existsInSystem ? "YES" : "NO";
+        details.marked.textContent = result.shipmentMarked ? "TRUE" : "FALSE";
+        details.time.textContent = formatDisplayTime(result.processedAtUtc);
+    }
+
+    function resetDetails() {
+        details.model.textContent = "-";
+        details.unique.textContent = "-";
+        details.exists.textContent = "-";
+        details.marked.textContent = "-";
+        details.time.textContent = "-";
+    }
+
+    function renderHistory(records) {
+        historyBody.innerHTML = "";
+
+        if (records.length === 0) {
+            historyEmpty.classList.remove("is-hidden");
+            return;
+        }
+
+        historyEmpty.classList.add("is-hidden");
+        records.forEach((record, index) => {
+            const row = document.createElement("tr");
+            row.innerHTML = `
+                <td>${index + 1}</td>
+                <td>${sanitize(record.modelNumber)}</td>
+                <td>${sanitize(record.uniqueNumber)}</td>
+                <td><span class="status-pill ${record.shipmentMarked ? "status-true" : "status-false"}">${record.shipmentMarked ? "TRUE" : "FALSE"}</span></td>
+                <td>${formatDisplayTime(record.processedAtUtc)}</td>
+                <td>System</td>`;
+
+            historyBody.appendChild(row);
+        });
+    }
+
+    function sanitize(value) {
+        return (value ?? "").replace(/[&<>\"']/g, char => ({
+            "&": "&amp;",
+            "<": "&lt;",
+            ">": "&gt;",
+            "\"": "&quot;",
+            "'": "&#39;"
+        }[char]));
+    }
+
+    function formatDisplayTime(utcValue) {
+        if (!utcValue) {
+            return "-";
+        }
+
+        const date = new Date(utcValue);
+        if (Number.isNaN(date.getTime())) {
+            return "-";
+        }
+
+        return date.toLocaleString("en-US", {
+            day: "2-digit",
+            month: "short",
+            year: "numeric",
+            hour: "numeric",
+            minute: "2-digit",
+            second: "2-digit",
+            hour12: true
+        });
+    }
+
+    function triggerFailureAlarm() {
+        const context = new AudioContext();
+        const oscillator = context.createOscillator();
+        const gainNode = context.createGain();
+
+        oscillator.type = "sawtooth";
+        oscillator.frequency.setValueAtTime(740, context.currentTime);
+        oscillator.frequency.exponentialRampToValueAtTime(320, context.currentTime + 0.4);
+        oscillator.connect(gainNode);
+        gainNode.connect(context.destination);
+
+        gainNode.gain.setValueAtTime(0.0001, context.currentTime);
+        gainNode.gain.exponentialRampToValueAtTime(0.5, context.currentTime + 0.05);
+        gainNode.gain.exponentialRampToValueAtTime(0.0001, context.currentTime + 0.45);
+
+        oscillator.start(context.currentTime);
+        oscillator.stop(context.currentTime + 0.45);
+        oscillator.onended = () => context.close();
+    }
+})();
--- a/wwwroot/lib/bootstrap/LICENSE
+++ b/wwwroot/lib/bootstrap/LICENSE
@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2011-2021 Twitter, Inc.
+Copyright (c) 2011-2021 The Bootstrap Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css
@ -0,0 +1,597 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css
@ -0,0 +1,594 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js.map
--- a/wwwroot/lib/jquery-validation-unobtrusive/LICENSE.txt
+++ b/wwwroot/lib/jquery-validation-unobtrusive/LICENSE.txt
@ -0,0 +1,23 @@
+The MIT License (MIT)
+
+Copyright (c) .NET Foundation and Contributors
+
+All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/wwwroot/lib/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.js
+++ b/wwwroot/lib/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.js
@ -0,0 +1,435 @@
+/**
+ * @license
+ * Unobtrusive validation support library for jQuery and jQuery Validate
+ * Copyright (c) .NET Foundation. All rights reserved.
+ * Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+ * @version v4.0.0
+ */
+
+/*jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: false */
+/*global document: false, jQuery: false */
+
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define("jquery.validate.unobtrusive", ['jquery-validation'], factory);
+    } else if (typeof module === 'object' && module.exports) {
+        // CommonJS-like environments that support module.exports     
+        module.exports = factory(require('jquery-validation'));
+    } else {
+        // Browser global
+        jQuery.validator.unobtrusive = factory(jQuery);
+    }
+}(function ($) {
+    var $jQval = $.validator,
+        adapters,
+        data_validation = "unobtrusiveValidation";
+
+    function setValidationValues(options, ruleName, value) {
+        options.rules[ruleName] = value;
+        if (options.message) {
+            options.messages[ruleName] = options.message;
+        }
+    }
+
+    function splitAndTrim(value) {
+        return value.replace(/^\s+|\s+$/g, "").split(/\s*,\s*/g);
+    }
+
+    function escapeAttributeValue(value) {
+        // As mentioned on http://api.jquery.com/category/selectors/
+        return value.replace(/([!"#$%&'()*+,./:;<=>?@\[\\\]^`{|}~])/g, "\\$1");
+    }
+
+    function getModelPrefix(fieldName) {
+        return fieldName.substr(0, fieldName.lastIndexOf(".") + 1);
+    }
+
+    function appendModelPrefix(value, prefix) {
+        if (value.indexOf("*.") === 0) {
+            value = value.replace("*.", prefix);
+        }
+        return value;
+    }
+
+    function onError(error, inputElement) {  // 'this' is the form element
+        var container = $(this).find("[data-valmsg-for='" + escapeAttributeValue(inputElement[0].name) + "']"),
+            replaceAttrValue = container.attr("data-valmsg-replace"),
+            replace = replaceAttrValue ? $.parseJSON(replaceAttrValue) !== false : null;
+
+        container.removeClass("field-validation-valid").addClass("field-validation-error");
+        error.data("unobtrusiveContainer", container);
+
+        if (replace) {
+            container.empty();
+            error.removeClass("input-validation-error").appendTo(container);
+        }
+        else {
+            error.hide();
+        }
+    }
+
+    function onErrors(event, validator) {  // 'this' is the form element
+        var container = $(this).find("[data-valmsg-summary=true]"),
+            list = container.find("ul");
+
+        if (list && list.length && validator.errorList.length) {
+            list.empty();
+            container.addClass("validation-summary-errors").removeClass("validation-summary-valid");
+
+            $.each(validator.errorList, function () {
+                $("<li />").html(this.message).appendTo(list);
+            });
+        }
+    }
+
+    function onSuccess(error) {  // 'this' is the form element
+        var container = error.data("unobtrusiveContainer");
+
+        if (container) {
+            var replaceAttrValue = container.attr("data-valmsg-replace"),
+                replace = replaceAttrValue ? $.parseJSON(replaceAttrValue) : null;
+
+            container.addClass("field-validation-valid").removeClass("field-validation-error");
+            error.removeData("unobtrusiveContainer");
+
+            if (replace) {
+                container.empty();
+            }
+        }
+    }
+
+    function onReset(event) {  // 'this' is the form element
+        var $form = $(this),
+            key = '__jquery_unobtrusive_validation_form_reset';
+        if ($form.data(key)) {
+            return;
+        }
+        // Set a flag that indicates we're currently resetting the form.
+        $form.data(key, true);
+        try {
+            $form.data("validator").resetForm();
+        } finally {
+            $form.removeData(key);
+        }
+
+        $form.find(".validation-summary-errors")
+            .addClass("validation-summary-valid")
+            .removeClass("validation-summary-errors");
+        $form.find(".field-validation-error")
+            .addClass("field-validation-valid")
+            .removeClass("field-validation-error")
+            .removeData("unobtrusiveContainer")
+            .find(">*")  // If we were using valmsg-replace, get the underlying error
+            .removeData("unobtrusiveContainer");
+    }
+
+    function validationInfo(form) {
+        var $form = $(form),
+            result = $form.data(data_validation),
+            onResetProxy = $.proxy(onReset, form),
+            defaultOptions = $jQval.unobtrusive.options || {},
+            execInContext = function (name, args) {
+                var func = defaultOptions[name];
+                func && $.isFunction(func) && func.apply(form, args);
+            };
+
+        if (!result) {
+            result = {
+                options: {  // options structure passed to jQuery Validate's validate() method
+                    errorClass: defaultOptions.errorClass || "input-validation-error",
+                    errorElement: defaultOptions.errorElement || "span",
+                    errorPlacement: function () {
+                        onError.apply(form, arguments);
+                        execInContext("errorPlacement", arguments);
+                    },
+                    invalidHandler: function () {
+                        onErrors.apply(form, arguments);
+                        execInContext("invalidHandler", arguments);
+                    },
+                    messages: {},
+                    rules: {},
+                    success: function () {
+                        onSuccess.apply(form, arguments);
+                        execInContext("success", arguments);
+                    }
+                },
+                attachValidation: function () {
+                    $form
+                        .off("reset." + data_validation, onResetProxy)
+                        .on("reset." + data_validation, onResetProxy)
+                        .validate(this.options);
+                },
+                validate: function () {  // a validation function that is called by unobtrusive Ajax
+                    $form.validate();
+                    return $form.valid();
+                }
+            };
+            $form.data(data_validation, result);
+        }
+
+        return result;
+    }
+
+    $jQval.unobtrusive = {
+        adapters: [],
+
+        parseElement: function (element, skipAttach) {
+            /// <summary>
+            /// Parses a single HTML element for unobtrusive validation attributes.
+            /// </summary>
+            /// <param name="element" domElement="true">The HTML element to be parsed.</param>
+            /// <param name="skipAttach" type="Boolean">[Optional] true to skip attaching the
+            /// validation to the form. If parsing just this single element, you should specify true.
+            /// If parsing several elements, you should specify false, and manually attach the validation
+            /// to the form when you are finished. The default is false.</param>
+            var $element = $(element),
+                form = $element.parents("form")[0],
+                valInfo, rules, messages;
+
+            if (!form) {  // Cannot do client-side validation without a form
+                return;
+            }
+
+            valInfo = validationInfo(form);
+            valInfo.options.rules[element.name] = rules = {};
+            valInfo.options.messages[element.name] = messages = {};
+
+            $.each(this.adapters, function () {
+                var prefix = "data-val-" + this.name,
+                    message = $element.attr(prefix),
+                    paramValues = {};
+
+                if (message !== undefined) {  // Compare against undefined, because an empty message is legal (and falsy)
+                    prefix += "-";
+
+                    $.each(this.params, function () {
+                        paramValues[this] = $element.attr(prefix + this);
+                    });
+
+                    this.adapt({
+                        element: element,
+                        form: form,
+                        message: message,
+                        params: paramValues,
+                        rules: rules,
+                        messages: messages
+                    });
+                }
+            });
+
+            $.extend(rules, { "__dummy__": true });
+
+            if (!skipAttach) {
+                valInfo.attachValidation();
+            }
+        },
+
+        parse: function (selector) {
+            /// <summary>
+            /// Parses all the HTML elements in the specified selector. It looks for input elements decorated
+            /// with the [data-val=true] attribute value and enables validation according to the data-val-*
+            /// attribute values.
+            /// </summary>
+            /// <param name="selector" type="String">Any valid jQuery selector.</param>
+
+            // $forms includes all forms in selector's DOM hierarchy (parent, children and self) that have at least one
+            // element with data-val=true
+            var $selector = $(selector),
+                $forms = $selector.parents()
+                    .addBack()
+                    .filter("form")
+                    .add($selector.find("form"))
+                    .has("[data-val=true]");
+
+            $selector.find("[data-val=true]").each(function () {
+                $jQval.unobtrusive.parseElement(this, true);
+            });
+
+            $forms.each(function () {
+                var info = validationInfo(this);
+                if (info) {
+                    info.attachValidation();
+                }
+            });
+        }
+    };
+
+    adapters = $jQval.unobtrusive.adapters;
+
+    adapters.add = function (adapterName, params, fn) {
+        /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation.</summary>
+        /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
+        /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
+        /// <param name="params" type="Array" optional="true">[Optional] An array of parameter names (strings) that will
+        /// be extracted from the data-val-nnnn-mmmm HTML attributes (where nnnn is the adapter name, and
+        /// mmmm is the parameter name).</param>
+        /// <param name="fn" type="Function">The function to call, which adapts the values from the HTML
+        /// attributes into jQuery Validate rules and/or messages.</param>
+        /// <returns type="jQuery.validator.unobtrusive.adapters" />
+        if (!fn) {  // Called with no params, just a function
+            fn = params;
+            params = [];
+        }
+        this.push({ name: adapterName, params: params, adapt: fn });
+        return this;
+    };
+
+    adapters.addBool = function (adapterName, ruleName) {
+        /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
+        /// the jQuery Validate validation rule has no parameter values.</summary>
+        /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
+        /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
+        /// <param name="ruleName" type="String" optional="true">[Optional] The name of the jQuery Validate rule. If not provided, the value
+        /// of adapterName will be used instead.</param>
+        /// <returns type="jQuery.validator.unobtrusive.adapters" />
+        return this.add(adapterName, function (options) {
+            setValidationValues(options, ruleName || adapterName, true);
+        });
+    };
+
+    adapters.addMinMax = function (adapterName, minRuleName, maxRuleName, minMaxRuleName, minAttribute, maxAttribute) {
+        /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
+        /// the jQuery Validate validation has three potential rules (one for min-only, one for max-only, and
+        /// one for min-and-max). The HTML parameters are expected to be named -min and -max.</summary>
+        /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
+        /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
+        /// <param name="minRuleName" type="String">The name of the jQuery Validate rule to be used when you only
+        /// have a minimum value.</param>
+        /// <param name="maxRuleName" type="String">The name of the jQuery Validate rule to be used when you only
+        /// have a maximum value.</param>
+        /// <param name="minMaxRuleName" type="String">The name of the jQuery Validate rule to be used when you
+        /// have both a minimum and maximum value.</param>
+        /// <param name="minAttribute" type="String" optional="true">[Optional] The name of the HTML attribute that
+        /// contains the minimum value. The default is "min".</param>
+        /// <param name="maxAttribute" type="String" optional="true">[Optional] The name of the HTML attribute that
+        /// contains the maximum value. The default is "max".</param>
+        /// <returns type="jQuery.validator.unobtrusive.adapters" />
+        return this.add(adapterName, [minAttribute || "min", maxAttribute || "max"], function (options) {
+            var min = options.params.min,
+                max = options.params.max;
+
+            if (min && max) {
+                setValidationValues(options, minMaxRuleName, [min, max]);
+            }
+            else if (min) {
+                setValidationValues(options, minRuleName, min);
+            }
+            else if (max) {
+                setValidationValues(options, maxRuleName, max);
+            }
+        });
+    };
+
+    adapters.addSingleVal = function (adapterName, attribute, ruleName) {
+        /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
+        /// the jQuery Validate validation rule has a single value.</summary>
+        /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
+        /// in the data-val-nnnn HTML attribute(where nnnn is the adapter name).</param>
+        /// <param name="attribute" type="String">[Optional] The name of the HTML attribute that contains the value.
+        /// The default is "val".</param>
+        /// <param name="ruleName" type="String" optional="true">[Optional] The name of the jQuery Validate rule. If not provided, the value
+        /// of adapterName will be used instead.</param>
+        /// <returns type="jQuery.validator.unobtrusive.adapters" />
+        return this.add(adapterName, [attribute || "val"], function (options) {
+            setValidationValues(options, ruleName || adapterName, options.params[attribute]);
+        });
+    };
+
+    $jQval.addMethod("__dummy__", function (value, element, params) {
+        return true;
+    });
+
+    $jQval.addMethod("regex", function (value, element, params) {
+        var match;
+        if (this.optional(element)) {
+            return true;
+        }
+
+        match = new RegExp(params).exec(value);
+        return (match && (match.index === 0) && (match[0].length === value.length));
+    });
+
+    $jQval.addMethod("nonalphamin", function (value, element, nonalphamin) {
+        var match;
+        if (nonalphamin) {
+            match = value.match(/\W/g);
+            match = match && match.length >= nonalphamin;
+        }
+        return match;
+    });
+
+    if ($jQval.methods.extension) {
+        adapters.addSingleVal("accept", "mimtype");
+        adapters.addSingleVal("extension", "extension");
+    } else {
+        // for backward compatibility, when the 'extension' validation method does not exist, such as with versions
+        // of JQuery Validation plugin prior to 1.10, we should use the 'accept' method for
+        // validating the extension, and ignore mime-type validations as they are not supported.
+        adapters.addSingleVal("extension", "extension", "accept");
+    }
+
+    adapters.addSingleVal("regex", "pattern");
+    adapters.addBool("creditcard").addBool("date").addBool("digits").addBool("email").addBool("number").addBool("url");
+    adapters.addMinMax("length", "minlength", "maxlength", "rangelength").addMinMax("range", "min", "max", "range");
+    adapters.addMinMax("minlength", "minlength").addMinMax("maxlength", "minlength", "maxlength");
+    adapters.add("equalto", ["other"], function (options) {
+        var prefix = getModelPrefix(options.element.name),
+            other = options.params.other,
+            fullOtherName = appendModelPrefix(other, prefix),
+            element = $(options.form).find(":input").filter("[name='" + escapeAttributeValue(fullOtherName) + "']")[0];
+
+        setValidationValues(options, "equalTo", element);
+    });
+    adapters.add("required", function (options) {
+        // jQuery Validate equates "required" with "mandatory" for checkbox elements
+        if (options.element.tagName.toUpperCase() !== "INPUT" || options.element.type.toUpperCase() !== "CHECKBOX") {
+            setValidationValues(options, "required", true);
+        }
+    });
+    adapters.add("remote", ["url", "type", "additionalfields"], function (options) {
+        var value = {
+            url: options.params.url,
+            type: options.params.type || "GET",
+            data: {}
+        },
+            prefix = getModelPrefix(options.element.name);
+
+        $.each(splitAndTrim(options.params.additionalfields || options.element.name), function (i, fieldName) {
+            var paramName = appendModelPrefix(fieldName, prefix);
+            value.data[paramName] = function () {
+                var field = $(options.form).find(":input").filter("[name='" + escapeAttributeValue(paramName) + "']");
+                // For checkboxes and radio buttons, only pick up values from checked fields.
+                if (field.is(":checkbox")) {
+                    return field.filter(":checked").val() || field.filter(":hidden").val() || '';
+                }
+                else if (field.is(":radio")) {
+                    return field.filter(":checked").val() || '';
+                }
+                return field.val();
+            };
+        });
+
+        setValidationValues(options, "remote", value);
+    });
+    adapters.add("password", ["min", "nonalphamin", "regex"], function (options) {
+        if (options.params.min) {
+            setValidationValues(options, "minlength", options.params.min);
+        }
+        if (options.params.nonalphamin) {
+            setValidationValues(options, "nonalphamin", options.params.nonalphamin);
+        }
+        if (options.params.regex) {
+            setValidationValues(options, "regex", options.params.regex);
+        }
+    });
+    adapters.add("fileextensions", ["extensions"], function (options) {
+        setValidationValues(options, "extension", options.params.extensions);
+    });
+
+    $(function () {
+        $jQval.unobtrusive.parse(document);
+    });
+
+    return $jQval.unobtrusive;
+}));
--- a/wwwroot/lib/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.min.js
+++ b/wwwroot/lib/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.min.js
--- a/wwwroot/lib/jquery-validation/LICENSE.md
+++ b/wwwroot/lib/jquery-validation/LICENSE.md
@ -0,0 +1,22 @@
+The MIT License (MIT)
+=====================
+
+Copyright Jörn Zaefferer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
--- a/wwwroot/lib/jquery-validation/dist/additional-methods.js
+++ b/wwwroot/lib/jquery-validation/dist/additional-methods.js
--- a/wwwroot/lib/jquery-validation/dist/additional-methods.min.js
+++ b/wwwroot/lib/jquery-validation/dist/additional-methods.min.js
--- a/wwwroot/lib/jquery-validation/dist/jquery.validate.js
+++ b/wwwroot/lib/jquery-validation/dist/jquery.validate.js
--- a/wwwroot/lib/jquery-validation/dist/jquery.validate.min.js
+++ b/wwwroot/lib/jquery-validation/dist/jquery.validate.min.js
--- a/wwwroot/lib/jquery/LICENSE.txt
+++ b/wwwroot/lib/jquery/LICENSE.txt
@ -0,0 +1,21 @@
+
+Copyright OpenJS Foundation and other contributors, https://openjsf.org/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/wwwroot/lib/jquery/dist/jquery.js
+++ b/wwwroot/lib/jquery/dist/jquery.js
--- a/wwwroot/lib/jquery/dist/jquery.min.js
+++ b/wwwroot/lib/jquery/dist/jquery.min.js
--- a/wwwroot/lib/jquery/dist/jquery.min.map
+++ b/wwwroot/lib/jquery/dist/jquery.min.map
--- a/wwwroot/lib/jquery/dist/jquery.slim.js
+++ b/wwwroot/lib/jquery/dist/jquery.slim.js
--- a/wwwroot/lib/jquery/dist/jquery.slim.min.js
+++ b/wwwroot/lib/jquery/dist/jquery.slim.min.js
--- a/wwwroot/lib/jquery/dist/jquery.slim.min.map
+++ b/wwwroot/lib/jquery/dist/jquery.slim.min.map