{{#if isMenuOpen}}
  <div class="dropmenu notify-menu js-notify">
    <div class="header">
      You are following {{format-display-name channel.name channel.display_name}}
    </div>

    <p class="clearfix">
      <a class="{{if enableNotificationToggle "active" "disabled"}} switch" {{action "notificationToggle" }}>
        <span></span>
      </a>

      <span class="{{unless globalNotificationsEnabled "disabled"}} switch-label">
        Notify me when the broadcaster goes live
      </span>
    </p>

    {{#if globalNotificationsEnabled}}
      <div class="divider"></div>
    {{/if}}

    {{#if globalEmailEnabled}}
      {{#if pushEnabled}}
        <p>You are subscribed to email notifications and push notifications.</p>
      {{else}}
        <p>You are subscribed to email notifications.</p>
      {{/if}}

      <p>
        Update this at
        <a href="/settings/notifications" target="_blank" rel="noopener noreferrer">your settings page.</a>
      </p>

      {{#unless pushEnabled}}
        <p>
          Install the Twitch
          <a href="https://itunes.apple.com/us/app/twitch/id460177396?mt=8">iOS</a>
          or
          <a href="https://play.google.com/store/apps/details?id=tv.twitch.android.app">Android</a>
          app for push notifications!
        </p>
      {{/unless}}

    {{else}}
      {{#if pushEnabled}}
        <p>You are subscribed to push notifications.</p>
        <p>
          Update this at
          <a href="/settings/notifications" target="_blank" rel="noopener noreferrer">your settings page.</a>
        </p>
      {{else}}
        <p>
          You've disabled live notifications. Update your
          <a href="/settings/notifications" target="_blank" rel="noopener noreferrer">settings.</a>
        </p>
      {{/if}}
    {{/if}}
  </div>
{{/if}}

<a {{action "toggleMenu" }} tabindex="-1" class="toggle-notification-menu js-toggle-notification-menu" href="#"></a>
