@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"
      data-document-guid="@Model.DocumentGuid">
    <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>
        <div class="writing-workspace-role-indicator">
            <span class="writing-context-status-dot" aria-hidden="true"></span>
            <span>Writing Workspace</span>
        </div>
    </header>

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

@section Scripts {
    <script src="~/js/writing-workspace.js" asp-append-version="true"></script>
    <script src="~/js/writing-follow.js" asp-append-version="true"></script>
    <script src="~/js/writing-context.js" asp-append-version="true"></script>
    <script>
        window.PlotDirectorWritingWorkspace?.registerWindow({
            projectID: "@Model.ProjectID",
            bookID: "@Model.BookID",
            writingRole: window.PlotDirectorWritingWorkspace.roles.context,
            displayLabel: "Writing Context"
        });
    </script>
}