<div class="admin-contents">
  <div class="admin-controls">
    <div class="controls">
      <div class="inline-form">
        <DButton
          @action={{action "toggleMenu"}}
          @class="menu-toggle"
          @icon="bars"
        />
        <TextField
          @value={{this.filter}}
          @placeholderKey="admin.watched_words.search"
          @class="no-blur"
        />
        <DButton
          @action={{action "clearFilter"}}
          @label="admin.watched_words.clear_filter"
        />
      </div>
    </div>
  </div>

  <div class="admin-nav pull-left">
    <ul class="nav nav-stacked">
      {{#each this.model as |action|}}
        <li class={{action.nameKey}}>
          <LinkTo @route="adminWatchedWords.action" @model={{action.nameKey}}>
            {{action.name}}
            {{#if action.words}}<span
                class="count"
              >({{action.words.length}})</span>{{/if}}
          </LinkTo>
        </li>
      {{/each}}
    </ul>
  </div>

  <div class="admin-detail pull-left mobile-closed watched-words-detail">
    {{outlet}}
  </div>

  <div class="clearfix"></div>
</div>