{{#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>

          {{about-page-users users=model.admins}}
          <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">
            {{about-page-users users=model.moderators}}
          </div>
          <div class="clearfix"></div>
        </section>
      {{/if}}

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

      {{#if model.category_moderators.length}}
        {{#each model.category_moderators as |cm|}}
          <section class="about category-moderators moderators-{{cm.category.slug}}">
            <h3>{{category-link cm.category}}{{i18n "about.moderators"}}</h3>
            <div class="users">
              {{about-page-users users=cm.moderators}}
            </div>
            <div class="clearfix"></div>
          </section>
        {{/each}}
      {{/if}}
      {{#if model.can_see_about_stats}}
        <section class="about stats">
          <h3>{{d-icon "far-chart-bar"}}  {{i18n "about.stats"}}</h3>

          <table class="table">
            <tbody>
              <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>
            </tbody>
          </table>
        </section>
      {{/if}}

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

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