@model StoryPointViewModel
@{
    ViewData["Title"] = $"At This Point - {Model.Project.ProjectName}";
    ViewData["ProjectSection"] = "At This Point";
}
<link rel="stylesheet" href="~/css/story-point.css" asp-append-version="true" />
<nav class="breadcrumb-trail" aria-label="Breadcrumb">
    <a asp-controller="Projects" asp-action="Index">Projects</a>
    <a asp-controller="Projects" asp-action="Details" asp-route-id="@Model.Project.ProjectID">@Model.Project.ProjectName</a>
    <span>At This Point</span>
</nav>
<partial name="_ProjectSectionNav" model="Model.Project" />
<div class="page-heading"><div><p class="eyebrow">Writing context</p><h1>AT THIS POINT IN THE STORY</h1>
<p class="lead-text">Known state through the selected scene, including events in this scene.</p></div></div>
<form asp-action="Index" method="get" class="story-point-selectors" data-story-point-form>
    <input type="hidden" name="projectId" value="@Model.Project.ProjectID" />
    <div><label for="point-book" class="form-label">Book</label><select id="point-book" class="form-select" data-point-book>
        @foreach (var book in Model.Books) { <option value="@book.BookID" selected="@(book.BookID == Model.Snapshot?.Book.BookID)">Book @book.BookNumber: @book.BookDisplayTitle</option> }
    </select></div>
    <div><label for="point-chapter" class="form-label">Chapter</label><select id="point-chapter" class="form-select" data-point-chapter>
        @foreach (var chapter in Model.Chapters) { <option value="@chapter.ChapterID" data-book="@chapter.BookID" selected="@(chapter.ChapterID == Model.Snapshot?.Chapter.ChapterID)">Ch @chapter.ChapterNumber.ToString("0.##"): @chapter.ChapterTitle</option> }
    </select></div>
    <div><label for="point-scene" class="form-label">Scene</label><select id="point-scene" class="form-select" name="sceneId" data-point-scene>
        @foreach (var scene in Model.Scenes) { <option value="@scene.SceneID" data-chapter="@scene.ChapterID" selected="@(scene.SceneID == Model.Snapshot?.Scene.SceneID)">Scene @scene.SceneNumber.ToString("0.##"): @scene.SceneTitle</option> }
    </select></div>
    <button class="btn btn-primary" type="submit">Show state</button>
</form>
<p data-point-feedback role="status" class="text-muted small"></p>
<div data-point-snapshot><partial name="_Snapshot" model="Model.Snapshot" /></div>
@section Scripts { <script src="~/js/story-point.js" asp-append-version="true"></script> }