Added createKit

Data/Kit.cs

@@ -13,6 +13,8 @@ public partial class Kit
 
     public bool? Shoulddisplay { get; set; }
 
+    public string? ThumbnailPath { get; set; }
+
     public virtual Creature? Creature { get; set; }
 
     public virtual ICollection<KitAccessory> KitAccessories { get; set; } = new List<KitAccessory>();

Data/PostgresContext.cs

@@ -95,6 +95,7 @@ protected override void OnModelCreating(ModelBuilder modelBuilder)
             entity.ToTable("kit", "toy");
 
             entity.Property(e => e.Id).HasColumnName("id");
+            entity.Property(e => e.ThumbnailPath).HasColumnName("thumbnail_path");
             entity.Property(e => e.CreatureId).HasColumnName("creature_id");
             entity.Property(e => e.Kitname)
                 .HasMaxLength(40)

Pages/CreateKit.razor

@@ -0,0 +1,45 @@
+@page "/CreateKit"
+@inject ILogger<CreateKit> Logger
+@using Microsoft.EntityFrameworkCore;
+@using MythicalToyMachine.Data
+@inject IDbContextFactory<PostgresContext> dbcontext
+
+<EditForm Model="@Model" OnSubmit="@Submit">
+    <InputText @bind-Value="Model!.Kitname" />
+    <InputFile OnChange="@LoadPick"/>
+    <button type="submit">Submit</button>
+
+</EditForm>
+
+@code {
+    public Kit Model { get; set; } = new Kit();
+    private bool cannotSavePick = false;
+
+    protected override void OnInitialized() => Model ??= new();
+
+    private void Submit()
+    {
+        Logger.LogInformation("Model.Id = {Id}", Model.Id);
+    }
+
+    private async Task LoadPick(InputFileChangeEventArgs e)
+    {
+        var filetype = e.GetType;
+        try{
+            if (Model.Kitname is null)
+            {
+                Model.Kitname = Model.Id.ToString();   
+            }
+            //Model.Kitname = Model.Kitname.Replace(" ", "");
+            var path = $"wwwroot/Images/{Model.Kitname.Replace(" ", "") + Model.Id}.jpg";
+            await using FileStream fs = new(path, FileMode.Create);
+            await e.File.OpenReadStream().CopyToAsync(fs); //maxfilesize
+
+        }
+        catch (Exception ex)
+        {
+            cannotSavePick = true;
+        }
+    }
+
+}

Pages/Shop.razor

@@ -12,7 +12,7 @@
         @foreach (var k in Kits)
             {
                 <div class="card" style="width: 18rem;">
-                    <img class="card-img-top" src="\Images\KidWithToys.jpg">
+                    <img class="card-img-top" src=@k.ThumbnailPath>
                     <div class="card-body">
                         <h5 class="card-title">@(k.Kitname) </h5>
                     <h7 class="card-body">@(k.Creature?.Creaturename) base figure</h7>

Shared/NavMenu.razor

@@ -24,9 +24,9 @@
             <span class="oi oi-cart" aria-hidden="true"></span> Shopping Cart
         </NavLink>
     </div>
-    
+
 </div>
-   
+
 
 
 <style>