{{#if regexpError}}
  <div class="alert alert-error">{{regexpError}}</div>
{{/if}}

<div class="watched-word-controls">
  <DButton @class="btn-default download-link" @href={{downloadLink}} @icon="download" @label="admin.watched_words.download" />

  <WatchedWordUploader @id="watched-word-uploader" @uploading={{uploading}} @actionKey={{actionNameKey}} @done={{action "uploadComplete"}} />

  <DButton @class="watched-word-test" @label="admin.watched_words.test.button_label" @icon="far-eye" @action={{action "test"}} />

  <DButton @class="btn-danger clear-all" @label="admin.watched_words.clear_all" @icon="trash-alt" @action={{action "clearAll"}} />
</div>

<p class="about">{{actionDescription}}</p>

{{#if siteSettings.watched_words_regular_expressions}}
  <p>{{html-safe (i18n "admin.watched_words.regex_warning" basePath=(base-path))}}</p>
{{/if}}

<WatchedWordForm @actionKey={{actionNameKey}} @action={{action "recordAdded"}} @filteredContent={{currentAction.words}} />

{{#if currentAction.words}}
  <label class="show-words-checkbox">
    <Input @type="checkbox" @checked={{adminWatchedWords.showWords}} @disabled={{adminWatchedWords.disableShowWords}} />
    {{i18n "admin.watched_words.show_words" count=currentAction.words.length}}
  </label>
{{/if}}

{{#if showWordsList}}
  <div class="watched-words-list watched-words-{{actionNameKey}}">
    {{#each currentAction.words as |word| }}
      <div class="watched-word-box"><AdminWatchedWord @actionKey={{actionNameKey}} @word={{word}} @action={{action "recordRemoved"}}/></div>
    {{/each}}
  </div>
{{/if}}