<div class="i-archive index-archive-2 index-archive-12">
  <h3 class="i-archive-title">
    <span>{{page-title}}</span>
  </h3>
  <div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
    <div class="panel panel-default">
      <div class="panel-heading" style="padding: 0.625em 0.9375em;">
        <h4 class="panel-title">
          <i class="fa fa-file-text" aria-hidden="true"></i>
          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
            {{category-title}}
            <i class="fa fa-chevron-down" aria-hidden="true"></i>
          </a>

        </h4>
      </div>
      <div id="collapse" class="panel-collapse collapse {{in_class}}">
        <div class="panel-body">
          <dl class="dl-horizontal i-archive-item-group" data-list="archives" data-level="1">
            <dt class="i-archive-item-list">
              <sapn class="i-archive-item-title">{{archive-title}}</span>
              <span data-list="statuses" data-level="2">
                <span class="label status {{status-class}}">{{status}}</span>
              </span>
            </dt>
            <dl class="i-archive-files-list" data-list="files"  data-level="2">
              <dd>
                <a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
                <span class="label label-primary {{file-type}}">{{file-type}}</span>
              </dd>
            </dl>
          </dl>
        </div>
      </div>
    </div>
        {{link_to_edit}}
  </div>
  <style>
    .index-archive-12 dt.i-archive-item-list{
      float: none;
      width: auto;
    }
  </style>
</div>