Converting to EF, need to work on TS

Views/Home/Index.cshtml

@@ -1,4 +1,4 @@
-@model IEnumerable<ConfigurationModel>
+@model IEnumerable<KisekaeModel>
 
 @{
     ViewData["Title"] = "Select";
@@ -32,7 +32,7 @@
                 @foreach (var (key, value) in kiss.Configurations)
                 {
                     <li>
-                        <a asp-controller="Play" asp-action="Index" asp-route-id="@kiss.Id">@value</a>
+                        <a asp-controller="Play" asp-action="Index" asp-route-id="@key">@value</a>
                     </li>
                 }
             </ul>

Views/Home/Play.cshtml

@@ -1,36 +0,0 @@
-@model PlaysetModel
-
-@{
-    ViewData["Title"] = $"Play with {Model.Name}";
-}
-
-<header id="play_menu">
-    <ul>
-        <li>
-            <button class="mdc-button mdc-button--icon-trailing" data-rel="reset">
-                <span class="mdc-button__ripple"></span>
-                <span class="mdc-button__label">Reset</span>
-                <i class="material-icons mdc-button__icon" aria-hidden="true">restart_alt</i>
-            </button>
-        </li>
-        <li class="mdc-typography--button">Sets</li>
-    </ul>
-</header>
-<article id="play_area" style="background-color: #@Model.BorderColor">
-    <div id="play_space" style="height: @(Model.Height)px; width: @(Model.Width)px">
-        @for (var index = 0; index < Model.Cels.Count; index++)
-        {
-            var cel = Model.Cels[index];
-            <div class="cel-image"
-                 style="background-image: url('data:image/gif;base64,@cel.DefaultImage'); height: @(cel.Height)px; width: @(cel.Width)px; z-index: @cel.ZIndex; opacity: @cel.Opacity"
-                 data-id="@cel.Id"
-                 data-index="@index"></div>
-        }
-    </div>
-</article>
-@section Scripts
-{
-    <script>
-        document.kisekae.load("play_space", "play_menu", @Json.Serialize(Model))
-    </script>
-}

Views/Play/Index.cshtml

@@ -18,12 +18,12 @@
 </header>
 <article id="play_area" style="background-color: #@Model.BorderColor">
     <div id="play_space" style="height: @(Model.Height)px; width: @(Model.Width)px">
-        @for (var index = 0; index < Model.Cels.Count; index++)
+        @for (var index = 0; index < Model.Cels.Length; index++)
         {
             var cel = Model.Cels[index];
             <div class="cel-image"
-                 style="background-image: url('data:image/gif;base64,@cel.DefaultImage'); height: @(cel.Height)px; width: @(cel.Width)px; z-index: @cel.ZIndex; opacity: @cel.Opacity"
-                 data-id="@cel.Id"
+                 style="background-image: url('data:image/gif;base64,@cel.Image');"
+                 data-id="@cel.Mark"
                  data-index="@index"></div>
         }
     </div>