@model StoryIntelligencePipelineHeaderViewModel
@{
    var phases = new[]
    {
        new { Name = "Phase 1", Label = "Prepare manuscript", Stages = new[] { "Welcome", "Writing Preferences", "Project", "Book", "Connect Word", "Scan Manuscript", "Review Chapters" } },
        new { Name = "Phase 2", Label = "Analyse manuscript", Stages = new[] { "Analyse Manuscript" } },
        new { Name = "Phase 3", Label = "Review Story Intelligence", Stages = new[] { "Review Scenes", "Review Characters", "Review Locations", "Review Assets" } },
        new { Name = "Phase 4", Label = "Build Story Database", Stages = new[] { "Complete" } }
    };
    var flatStages = phases.SelectMany(phase => phase.Stages).ToList();
    var currentIndex = Math.Max(0, flatStages.FindIndex(stage => string.Equals(stage, Model.CurrentStage, StringComparison.OrdinalIgnoreCase)));
    var implementedReviewStages = new[] { "Review Scenes", "Review Characters", "Review Locations", "Review Assets", "Complete" };
    var reviewIndex = Array.FindIndex(implementedReviewStages, stage => string.Equals(stage, Model.CurrentStage, StringComparison.OrdinalIgnoreCase));
    var percent = reviewIndex >= 0
        ? Math.Clamp((reviewIndex * 100) / (implementedReviewStages.Length - 1), 0, 100)
        : flatStages.Count <= 1 ? 100 : Math.Clamp((currentIndex * 100) / (flatStages.Count - 1), 0, 100);
}

<div class="onboarding-progress story-pipeline-progress" aria-label="Story Intelligence pipeline progress">
    <span>@Model.CurrentStage</span>
    <div class="onboarding-progress-track">
        <span style="width:@percent%"></span>
    </div>
</div>
<ol class="onboarding-stepper story-pipeline-stepper" aria-label="Story Intelligence pipeline">
    @foreach (var phase in phases)
    {
        var firstStageIndex = flatStages.FindIndex(stage => phase.Stages.Contains(stage));
        var lastStageIndex = firstStageIndex + phase.Stages.Length - 1;
        var phaseClass = currentIndex > lastStageIndex
            ? "is-complete"
            : currentIndex >= firstStageIndex && currentIndex <= lastStageIndex
                ? "is-current"
                : "is-upcoming";
        <li class="@phaseClass">
            <span>@phase.Name.Replace("Phase ", string.Empty)</span>
            <strong>@phase.Label</strong>
            <small>@StageSummary(phase.Stages, currentIndex, firstStageIndex)</small>
        </li>
    }
</ol>

@functions {
    private static string StageSummary(IReadOnlyList<string> stages, int currentIndex, int firstStageIndex)
    {
        var localIndex = currentIndex - firstStageIndex;
        if (localIndex >= 0 && localIndex < stages.Count)
        {
            return stages[localIndex];
        }

        return stages.Count == 1 ? stages[0] : $"{stages.Count} stages";
    }
}