extends /templates/base

block content

  ol.breadcrumb
    li
      a(href="/")
        span.glyphicon.glyphicon-home
    li
      a(href="/account", data-i18n="nav.account")
    li
      a(href="/account/subscription", data-i18n="account.subscription")
    li.active(data-i18n="account.sale") Sale

  if me.hasSubscription()
    h1(data-i18n="subscribe.sale_already_subscribed")
    span.spr(data-i18n="subscribe.sale_continue")
    a(href="/play", data-i18n="subscribe.sale_click_here")
  else
    if state === 'purchasing'
      .alert.alert-info(data-i18n="account_invoices.purchasing")
    else
      h1.center(data-i18n="subscribe.sale_title")
      p.center
        img(src="/images/pages/account/subscription/teacher-banner.png")
      br
      .above-blurb
        p.sale-blurb
          strong.spr(data-i18n="subscribe.sale_blurb1")
          span(data-i18n="subscribe.sale_blurb2")
        br
        div
          .sale-blurb(data-i18n="subscribe.sale_feature_here")
          ul
            li.feature-description(data-i18n="[html]subscribe.feature2")
            li.feature-description(data-i18n="subscribe.feature3")
            li.feature-description(data-i18n="[html]subscribe.sale_feature4")
            li.feature-description(data-i18n="subscribe.feature5")
            li.feature-description(data-i18n="[html]subscribe.feature7")
      br
      p.center
        button.btn.btn-success#pay-button #{payButtonText}
      br
      if state === 'declined'
        #declined-alert.alert.alert-danger.alert-dismissible
          span(data-i18n="account_invoices.declined")
          button.close(type="button" data-dismiss="alert")
            span(aria-hidden="true") ×
      if state === 'unknown_error'
        #error-alert.alert.alert-danger.alert-dismissible
          button.close(type="button" data-dismiss="alert")
            span(aria-hidden="true") ×
          p(data-i18n="loading_error.unknown")
          p= stateMessage