<div class="content cn-content js-cn-content">
  {{#if channel}}
    {{channel-redesign/top-bar
      channel=channel
      vod=video
      isFixed=isFixed
      isChannelOwner=isChannelOwner
      isLive=isLive
      isLiveAccordingToKraken=isLiveAccordingToKraken
      openInModal=(route-action 'openInModal')
      closeModal=(route-action 'closeModal')
      scrollForUser=(action 'scrollForUser')
    }}
  {{/if}}

  <div id="channel">
    <div class="cn-bar-spacer js-cn-bar-spacer {{if isFixed 'show'}}"></div>
    <div class="player-column host-frame js-host-frame">
      <div class="player-placeholder" style={{placeholderStyle}}></div>
    </div>
    {{video/metadata-box
      channel=channel
      vodModel=video
      isEditable=isEditable
      isChannelOwner=isChannelOwner
      openInModal=(route-action 'openInModal')
      closeModal=(route-action 'closeModal')
    }}

    {{#if video.descriptionMarkdown}}
      {{video/more-info-box
        descriptionHTML=video.descriptionHTML
        broadcastType=video.broadcast_type}}
    {{/if}}

    {{#if showRecentVodsFirst}}
      {{video/broadcaster-recent-vods video=video channel=channel tt_medium="vod" sectionIndex=0}}
      {{#if recsHoldout.shouldShowRecs}}
        {{video/related-vods video=video tt_medium='vod' sectionIndex=1}}
        {{video/game-popular-vods video=video tt_medium='vod' sectionIndex=2}}
        {{video/coviews/carousel-container video=video tt_medium='vod' sectionIndex=3}}
      {{/if}}
    {{else if showRelatedVodsFirst}}
      {{#if recsHoldout.shouldShowRecs}}
        {{video/related-vods video=video tt_medium='vod' sectionIndex=0}}
      {{/if}}
      {{video/broadcaster-recent-vods video=video channel=channel tt_medium="vod" sectionIndex=1}}
      {{#if recsHoldout.shouldShowRecs}}
        {{video/game-popular-vods video=video tt_medium='vod' sectionIndex=2}}
        {{video/coviews/carousel-container video=video tt_medium='vod' sectionIndex=3}}
      {{/if}}
    {{/if}}
  </div>
</div>
