{% extends "pathway/templates/pathway_base.html" %}
{% load forms %}
{% block pathway_header %}
  {{ block.super }}
  {% block process_steps %}
    <div ng-show="pathway.numSteps > 2" class="pathway-process-steps">
      {% process_steps process_steps="pathway.steps" click="clickIcon" show_titles=False active="progress_step.display_name === pathway.currentStep.display_name" complete="pathway.stepIndex(progress_step) < pathway.currentIndex" disabled="pathway.stepIndex(progress_step) > pathway.currentIndex" %}
    </div>
  {% endblock %}
{% endblock pathway_header %}

{% block pathway_body %}
  {% for step in pathway.get_steps %}
    <div ng-show="pathway.currentStep.display_name === '{{ step.get_display_name }}'" class="pathway-process-steps-padding">
      {% include step.get_base_template %}
    </div>
  {% endfor %}
{% endblock pathway_body %}


{% block pathway_footer %}
<div ng-hide="pathway.currentStep.scope.hideFooter" class="panel-footer">
  <div class="row">
    <div class="col-md-8 col-md-push-2">
      {% include "pathway/partial/wizard_back_button.html" %}
      <div class="pull-right">
        {% include "pathway/partial/wizard_next_button.html" %}
      </div>
    </div>
  </div>
</div>
{% endblock %}
