<div class="cn-metabar js-cn-metabar qa-cn-metabar flex flex--verticalCenter flex--nowrap mg-b-3">
  <div class="cn-metabar__title card card--row card--sm flex__item flex__item--grow mg-r-1 cn-card">
    <div class="card__layout">
      {{#if channel.game}}
        {{#link-to-game channel.game  data-test-selector='game-icon' data-tt_medium='twitch_channel' data-tt_content='current_game'}}
          <figure class="card__img card__img--boxart">
            <img src={{boxArt}}>
          </figure>
        {{/link-to-game}}
      {{/if}}

      <div class="card__body">
        <h3 class="card__title js-card__title qa-card__title cn-card__title">{{channel.status}}</h3>
        <p class="card__info js-card__info cn-card__info qa-card__info">
          {{twitch-communities/channel-info channel=channel teamHref=teamHref}}
          {{channel-redesign/metadata-box/commerce-metadata channel=channel}}
        </p>
      </div>
    </div>
  </div>

  <div class="cn-metabar__more flex flex__item flex--verticalCenter flex__item--noShrink">
    {{#if channel.stream.viewers}}
      <div class="cn-metabar__livecount js-cn-metabar__livecount qa-cn-metabar__livecount flex__item cl-red">
        <div class="balloon-wrapper">
          <figure class="icon cn-metabar__icon">
            {{partial 'svg/glyph-live'}}
          </figure>
          {{commatized channel.stream.viewers}}
          <div class="balloon balloon--tooltip balloon--down balloon--center">
            {{i18n "Watching Now"}}
          </div>
        </div>
      </div>
    {{/if}}

    <div class="cn-metabar__viewcount js-cn-metabar__viewcount qa-cn-metabar__viewcount flex__item mg-l-1 mg-r-1">
      <div class="balloon-wrapper">
        <figure class="icon cn-metabar__icon">
          {{partial 'svg/glyph-views'}}
        </figure>
        {{commatized channel.views}}
        <div class="balloon balloon--tooltip balloon--down balloon--center">
          {{t 'general.Twitch.totalViews'}}
        </div>
      </div>
    </div>

    {{#if isEditable}}
      {{edit-broadcast-link
      content=channel
      template="shared/edit_channel_status"
      update="update"
      openInModal=(route-action "openInModal")
      closeModal=(route-action "closeModal")
      }}
    {{/if}}
    {{share-box
      content=channel
      type="channel"
      label=(t 'general.forms.share')
    }}
    {{#unless isChannelOwner}}
      {{channel-options channel=channel}}
    {{/unless}}
  </div>

</div>
