<div class="w-archive widget-archive-2 widget-archive-4">
  <h3 class="widget-title">
    <span>{{widget-title}}</span>
  </h3>
  <div class="panel-group" id="widget-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="#widget-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 widget-archive-item-group" data-list="archives" data-level="1">
            <dt class="widget-archive-item-list">
              <sapn class="widget-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="widget-archive-files-list" data-list="files"  data-level="2">
              <dd>
                <a href="{{file-url}}" class="widget-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>
  <p class="more">
    <a class="btn btn-sm btn-primary" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多資訊" : "More" %></a>
  </p>
  <style>
    .widget-archive-4 dt.widget-archive-item-list {
      float: none;
      width: auto;
      text-align: left;
    }
    .widget-archive-4 .widget-archive-files-list dd {
      margin-left: 0;
    }
  </style>
</div>