{% if conf.experimental %}
  <span class="label label-warning"><span data-toggle="tooltip" data-placement="bottom" title="Experimental feature"><i class="fa fa-flask" aria-hidden="true"></i></span></span>
{% endif %}

{% if conf.since %}
  <span class="label label-success"><span data-toggle="tooltip" data-placement="bottom" title="Available"><i class="fa fa-code" aria-hidden="true"></i>
  {{ conf.since }}{% if conf.until %}-{{ conf.until }}{% endif %}</span></span>
{% endif %}

{% if conf.tags and false %}
  <span class="conf-summ-tag label label-default"><i class="fa fa-tags" aria-hidden="true"></i>
  {{ conf.tags | join: ", " }}</span>
{% endif %}

{% if conf.requires %}
  {% assign list = (conf.requires | split: ',') %}
  {% for item in list %}
    <span class="label label-requires">{{item}}</span>
  {% endfor %}
{% endif %}

{% assign here = conf.url | prepend: site.baseurl -%}
<h2><a href="{{ here }}">{% if conf.label %}{{ conf.label }}{% else %}{{ conf.name }}{% endif %}</a></h2>

{% if conf.brief %}
  <p>{{conf.brief}}</p>
{% endif %}

{% if conf.settings %}
  <div class="summ-opts">
  {% for opt in conf.settings %}
    <div class="group">
      <a class="opt" href="{{ here }}#{{opt.name}}">{{opt.name}}</a>
      {% if opt.subopts %}
        <div class="sub">
          {% for sub1 in opt.subopts %}
            <a class="opt" href="{{ here }}#{{opt.name}}-{{sub1.name}}">{{sub1.name}}</a>
            {% if sub1.subopts %}
              <div class="sub">
                {% for sub2 in sub1.subopts %}
                  <a class="opt" href="{{ here }}#{{opt.name}}-{{sub1.name}}-{{sub2.name}}">{{sub2.name}}</a>
                  {% if sub2.subopts %}
                    <div class="sub">
                      {% for sub3 in sub2.subopts %}
                        <a class="opt" href="{{ here }}#{{opt.name}}-{{sub1.name}}-{{sub2.name}}-{{sub3.name}}">{{sub3.name}}</a>
                      {% endfor %}
                    </div>
                  {% endif %}
                {% endfor %}
              </div>
            {% endif %}
          {% endfor %}
        </div>
      {% endif %}
    </div>
  {% endfor %}
  </div>
{% endif %}