@model WritingIntentPageViewModel
@{
    ViewData["Title"] = "Writing Intent";
    ViewData["ProjectSection"] = "Writer";
}

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

    <section data-writing-intent-content>
        <partial name="_WritingIntentContent" model="Model.Display ?? new WritingIntentDisplayViewModel()" />
    </section>
</main>

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