@*    <div class="col-4 p-0 fs-3 d-flex justify-content-between" @onclick="()=>doChangeStep(Core.Enum.DoorDefStep.Door)">
        @if (DoorDefStep == Core.Enum.DoorDefStep.Door)
        {
            <div class="tail-left"></div>
            <div class="@doorCSS flex-fill text-center">Door</div>
            <div class="arrow-right"></div>
        }
        else
        {
            <div class="@doorCSS flex-fill text-center">Door</div>
        }
    </div>
    <div class="col-4 p-0 fs-3 d-flex justify-content-between" @onclick="()=>doChangeStep(Core.Enum.DoorDefStep.Hardware)">
        @if (DoorDefStep == Core.Enum.DoorDefStep.Hardware)
        {
            <div class="tail-left"></div>
            <div class="@hwCSS flex-fill text-center">Hardware</div>
            <div class="arrow-right"></div>
        }
        else
        {
            <div class="@hwCSS flex-fill text-center">Hardware</div>
        }
    </div>
    *@

<div class="row bg-secondary text-light">
    @if (currListOrderStatus != null)
    {
        @foreach (var item in currListOrderStatus)
        {
            <div class="col-2 p-0 fs-3 d-flex justify-content-between" @onclick="()=>doChangeStep(Core.Enum.DoorDefStep.Report)">
                <div class="tail-left"></div>
                <div class=" @reportCSS flex-fill text-center">@item</div>
                <div class="arrow-right"></div>
            </div>
        }
    }
</div>