@model StoryIntelligenceCompletionViewModel
@{
    ViewData["Title"] = "Story Intelligence ready";
}

<section class="onboarding-shell" aria-labelledby="story-complete-title">
    <div class="onboarding-panel onboarding-review-panel">
        <div class="onboarding-copy">
            <p class="eyebrow">@Model.BookTitle</p>
            <div class="onboarding-success-heading">
                <span aria-hidden="true">&check;</span>
                <h1 id="story-complete-title">Story Intelligence is ready.</h1>
            </div>
            <p>The analysis engine is prepared. In the next phase PlotDirector will begin analysing your manuscript.</p>
        </div>

        <section class="onboarding-complete-next">
            <h2>Temporary completion page</h2>
            <p>This page confirms the framework job, consent, background processing and progress plumbing are working. Later phases will replace it with real analysis results.</p>
        </section>

        <div class="onboarding-scan-counts onboarding-review-counts">
            <div>
                <span>Status</span>
                <strong>@Model.Job.Status</strong>
            </div>
            <div>
                <span>Progress</span>
                <strong>@Model.Job.ProgressPercent%</strong>
            </div>
            <div>
                <span>Elapsed</span>
                <strong>@Model.Job.ElapsedTime</strong>
            </div>
            <div>
                <span>Stage</span>
                <strong>@Model.Job.CurrentStage</strong>
            </div>
        </div>

        <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="Projects" asp-action="Index">Back to Dashboard</a>
        </div>
    </div>
</section>