@model WritingContextPageViewModel
@{
    ViewData["Title"] = "Writing Context";
    ViewData["ProjectSection"] = "Writer";
}

<main class="writing-context-page"
      data-writing-mode="context"
      data-writing-context
      data-context-url="@Url.Action("ContextScene", "Writing")"
      data-scope-project-id="@Model.ProjectID"
      data-scope-book-id="@Model.BookID">
    <header class="writing-context-shell-header">
        <div>
            <p class="eyebrow">Writing Context</p>
            <h1>Writing Context</h1>
        </div>
        <div class="writing-context-status" data-writing-context-status>
            <span class="writing-context-status-dot" aria-hidden="true"></span>
            <span data-writing-context-status-text>@(Model.Display?.FollowStatus ?? "Connected, waiting for scene")</span>
        </div>
    </header>

    <section data-writing-context-content>
        <partial name="_WritingContextContent" model="Model.Display ?? new WritingContextDisplayViewModel()" />
    </section>
</main>

@section Scripts {
    <script src="~/js/writing-follow.js" asp-append-version="true"></script>
    <script src="~/js/writing-context.js" asp-append-version="true"></script>
}