{{#conditional-loading-spinner condition=loading}}
  {{#if topics}}
    <table class="topic-list">
      <tbody>
      {{#each topics as |t|}}
        <tr class="{{if t.archived 'archived'}}" data-topic-id={{t.id}}>
          <td>
            <div class='main-link'>
              {{topic-status topic=t}}
              {{topic-link t}}
              {{#if t.unseen}}
                <span class="badge-notification new-topic"></span>
              {{/if}}
              {{#if t.hasExcerpt}}
                <div class="topic-excerpt">
                  {{{t.excerpt}}}
                  {{#if t.excerptTruncated}}
                    {{#unless t.canClearPin}}<a href="{{unbound t.url}}">{{i18n 'read_more'}}</a>{{/unless}}
                  {{/if}}
                  {{#if t.canClearPin}}
                    <a href {{action "clearPin" t}} title="{{i18n 'topic.clear_pin.help'}}">{{i18n 'topic.clear_pin.title'}}</a>
                  {{/if}}
                </div>
              {{/if}}
            </div>
            <div class='pull-right'>
              {{raw "list/post-count-or-badges" topic=t postBadgesEnabled="true"}}
            </div>
            <div class='clearfix'></div>
            <div class="topic-item-stats clearfix">
              <div class="pull-right">
                {{raw "list/activity-column" topic=t tagName="div" class="num activity last"}}
                <a href="{{t.lastPostUrl}}" title='{{i18n 'last_post'}}: {{{raw-date t.bumped_at}}}'>{{t.last_poster_username}}</a>
              </div>
              {{#unless hideCategory}}
                <div class='category'>
                  {{category-link t.category}}
                </div>
              {{/unless}}
              {{#if showParticipants}}
                <div class='participants'>
                  {{#each participants as |p|}}
                    <a href="{{unbound p.user.path}}" class="{{unbound p.extras}}">{{avatar p usernamePath="user.username" imageSize="small"}}</a>
                  {{/each}}
                </div>
              {{/if}}
              <div class="clearfix"></div>
            </div>
          </td>
        </tr>
      {{/each}}
      </tbody>
    </table>
  {{else}}
    <div class='alert alert-info'>
      {{i18n 'choose_topic.none_found'}}
    </div>
  {{/if}}
{{/conditional-loading-spinner}}
