{{#unless pastBroadcastsIsLoading}}
  {{#unless streamIsLoading}}
    {{#if shouldShowFollowMessage}}
      <div class="mg-b-2 js-channel-upsell qa-channel-upsell">
        <div class="brick brick--marked brick--pd-lg">
          <h4 class="strong">{{i18n "Enjoying the show?"}}</h4>
          <p>{{i18n "Log in to follow this channel and get notifications when it goes live!"}}</p>
          <hr>
          {{upsell-follow-button
            name="follow_prompt_log_in"
            channel=content
            text="Log In"
            btnClasses="button--hollow"}}
          {{upsell-follow-button
            name="follow_prompt_sign_up"
            channel=content
            text="Don't have an account? Sign up"
            type="signup"
            btnClasses="button--text mg-l-1"}}
        </div>
      </div>
    {{else if shouldShowLinkMessage}}
      <div class="mg-b-2 js-upsell-banner qa-upsell-banner">
        <div class="pos-relative brick brick--marked brick--pd-none flex flex--nowrap show-grid flex--verticalCenter">
          {{#if linkPlatformForChannel.icon}}
            <div class="flex__item flex__item--noShrink">
              <img src={{linkPlatformForChannel.icon}}>
            </div>
          {{/if}}
          <div class="flex__item flex__item--grow {{unless linkPlatformForChannel.icon 'mg-l-2'}}">
            <h4 class="strong pg-0 mg-0">{{i18n 'Drops are available'}}</h4>
            <p class="pd-0 mg-0">{{linkMessageMainText}}</p>
          </div>
          <div class="flex__item buttons mg-3">
            <a href={{linkPlatformForChannel.connectionUrl}} target="_blank" {{action 'trackEvent' clickthroughEventConfig target=tracking preventDefault=false}} class="button button--icon" rel="noopener noreferrer">
              {{#if isSteamChannel}}
                {{svg-icon path='svg/steam-icon'}}
              {{/if}}
              <span>{{i18n 'Link Now'}}</span>
            </a>
          </div>
          <button {{action 'close'}} aria-label="close" class="pos-absolute top-0 right-0 button button--icon-only js-close-button">
            {{svg-icon path='svg/close-small'}}
          </button>
        </div>
      </div>
    {{/if}}

    {{#unless content.stream.is_playlist}}
      {{#if shouldShowFirstPastBroadcast}}
        <div class="clearfix upsell-banner recent-past-broadcast">
          {{#if recentPastBroadcast}}
            <div class="recent-past-broadcast__cap-contain">
              <a href={{recentPastBroadcast.url}} {{action (route-action 'handleVideoClick' recentPastBroadcast)}} data-tt_medium="twitch_channel" data-tt_content="recent_past_broadcast" class="recent-past-broadcast__cap">
                <p class="recent-past-broadcast__title">{{recentPastBroadcast.title}}</p>
                {{partial 'svg/play'}}
                <img src="{{recentPastBroadcast.preview.medium}}">
              </a>
              {{#if recentPastBroadcastResumeTime}}
                <div class="progress-bar-wrapper">
                  {{progress-bar
                    current=recentPastBroadcastResumeTime
                    total=recentPastBroadcast.length
                    classNames='progress-bar--theme-purple progress-bar--sm'}}
                </div>
              {{/if}}
            </div>
          {{/if}}

          <div class="recent-past-broadcast__message">
            <h1>{{bannerHeaderText}}</h1>
            <p>{{bannerMainText}}</p>
            {{#if recentPastBroadcast}}
              <p class="recent-past-broadcast__message_sub">{{bannerLastBroadcastTimeText}}</p>
            {{/if}}
          </div>
        </div>
      {{/if}}
    {{/unless}}
  {{/unless}}
{{/unless}}
