<div class='admin-controls'>
  <div class='span15'>
    <ul class="nav nav-pills">
      <li>{{#link-to 'adminFlags.active'}}{{i18n admin.flags.active}}{{/link-to}}</li>
      <li>{{#link-to 'adminFlags.old'}}{{i18n admin.flags.old}}{{/link-to}}</li>
    </ul>
  </div>
</div>

<div class="admin-container">
  {{#if model.loading}}
    <div class='admin-loading'>{{i18n loading}}</div>
  {{else}}
    {{#if model.length}}
      <table class='admin-flags'>
        <thead>
          <tr>
            <th class='user'></th>
            <th class='excerpt'></th>
            <th class='flaggers'>{{i18n admin.flags.flagged_by}}</th>
            <th class='last-flagged'></th>
            <th class='action'></th>
          </tr>
        </thead>
        <tbody>
          {{#each flaggedPost in content}}
          <tr {{bind-attr class="flaggedPost.extraClasses"}}>

            <td class='user'>
              {{#if flaggedPost.postAuthorFlagged}}
                {{#if flaggedPost.user}}
                  {{#link-to 'adminUser' flaggedPost.user}}{{avatar flaggedPost.user imageSize="small"}}{{/link-to}}
                {{/if}}
              {{/if}}
            </td>

            <td class='excerpt'>
              {{#if flaggedPost.topicHidden}}<i title='{{i18n topic_statuses.invisible.help}}' class='fa fa-eye-slash'></i> {{/if}}<h3><a href='{{unbound flaggedPost.url}}'>{{flaggedPost.title}}</a></h3>
              <br>
              {{#if flaggedPost.postAuthorFlagged}}
                {{{flaggedPost.excerpt}}}
              {{/if}}
            </td>

            <td class='flaggers'>
              <table>
                {{#each flaggedPost.flaggers}}
                <tr>
                  <td>
                    {{#link-to 'adminUser' this.user}}{{avatar this.user imageSize="small"}} {{/link-to}}
                  </td>
                  <td>
                    {{unboundDate this.flaggedAt}}
                  </td>
                  <td>
                    {{this.flagType}}
                  </td>
                </tr>
                {{/each}}
              </table>
            </td>

          </tr>

            {{#if flaggedPost.topicFlagged}}
              <tr>
                <td></td>
                <td class='message'><div>{{{i18n admin.flags.topic_flagged}}}</div></td>
                <td></td>
                <td></td>
              </tr>
            {{/if}}

            {{#each flaggedPost.messages}}
              <tr>
                <td></td>
                <td class='message'>
                  <div>
                    {{#unless bySystemUser}}
                      {{#link-to 'adminUser' user}}{{avatar user imageSize="small"}}{{/link-to}}
                      {{message}}
                      <a href="{{unbound permalink}}"><button class='btn'><i class="fa fa-reply"></i> {{i18n admin.flags.view_message}}</button></a>
                    {{else}}
                      <b>{{i18n admin.flags.system}}</b>:
                      {{message}}
                    {{/unless}}
                  </div>
                </td>
                <td></td>
                <td></td>
              </tr>
            {{/each}}

          <tr>
              <td colspan="4" class="action">
              {{#if adminActiveFlagsView}}
                {{#if flaggedPost.topicFlagged}}
                  <a href='{{unbound flaggedPost.url}}'>{{i18n admin.flags.visit_topic}}</a><br>
                {{/if}}

                {{#if flaggedPost.postAuthorFlagged}}
                  {{#if flaggedPost.postHidden}}
                    <button title='{{i18n admin.flags.disagree_unhide_title}}' class='btn' {{action disagreeFlags flaggedPost}}><i class="fa fa-thumbs-o-down"></i>  {{i18n admin.flags.disagree_unhide}}</button>
                    <button title='{{i18n admin.flags.defer_title}}' class='btn' {{action deferFlags flaggedPost}}><i class="fa fa-external-link"></i> {{i18n admin.flags.defer}}</button>
                  {{else}}
                    <button title='{{i18n admin.flags.agree_hide_title}}' class='btn' {{action agreeFlags flaggedPost}}><i class="fa fa-thumbs-o-up"></i> {{i18n admin.flags.agree_hide}}</button>
                    <button title='{{i18n admin.flags.disagree_title}}' class='btn' {{action disagreeFlags flaggedPost}}><i class="fa fa-thumbs-o-down"></i> {{i18n admin.flags.disagree}}</button>
                  {{/if}}

                  {{#if flaggedPost.canDeleteAsSpammer}}
                    <button title='{{i18n admin.flags.delete_spammer_title}}' class="btn" {{action deleteSpammer flaggedPost}}><i class="fa fa-exclamation-triangle"></i> {{i18n flagging.delete_spammer}}</button>
                  {{/if}}

                  <button title='{{i18n admin.flags.delete_post_title}}' class='btn' {{action deletePost flaggedPost}}><i class="fa fa-trash-o"></i> {{i18n admin.flags.delete_post}}</button>
                {{else}}
                  <button title='{{i18n admin.flags.clear_topic_flags_title}}' class='btn' {{action doneTopicFlags flaggedPost}}>{{i18n admin.flags.clear_topic_flags}}</button>
                {{/if}}
              {{/if}}
              </td>
          </tr>

          {{/each}}

        </tbody>
      </table>
      {{#if view.loading}}
        <div class='admin-loading'>{{i18n loading}}</div>
      {{/if}}

    {{else}}
      <p>{{i18n admin.flags.no_results}}</p>
    {{/if}}
  {{/if}}
</div>
