<div class="steps-block">
    <ul class="steps-wrap" data-active-step-index="{{active-step-index}}">
        {{#if clickCollect}}
            {{#each steps-list-click-collect}}
                <li class="steps-wrap__item steps-clickCollect" data-step-index="{{@index}}">
                    <span class="steps-wrap__item-icon">
                        <i class="icon-element {{class-icon}}"></i>
                    </span>
                    <span class="steps-wrap__item-text">{{text}}</span>
                </li>
            {{/each}}
        {{else if instore}}
          {{#each steps-list-instore}}
                <li class="steps-wrap__item steps-instore" data-step-index="{{@index}}">
                    <span class="steps-wrap__item-icon">
                        <i class="icon-element {{class-icon}}"></i>
                    </span>
                    <span class="steps-wrap__item-text">{{text}}</span>
                </li>
          {{/each}}
        {{else}}
            {{#each steps-list}}
                <li class="steps-wrap__item" data-step-index="{{@index}}">
                    <span class="steps-wrap__item-icon">
                        <i class="icon-element {{class-icon}}"></i>
                    </span>
                    <span class="steps-wrap__item-text">{{text}}</span>
                </li>
            {{/each}}
        {{/if}}
    </ul>
</div>
