@foreach ($data["steps"] as $step)
    <!--begin::Step -->
    <div class="stepper-item {{$loop->first === true ? 'current' : ''}}" data-kt-stepper-element="nav">
        <!--begin::Line-->
        <div class="stepper-line w-40px"></div>
        <!--end::Line-->
        <!--begin::Icon-->
        <div class="stepper-icon w-40px h-40px">
            <i class="stepper-check fas fa-check"></i>
            <span class="stepper-number">{{($loop->index + 1)}}</span>
        </div>
        <!--end::Icon-->
        <!--begin::Label-->
        <div class="stepper-label">
        <h3 class="stepper-title">{{$step["title"]}}</h3>
            <div class="stepper-desc fw-bold">{{$step["subtitle"]}}</div>
        </div>
        <!--end::Label-->
    </div>
    <!--end::Step -->
@endforeach
<!--begin::Step Last-->
<div class="stepper-item" data-kt-stepper-element="nav">
    <!--begin::Line-->
    <div class="stepper-line w-40px"></div>
    <!--end::Line-->
    <!--begin::Icon-->
    <div class="stepper-icon w-40px h-40px">
        <i class="stepper-check fas fa-check"></i>
        <span class="stepper-number"><i class="fas fa-flag"></i></span>
    </div>
    <!--end::Icon-->
    <!--begin::Label-->
    <div class="stepper-label">
        <h3 class="stepper-title">{{__("app.common.completed")}}</h3>
        <div class="stepper-desc fw-bold">{{__("app.common.compliment_completed")}}</div>
    </div>
    <!--end::Label-->
</div>
<!--end::Step Last-->