{{#if showNotAvailable}}
  <div class="get-game-card-offer__detail mg-t-1 mg-b-1">
    <span>
      <i>{{i18n 'This game is currently unavailable'}}</i><br>
    </span>
  </div>
{{/if}}
{{#if showFreeWithPrime}}
  <div class='flex get-game-card-offer__detail'>
    <div class='get-game-card-offer__logo'>
      {{partial 'svg/twitch-prime/crown'}}
    </div>
    <h5>{{i18n 'Free with Twitch Prime'}}</h5>
  </div>
  <button class="button full-width {{if isClaimingOffer disabled}}" disabled={{isClaimingOffer}} type="button" {{action 'claimOffer'}} data-test-offer-detail>
    {{i18n 'Get this game with Prime'}}
  </button>
{{/if}}
{{#if showFreeWithPrimeTrial}}
  <div class='flex get-game-card-offer__detail'>
    <div class='get-game-card-offer__logo'>
      {{partial 'svg/twitch-prime/crown'}}
    </div>
    <h5>{{i18n 'Free with Twitch Prime'}}</h5>
  </div>
  <a class="button full-width align-center" href={{landingUrl}} rel="noopener noreferrer" target='_blank' data-test-offer-detail>
    {{i18n 'Start Your 30-day Free Trial'}}
  </a>
  <div class="mg-t-1">
    {{i18n 'Already a Prime member?'}} <a href="{{linkingUrl}}" rel="noopener noreferrer" target="_blank">{{i18n 'Connect your Amazon account'}}</a>
  </div>
{{/if}}
{{#if showPrimeNotAvailable}}
  <div class="get-game-card-offer__detail mg-t-1 mg-b-1">
    <span>
      {{i18n 'Sorry Twitch Prime is not available in your country'}}<br>
    </span>
    <a href={{learnMoreUrl}}>{{t 'general.common.learnMore'}}</a><br>
  </div>
{{/if}}

{{#if showOr}}
  <div class="get-game-card-offer__fancy mg-y-1">
    <span class="get-game-card-offer__fancy-line flex flex--nowrap">{{i18n 'OR'}}</span>
  </div>
{{/if}}


{{#if showBuyThisGame}}
  <div class="button button--purchase full-width flex flex--nowrap" {{action 'buyGame'}} data-test-offer-detail-button>
    <span class="flex__item flex__item--grow">{{i18n 'Buy this Game'}}</span>
    <span class="button__num-block flex__item">{{gameDetail.product.price.price}} {{gameDetail.product.price.currency_unit}}</span>
  </div>
  {{#if broadcasterName}}
    <div class="mg-t-1">
      {{#with (i18n-split-string "This purchase |may support|") as |translated|}}
        {{at-index translated 0}}<a href="{{supportUrl}}" rel="noopener noreferrer" target="_blank">{{at-index translated 1}}</a> {{broadcasterName}}
      {{/with}}
    </div>
  {{/if}}
{{/if}}
