<h1 class=“text-center”>Features</h1>

{% assign version_directory = page.version | default: site.version | replace: '.', '_' %} {% for feature in site.data.versions %}

<h2 class="mt-3">{{feature[0] | replace: '_', ' ' | capitalize}}</h2>

<div class="accordian" id="{{feature[0]}}">
  {% for methods in feature[1] %}
    <div class="card">
      <button class="btn btn-light btn-lg collapsed text-left" type="button" data-toggle="collapse" data-target="#{{feature[0]}}-collapse-{{forloop.index}}" style="white-space: normal;">{{methods[1].name}}</button>
      <div id="{{feature[0]}}-collapse-{{forloop.index}}" class="collapse" data-parent="#{{feature[0]}}">
        <div class="card-body">
          <ul>
            {% for step in methods[1].steps %}
              <li>{{step | markdownify | remove: '<p>' | remove: '</p>'}}</li>
            {% endfor %}
          </ul>
        </div>
      </div>
    </div>
  {% endfor %}
</div>

{% endfor %}