@model List<NotaryoStep>
<div class="mt-3">
    <ul id="transactionwizardnav" class="nav nav-pills nav-justified d-block d-sm-flex" role="tablist">
        @foreach(var step in Model)
        {
            <li class="nav-item" role="presentation">
                <a class="nav-link disabled @(step.IsActive ? "active" : "")" role="tab" data-bs-toggle="pill" href="#tab-1">
                    <div><span class="badge rounded-pill fs-6 me-1">STEP @step.Step</span></div><span class="text-dark step-text">@step.Name</span>
                </a>
            </li>
        }
    </ul>
    <div class="tab-content mt-3"></div>
</div>