{% if Page.DisplayChildPages == 'true' and Page.Pages != empty %}

{% assign highlight = 'complete' %}

<div class="wizard">

	{% for childPage in Page.Pages %}
	
        {% if childPage.Current == 'true' %}
            {% assign highlight = 'active' %}
        {% endif%}

    <div class="wizard-item {{highlight}}" >
        <a href="{{ childPage.Url }}">
            <div class="wizard-item-icon">
                <i class="{{childPage.IconCssClass}}"></i>
            </div>
            <div class="wizard-item-label">
                {{ childPage.Title }}
            </div>
        </a>
    </div>
    
        {% if highlight == 'active' %}
            {% assign highlight = '' %}
        {% endif %}
    {% endfor %}

</div>
{% endif %}