<div class="ct-banner">
  {{#unless hideBanner}}
    <div class="ct-banner__img-container">
      <figure class="ct-banner__img" style={{bannerBackgroundImageStyle}} alt="#{{currentTag.name}}"></figure>
    </div>
    <div class="ct-banner__topbar flex flex--horizontalEnd flex--verticalCenter">
      <div>
        <div class="ct-type-5 ct-type-white">
          {{i18n 'The'}} <strong>{{currentTag.name}}</strong>
          {{i18n 'community on'}}
          {{#link-to 'directory.creative' class='ct-type-white'}}
            <strong>{{i18n 'Creative'}}</strong>
          {{/link-to}}
        </div>
      </div>
      <div class="mg-l-2">
        <div class="balloon-wrapper">
          {{#link-to 'directory.creative.communities' class='button ct-button--theme-dark'}}
            <span class="ct-type-5 ct-type-white">{{i18n 'View more Creative Communities'}}</span>
          {{/link-to}}
        </div>
      </div>
    </div>
  {{/unless}}
  {{#if hideBanner}}
    <div class="ad_leader" id="dfp-directory-banner"></div>
  {{/if}}
  <div class="{{unless hideBanner 'ct-banner__feature'}}">
    <div class="{{unless hideBanner 'ct-banner__title-container'}}">
      <div class="{{unless hideBanner 'ct-banner__title brick brick--theme-white brick--pd-none'}}">
        {{#if currentTag}}
          {{#unless hideBanner}}
            <figure class="brick__img-container ct-brick__img-container--sm">
              <img class="brick__img" src={{banner}}>
            </figure>
          {{/unless}}
          <figcaption class="brick__caption {{if hideBanner 'align-center'}}">
            {{tag-title
                title=game.name
                currentTag=currentTag
                class="mg-r-1 ct-banner__name"}}
          </figcaption>
        {{else}}
          {{tag-title
              title=game.name
              currentTag=currentTag
              class="ct-banner__name"}}
          <div class="brick__caption">
            <p class="ct-type-p ct-type-grey-light pd-l-1 pd-r-1 pd-b-1">
              {{i18n "Twitch Creative is a place to share your creative process live with a like-minded audience."}}
              {{#link-to 'create-landing'}}
                {{i18n "Learn more."}}
              {{/link-to}}
            </p>
          </div>
        {{/if}}
      </div>
      {{#if channel.status}}
        <div class="ct-banner__status-container">
          <div class="balloon balloon--static balloon--down balloon--center ct-color-white-dark balloon--fancy mg-t-1">
            <div class="ct-type-5 ct-type-grey-light">
              {{i18n "Current Topic"}}
            </div>
            <p class="ct-banner__status">
              {{channel.status}}
            </p>
          </div>
        </div>
      {{/if}}
    </div>
    <div class="ct-banner__gallery">
      {{yield}}
    </div>
  </div>
</div>

{{#unless hideBanner}}
  <div class="ad_leader mg-b-3" id="dfp-directory-banner"></div>
{{/unless}}

{{#creative-breadcrumb game=game}}
  {{#if currentTag}}
    {{#link-to 'directory.creative' class='ct-bar__crumb ct-crumb ct-crumb--3'}}
      <div class="ct-crumb__label ct-bar__item--nudge">#{{currentTag.name}}</div>
    {{/link-to}}
  {{/if}}
{{/creative-breadcrumb}}

<div class="ct-bar-placeholder"></div>
