<div class="js-activity-menu balloon-wrapper pin-tr">
  <button class="button button--icon-only button--secondary {{if showControls '' 'activity-hover-control'}}" {{action "toggleControls"}}>
    {{svg-icon path="svg/gear"}}
  </button>
  <div class="balloon balloon--left balloon--dropmenu js-controls {{if showControls 'show' 'hide'}}">
    <ul class="balloon__list {{if notification 'hide' 'show'}}">
      {{#if canDeleteMessage}}
        <li><a class="balloon__link js-delete" href="#" {{action "showDeleteNotice"}}>{{t 'general.forms.delete'}}</a></li>
      {{/if}}
      {{#if canBanUser}}
        <li><a class="balloon__link" href="#" {{action "showDeleteCommentsNotice"}}>{{i18n "Delete User Comments from this Post"}}</a></li>
      {{/if}}
      {{#if (eq type 'post')}}
        <li><a class="balloon__link" href="#" {{action "showShareNotice"}}>{{t 'general.forms.share'}}</a></li>
      {{/if}}
      <li><a class="balloon__link" href="#" {{action "showReportNotice"}}>{{t 'general.Twitch.report'}}</a></li>
      {{#if (and canBanUser (not userIsAuthor))}}
        <li><a class="balloon__link" href="#" {{action "showBanNotice"}}>{{i18n "Ban User"}}</a></li>
      {{/if}}
      {{#if showFriendStatus}}
        {{#if messageAuthorFriendStatus.isFriend}}
          <li><a class="balloon__link" href="#" {{action "showFriendNotice"}}>{{i18n "Unfriend"}}</a></li>
        {{else if messageAuthorFriendStatus.isRequested}}
          <span>{{i18n "Friend request pending."}}</span>
        {{else}}
          <li><a class="balloon__link" href="#" {{action "addFriend"}}>{{i18n "Add Friend"}}</a></li>
        {{/if}}
      {{/if}}
    </ul>
    <div class="activity-notice__content {{if (eq notification 'delete') 'show' 'hide'}}">
      <p>{{i18n deleteMessageString}}</p>
      <div class="mg-t-1">
        <a class="alert mg-r-1 js-delete-confirm" href="#" {{action "deleteMessage"}}>{{t 'general.forms.delete'}}</a>
        <a href="#" {{action "hideNotice"}}>{{t 'general.forms.cancel'}}</a>
      </div>
    </div>
    <div class="activity-notice__content {{if (eq notification 'report') 'show' 'hide'}}">
      <p>{{i18n reportMessageString}}:</p>
      <select class="text mg-t-1" onchange={{action "selectReportReason" value="target.value"}}>
        <option value="default">{{i18n "Please select a reason."}}</option>
        <option value="selfharm">{{i18n "Self-Harm"}}</option>
        <option value="harm">{{i18n "Attempts or Threats to Harm"}}</option>
        <option value="harassment">{{i18n "Harassment"}}</option>
        <option value="hate_speech">{{i18n "Hate Speech"}}</option>
        <option value="impersonation">{{i18n "Impersonation"}}</option>
        <option value="spam">{{i18n "Spam, Scams, or Other Malicious Content"}}</option>
        <option value="porn">{{i18n "Porn or Other Sexually Explicit Content"}}</option>
        <option value="gore">{{i18n "Gore or Other Obscene Content"}}</option>
        <option value="cheating">{{i18n "Cheating in Online Game"}}</option>
        <option value="other">{{i18n "Other Terms of Service Violation"}}</option>
      </select>
      <div class="mg-t-1">
        <a class="mg-r-1" href="#" {{action "reportMessage"}}>{{t 'general.Twitch.report'}}</a>
        <a href="#" {{action "hideNotice"}}>{{t 'general.forms.cancel'}}</a>
      </div>
    </div>
    {{#if (eq type 'post')}}
      <div class="activity-notice__content {{if (eq notification 'share') 'show' 'hide'}}">
        <div class="mg-t-1">{{input class="text js-share-url" readonly=true value=sharePostUrl}}</div>
        <div class="mg-t-1">
          <a class="mg-r-1 {{if showCopyButton "" "hide"}}" href="#" {{action "copyUrl"}}>{{i18n (if showCopyNotification 'Copied!' 'Copy Link')}}</a>
          <a href="#" {{action "hideNotice"}}>{{t 'general.forms.done'}}</a>
        </div>
      </div>
    {{else}}
      <div class="activity-notice__content {{if (eq notification 'delete-comments') 'show' 'hide'}}">
        <p>{{deleteCommentsString}}</p>
        <div class="mg-t-1">
          <a class="alert mg-r-1" href="#" {{action "deleteComments"}}>{{t 'general.forms.delete'}}</a>
          <a href="#" {{action "hideNotice"}}>{{t 'general.forms.cancel'}}</a>
        </div>
      </div>
    {{/if}}
    <div class="activity-notice__content {{if (eq notification 'ban') 'show' 'hide'}}">
      <p>{{i18n "Are you sure you want to ban"}} {{message.user.login}}?</p>
      <div class="mg-t-1">
        <a class="alert mg-r-1" href="#" {{action "banUser"}}>{{i18n "Ban"}}</a>
        <a href="#" {{action "hideNotice"}}>{{t 'general.forms.cancel'}}</a>
      </div>
    </div>
    <div class="activity-notice__content {{if (eq notification 'friend-status') 'show' 'hide'}}">
      {{#if messageAuthorFriendStatus.isFriend}}
        <p>{{i18n "Are you sure you want to unfriend"}} {{message.user.login}}?</p>
        <div class="mg-t-1">
          <a class="alert mg-r-1" href="#" {{action "removeFriend"}}>{{i18n "Unfriend"}}</a>
          <a href="#" {{action "hideNotice"}}>{{t 'general.forms.cancel'}}</a>
        </div>
      {{else}}
        <p>{{i18n "Friend request sent to"}} {{message.user.login}}.</p>
      {{/if}}
    </div>
  </div>
</div>
