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

<section class="onboarding-shell" aria-labelledby="story-complete-title">
    <div class="onboarding-panel onboarding-review-panel">
        <partial name="_OnboardingJourneyHeader" model="@(new OnboardingJourneyHeaderViewModel { CurrentStep = 9 })" />
        <div class="onboarding-copy">
            <p class="eyebrow">Step 9 of 9</p>
            <div class="onboarding-success-heading">
                <span aria-hidden="true">&check;</span>
                <h1 id="story-complete-title">Manuscript import complete</h1>
            </div>
            <p>PlotDirector created scenes from the approved manuscript chapters. Characters, locations, assets and relationships were left untouched.</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>Notes needing review</span>
                <strong>None imported</strong>
            </div>
            <div>
                <span>Book</span>
                <strong>@Model.BookTitle</strong>
            </div>
        </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="Projects" asp-action="Details" asp-route-id="@Model.ProjectID">View book</a>
            <a class="btn btn-outline-secondary" asp-controller="Projects" asp-action="Index">Back to Dashboard</a>
        </div>
    </div>
</section>