@model OnboardingManuscriptBuildResult
@{
    ViewData["Title"] = "Project structure created";
}

<section class="onboarding-shell" aria-labelledby="build-complete-title">
    <div class="onboarding-panel onboarding-review-panel">
        <ol class="onboarding-stepper onboarding-stepper--complete" aria-label="Story setup journey">
            @foreach (var label in new[] { "Welcome", "Writing Preferences", "Project", "Book", "Connect Word", "Scan", "Review", "Build Project", "Complete" })
            {
                <li class="is-complete">
                    <span></span>
                    <strong>@label</strong>
                </li>
            }
        </ol>
        <div class="onboarding-copy">
            <p class="eyebrow">Build Project</p>
            <div class="onboarding-success-heading">
                <span aria-hidden="true">&check;</span>
                <h1 id="build-complete-title">Your project structure has been created.</h1>
            </div>
            <p>@(Model.AlreadyBuilt ? "This manuscript has already been built into PlotDirector, so nothing was duplicated." : "PlotDirector created the approved chapters, scenes, characters and scene appearances.")</p>
            @if (!string.IsNullOrWhiteSpace(Model.MarkerWarning))
            {
                <p class="text-warning">@Model.MarkerWarning</p>
            }
        </div>

        <div class="onboarding-scan-counts onboarding-review-counts">
            <div>
                <span>Chapters</span>
                <strong>@Model.ChaptersCreated</strong>
            </div>
            <div>
                <span>Scenes</span>
                <strong>@Model.ScenesCreated</strong>
            </div>
            <div>
                <span>Characters</span>
                <strong>@(Model.CharactersCreated + Model.CharactersReused)</strong>
            </div>
            <div>
                <span>Scene appearances</span>
                <strong>@Model.SceneAppearancesCreated</strong>
            </div>
        </div>

        <section class="onboarding-complete-next">
            <h2>Ready for your next pass</h2>
            <p>Your project now has a working story map. Open the overview to inspect the structure, or head straight into the writer workspace to keep drafting.</p>
        </section>

        <div class="onboarding-actions">
            <a class="btn btn-primary" asp-controller="Projects" asp-action="Details" asp-route-id="@Model.ProjectID">Open Project Overview</a>
            <a class="btn btn-outline-primary" asp-controller="Writer" asp-action="Index" asp-route-projectId="@Model.ProjectID">Open Writer Workspace</a>
            <a class="btn btn-outline-secondary" asp-controller="Onboarding" asp-action="StoryIntelligence">Continue to Story Intelligence</a>
        </div>
    </div>
</section>