<form class="groups-form form-vertical groups-notifications-form">

  <PluginOutlet
    @name="before-manage-group-tags"
    @connectorTagName="div"
    @outletArgs={{hash model=this.model}}
  />

  <div class="control-group">
    <label class="control-label">{{i18n
        "groups.manage.tags.long_title"
      }}</label>
    <div>{{i18n "groups.manage.tags.description"}}</div>
  </div>

  <div class="control-group">
    <label>{{d-icon "d-watching"}}
      {{i18n "groups.notifications.watching.title"}}</label>

    <TagChooser
      @tags={{this.model.watching_tags}}
      @blacklist={{this.selectedTags}}
      @everyTag={{true}}
      @unlimitedTagCount={{true}}
      @options={{hash allowAny=false}}
    />

    <div class="control-instructions">
      {{i18n "groups.manage.tags.watched_tags_instructions"}}
    </div>
  </div>

  <div class="control-group">
    <label>{{d-icon "d-tracking"}}
      {{i18n "groups.notifications.tracking.title"}}</label>

    <TagChooser
      @tags={{this.model.tracking_tags}}
      @blacklist={{this.selectedTags}}
      @everyTag={{true}}
      @unlimitedTagCount={{true}}
      @options={{hash allowAny=false}}
    />

    <div class="control-instructions">
      {{i18n "groups.manage.tags.tracked_tags_instructions"}}
    </div>
  </div>

  <div class="control-group">
    <label>{{d-icon "d-watching-first"}}
      {{i18n "groups.notifications.watching_first_post.title"}}</label>

    <TagChooser
      @tags={{this.model.watching_first_post_tags}}
      @blacklist={{this.selectedTags}}
      @everyTag={{true}}
      @unlimitedTagCount={{true}}
      @options={{hash allowAny=false}}
    />

    <div class="control-instructions">
      {{i18n "groups.manage.tags.watching_first_post_tags_instructions"}}
    </div>
  </div>

  <div class="control-group">
    <label>{{d-icon "d-regular"}}
      {{i18n "groups.notifications.regular.title"}}</label>

    <TagChooser
      @tags={{this.model.regular_tags}}
      @blacklist={{this.selectedTags}}
      @everyTag={{true}}
      @unlimitedTagCount={{true}}
      @options={{hash allowAny=false}}
    />

    <div class="control-instructions">
      {{i18n "groups.manage.tags.regular_tags_instructions"}}
    </div>
  </div>

  <div class="control-group">
    <label>{{d-icon "d-muted"}}
      {{i18n "groups.notifications.muted.title"}}</label>

    <TagChooser
      @tags={{this.model.muted_tags}}
      @blacklist={{this.selectedTags}}
      @everyTag={{true}}
      @unlimitedTagCount={{true}}
      @options={{hash allowAny=false}}
    />

    <div class="control-instructions">
      {{i18n "groups.manage.tags.muted_tags_instructions"}}
    </div>
  </div>

  <GroupManageSaveButton @model={{this.model}} />
</form>