@model OnboardingJourneyHeaderViewModel
@{
    var characterReviewStepCount = Math.Max(1, Model.TotalSteps - 9);
    var steps = Model.TotalSteps <= 10
        ? BuildDefaultSteps()
        : BuildDynamicSteps(characterReviewStepCount, Model.TotalSteps);
    var progressWidth = Model.TotalSteps <= 1
        ? 100
        : ((Math.Clamp(Model.CurrentStep, 1, Model.TotalSteps) - 1) * 100) / (Model.TotalSteps - 1);
}

<div class="onboarding-progress" aria-label="@Model.AriaLabel">
    <span>Step @Model.CurrentStep of @Model.TotalSteps</span>
    <div class="onboarding-progress-track">
        <span style="width:@progressWidth%"></span>
    </div>
</div>
<ol class="onboarding-stepper" style="--onboarding-step-count:@steps.Count" aria-label="Manuscript import journey">
    @foreach (var step in steps)
    {
        <li class="@StepClass(step.Order, Model.CurrentStep)">
            <span>@step.Order</span>
            <strong>@step.Label</strong>
        </li>
    }
</ol>

@functions {
    private sealed record HeaderStep(string Label, int Order);

    private static IReadOnlyList<HeaderStep> BuildDefaultSteps() =>
    [
        new("Welcome", 1),
        new("Writing Stage", 2),
        new("Writing Software", 3),
        new("Project", 4),
        new("Book", 5),
        new("Connect Word", 6),
        new("Review Chapters", 7),
        new("Review Characters", 8),
        new("Story Context", 9),
        new("Complete", 10)
    ];

    private static IReadOnlyList<HeaderStep> BuildDynamicSteps(int characterReviewStepCount, int totalSteps)
    {
        var steps = new List<HeaderStep>
        {
            new("Welcome", 1),
            new("Writing Stage", 2),
            new("Writing Software", 3),
            new("Project", 4),
            new("Book", 5),
            new("Connect Word", 6),
            new("Review Chapters", 7)
        };

        for (var index = 1; index <= characterReviewStepCount; index++)
        {
            steps.Add(new HeaderStep($"Characters {index}", 7 + index));
        }

        steps.Add(new HeaderStep("Story Context", totalSteps - 1));
        steps.Add(new HeaderStep("Complete", totalSteps));
        return steps;
    }

    private static string StepClass(int order, int currentStep)
    {
        if (order < currentStep)
        {
            return "is-complete";
        }

        return order == currentStep ? "is-current" : "is-upcoming";
    }
}