<div class='cl-container'>
  <div class='cl-section subscription-dash'>
    <div class='section-header clearfix'>
      {{link-to '' 'dashboards.subscription-dash' class='header-back'}}
      <div class='header-content indented'>
        <p class='title'>
          {{bits-string 'hashtag_settings_title'}}
        </p>
        <p class='desc'>
          {{bits-string 'hashtag_settings_desc'}}
        </p>
      </div>
    </div>
    <div class='section-content'>
      <fieldset class='clearfix'>
        <div class='label-wrapper'>
          <label>
            {{bits-string 'hashtag_settings_add_hashtag_label'}}
          </label>
        </div>
        <div class='cl-input-container'>
          <ul>
            <li class='bits-config__tier'>
              <table width=100%>
                {{#each tags as |tag|}}
                  <tr>
                    <td width=80%>{{input type="checkbox" checked=tag.selected}} {{i18n tag.hashtag}}</td>
                    <td width=20%><button class='button' {{action "removeTag" tag}}>{{i18n "X"}}</button></td>
                  </tr>
                {{/each}}
                <tr>
                  <td>{{input value=newTag class='string js-prefix code-input' type="text"}}</td>
                  <td>
                    <button class='button' {{action "addTag"}}>
                      {{bits-string 'hashtag_settings_add_hashtag_button'}}
                    </button>
                  </td>
                </tr>
              </table>
            </li>
            <li>
              <p class='desc'>
                {{bits-string 'hashtag_settings_add_hashtag_desc'}}
                <strong>{{bits-string 'hashtag_settings_add_hashtag_info'}}</strong>
              </p>
            </li>
          </ul>
        </div>
      </fieldset>
    </div>
    <div class='section-content'>
      <fieldset class='clearfix'>
        <div class='label-wrapper'>
          <label>
            {{bits-string 'hashtag_settings_begin_match'}}
          </label>
        </div>
        <div class='cl-input-container'>
          <ul>
            <li>
              {{bits-string 'hashtag_settings_begin_match_desc'}}
            </li>
            <li>
              <strong>{{bits-string 'hashtag_settings_begin_match_info'}}</strong>
            </li>
            <li>
              <button class='button' {{action "save"}}>
                {{bits-string 'hashtag_settings_begin_match'}}
              </button>
            </li>
          </ul>
        </div>
      </fieldset>
    </div>
    <div class='section-content'>
      <fieldset class='clearfix'>
        <div class='label-wrapper'>
          <label>
            {{bits-string 'hashtag_settings_end_match'}}
          </label>
        </div>
        <div class='cl-input-container'>
          <ul>
            <li>
              {{bits-string 'hashtag_settings_end_match_desc'}}
            </li>
            <li>
              <button class='button' {{action "endMatch"}}>
                {{bits-string 'hashtag_settings_end_match'}}
              </button>
            </li>
          </ul>
        </div>
      </fieldset>
    </div>
  </div>
</div>
