@model KnowledgeTimelineViewModel
@{
    ViewData["Title"] = $"{Model.Character.CharacterName} Knowledge";
}

<div class="page-heading">
    <div>
        <p class="eyebrow">Knowledge Timeline</p>
        <h1>@Model.Character.CharacterName</h1>
        <p class="lead-text">What this character knows, suspects, misunderstands, or learns across the story.</p>
    </div>
    <a class="btn btn-outline-primary" asp-controller="Dynamics" asp-action="Character" asp-route-id="@Model.Character.CharacterID">Character arc</a>
</div>

<partial name="_DynamicsIssues" model="Model.Issues" />

<section class="story-bible-section">
    <div class="writer-queue-list">
        @foreach (var item in Model.KnowledgeEvents)
        {
            <article class="writer-queue-card">
                <div class="writer-queue-title">
                    <h3>@item.BookDisplayTitle / Ch @item.ChapterNumber / Scene @item.SceneNumber: @item.SceneTitle</h3>
                    <span class="status-pill">@item.KnowledgeStateName</span>
                </div>
                <p><strong>@(item.AssetName ?? item.ThreadTitle ?? "Knowledge")</strong> @item.Description</p>
            </article>
        }
    </div>
</section>