@model StoryIntelligenceCompletionViewModel
@{
    ViewData["Title"] = "Scenes created";
}

<section class="onboarding-shell" aria-labelledby="story-complete-title">
    <div class="onboarding-panel onboarding-review-panel">
        <partial name="_StoryIntelligencePipelineHeader" model="@(new StoryIntelligencePipelineHeaderViewModel { CurrentStage = "Complete" })" />
        <div class="onboarding-copy">
            <p class="eyebrow">Story Intelligence pipeline</p>
            <div class="onboarding-success-heading">
                <span aria-hidden="true">&check;</span>
                <h1 id="story-complete-title">Story Intelligence complete</h1>
            </div>
            <p>PlotDirector completed every implemented Story Intelligence stage for this manuscript. Future stages will continue from this same pipeline as they become available.</p>
        </div>

        <div class="onboarding-scan-counts onboarding-review-counts">
            <div>
                <span>Chapters analysed</span>
                <strong>@Model.ChaptersCommitted</strong>
            </div>
            <div>
                <span>Scenes prepared / created</span>
                <strong>@Model.ScenesCreated</strong>
            </div>
            <div>
                <span>Characters created / linked</span>
                <strong>@Model.CharactersCreatedOrLinked.ToString("N0")</strong>
            </div>
            <div>
                <span>Locations created / linked</span>
                <strong>@Model.LocationsCreatedOrLinked.ToString("N0")</strong>
            </div>
            <div>
                <span>Assets created / linked</span>
                <strong>@Model.AssetsCreatedOrLinked.ToString("N0")</strong>
            </div>
            <div>
                <span>Book</span>
                <strong>@Model.BookTitle</strong>
            </div>
        </div>

        <div class="story-future-stage-grid">
            <article class="story-future-stage"><strong>Review Relationships</strong><span>Coming Soon</span></article>
            <article class="story-future-stage"><strong>Review Knowledge</strong><span>Coming Soon</span></article>
            <article class="story-future-stage"><strong>Review Continuity</strong><span>Coming Soon</span></article>
            <article class="story-future-stage"><strong>Timeline Events</strong><span>Coming Soon</span></article>
        </div>

        <div class="onboarding-actions">
            <a class="btn btn-primary" asp-controller="Writer" asp-action="Index" asp-route-projectId="@Model.ProjectID">View scenes</a>
            <a class="btn btn-outline-primary" asp-controller="Books" asp-action="Details" asp-route-id="@Model.BookID">View book</a>
            @if (Model.FirstChapterID.HasValue)
            {
                <a class="btn btn-outline-primary" asp-controller="Writer" asp-action="Chapter" asp-route-id="@Model.FirstChapterID">Open first chapter</a>
            }
            <a class="btn btn-outline-secondary" asp-controller="Projects" asp-action="Index">Back to Dashboard</a>
        </div>
    </div>
</section>