%if status_list[0]['state'] != 'initial':
<h4>Status</h4>
<div class="status-elements">
<section id="combined-open-ended-status" class="combined-open-ended-status">
    %for i in xrange(0,len(status_list)):
        <%status=status_list[i]%>
        %if i==len(status_list)-1:
            <div class="statusitem statusitem-current" data-status-number="${i}">
        %else:
            <div class="statusitem" data-status-number="${i}">
        %endif

            ${status['task_number']}. ${status['human_task']} (${status['human_state']}) : ${status['score']} / ${status['max_score']}
            % if status['state'] == 'initial':
                <span class="unanswered" id="status"></span>
            % elif status['state'] in ['done', 'post_assessment'] and status['correct'] == 'correct':
                <span class="correct" id="status"></span> 
            % elif status['state'] in ['done', 'post_assessment'] and status['correct'] == 'incorrect':
                <span class="incorrect" id="status"></span> 
            % elif status['state'] == 'assessing':
                <span class="grading" id="status"></span>
            % endif

            %if status['type']=="openended" and status['state'] in ['done', 'post_assessment']:
                <div class="show-results">
                    <a href="#results" class="show-results-button">Show results from Step ${status['task_number']}</a>

                </div>
            %endif
        </div>
    %endfor
</section>
</div>
%endif
