{{#d-section pageClass="about"}}
  <div class='container'>
    <div class='contents clearfix body-page'>

      <ul class="nav-pills">
        <li class="nav-item-about">{{#link-to 'about' class="active"}}{{i18n 'about.simple_title'}}{{/link-to}}</li>
        {{#if faqOverriden}}
          <li class="nav-item-guidelines">{{#link-to 'guidelines'}}{{i18n 'guidelines'}}{{/link-to}}</li>
          <li class="nav-item-faq">{{#link-to 'faq'}}{{i18n 'faq'}}{{/link-to}}</li>
        {{else}}
          <li class="nav-item-faq">{{#link-to 'faq'}}{{i18n 'faq'}}{{/link-to}}</li>
        {{/if}}
        <li class="nav-item-tos">{{#link-to 'tos'}}{{i18n 'tos'}}{{/link-to}}</li>
        <li class="nav-item-privacy">{{#link-to 'privacy'}}{{i18n 'privacy'}}{{/link-to}}</li>
      </ul>

      <section class='about description'>
        <h2>{{i18n 'about.title' title=model.title}}</h2>
        <p>{{model.description}}</p>
      </section>

      {{plugin-outlet name="about-after-description"
              connectorTagName='section'
              tagName=''
              args=(hash model=model)}}

      {{#if model.admins}}
        <section class='about admins'>
          <h3>{{d-icon "users"}} {{i18n 'about.our_admins'}}</h3>

          {{#each model.admins as |a|}}
            {{user-info user=a}}
          {{/each}}
          <div class='clearfix'></div>

        </section>
      {{/if}}

      {{plugin-outlet name="about-after-admins"
                    connectorTagName='section'
                    args=(hash model=model)}}

      {{#if model.moderators}}
        <section class='about moderators'>
          <h3>{{d-icon "users"}} {{i18n 'about.our_moderators'}}</h3>

          <div class='users'>
            {{#each model.moderators as |m|}}
              {{user-info user=m}}
            {{/each}}
          </div>
          <div class='clearfix'></div>
        </section>
      {{/if}}

      {{plugin-outlet name="about-after-moderators"
                    connectorTagName='section'
                    args=(hash model=model)}}

      <section class='about stats'>
        <h3>{{d-icon "bar-chart"}}  {{i18n 'about.stats'}}</h3>

        <table class='table'>
          <tr>
            <th>&nbsp;</th>
            <th>{{i18n 'about.stat.last_7_days'}}</th>
            <th>{{i18n 'about.stat.last_30_days'}}</th>
            <th>{{i18n 'about.stat.all_time'}}</th>
          </tr>
          <tr>
            <td class='title'>{{i18n 'about.topic_count'}}</td>
            <td>{{number model.stats.topics_7_days}}</td>
            <td>{{number model.stats.topics_30_days}}</td>
            <td>{{number model.stats.topic_count}}</td>
          </tr>
          <tr>
            <td>{{i18n 'about.post_count'}}</td>
            <td>{{number model.stats.posts_7_days}}</td>
            <td>{{number model.stats.posts_30_days}}</td>
            <td>{{number model.stats.post_count}}</td>
          </tr>
          <tr>
            <td>{{i18n 'about.user_count'}}</td>
            <td>{{number model.stats.users_7_days}}</td>
            <td>{{number model.stats.users_30_days}}</td>
            <td>{{number model.stats.user_count}}</td>
          </tr>
          <tr>
            <td>{{i18n 'about.active_user_count'}}</td>
            <td>{{number model.stats.active_users_7_days}}</td>
            <td>{{number model.stats.active_users_30_days}}</td>
            <td>&mdash;</td>
          </tr>
          <tr>
            <td>{{i18n 'about.like_count'}}</td>
            <td>{{number model.stats.likes_7_days}}</td>
            <td>{{number model.stats.likes_30_days}}</td>
            <td>{{number model.stats.like_count}}</td>
          </tr>
        </table>
      </section>

      {{#if contactInfo}}
        <section class='about contact'>
            <h3>{{d-icon "far-envelope"}} {{i18n 'about.contact'}}</h3>
            <p>{{{contactInfo}}}</p>
        </section>
      {{/if}}

    </div>
  </div>
{{/d-section}}