<section class="step-control">
    <section class="steps">
        <section class="step" ng-repeat="step in $ctrl._steps track by $index">
            <section class="circle" 
                vn-tooltip="{{::step.name}}"
                ng-click="$ctrl.currentState = step.state"
                ng-class="{active: step.state == $ctrl.currentState}">
            </section>
        </section>
    </section>
    <section class="buttons">
        <section class="step">
            <vn-button 
                ng-if="$ctrl.canMovePrevious()"
                label="Previous" 
                ng-click="$ctrl.onPreviousClick()">
            </vn-button>
        </section>
        <section class="step">
            <vn-button 
                ng-if="$ctrl.canMoveNext()"
                label="Next" 
                ng-click="$ctrl.onNextClick()">
            </vn-button>
            <vn-submit 
                ng-if="$ctrl.canFinalize()"
                label="Finalize" 
                ng-click="$ctrl.onStepEnd()">
            </vn-submit>
        </section>
    </section>
</section>