codecombat/app/templates/account/subscription-view.jade

extends /templates/base

block content

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

  if me.get('anonymous')
    p.logged-out-blurb(data-i18n="subscribe.must_be_logged")
  else

    //- Personal Subscriptions

    .panel.panel-default
      .panel-heading
        h3(data-i18n="subscribe.personal_sub")
        if view.personalSub.prepaidCode && !view.personalSub.usingPrepaidCode
          div
            span(data-i18n="subscribe.subscribe_prepaid")
            span.spl.spr= view.personalSub.prepaidCode
      .panel-body
        if view.personalSub.state === 'loading'
          .alert.alert-info(data-i18n="subscribe.loading_info")
        else if view.personalSub.state === 'subscribing'
          .alert.alert-info(data-i18n="subscribe.subscribing")
        else if view.personalSub.sponsor
          div
            span.spr(data-i18n="subscribe.managed_by")
            span #{view.personalSub.sponsorName} (#{view.personalSub.sponsorEmail})
          if view.personalSub.endDate
            div
              span.spr(data-i18n="subscribe.will_be_cancelled")
              span= moment(view.personalSub.endDate).format('l')

        else if view.personalSub.usingPrepaidCode
          div(data-i18n="subscribe.using_prepaid")

        else if view.personalSub.self
          if view.personalSub.state === 'declined'
            .alert.alert-danger.alert-dismissible
              span(data-i18n="buy_gems.declined")
              button.close(type="button" data-dismiss="alert")
                span(aria-hidden="true") ×
            br
          else if view.personalSub.state === 'unknown_error'
            .alert.alert-danger.alert-dismissible
              button.close(type="button" data-dismiss="alert")
                span(aria-hidden="true") ×
              p(data-i18n="loading_error.unknown")
              p= view.personalSub.stateMessage
            br

          if !view.personalSub.subscribed || view.personalSub.prepaidCode
            button.start-subscription-button.btn.btn-lg.btn-success(data-i18n="subscribe.subscribe_title")
          else
            button.end-subscription-button.btn.btn-lg.btn-warning(data-i18n="subscribe.unsubscribe")

          .unsubscribe-feedback.row.secret
            .col-lg-7
              h3
                if view.personalSub.monthsSubscribed > 1
                  span.spr(data-i18n="subscribe.thank_you_months_prefix")
                  span= view.personalSub.monthsSubscribed
                  span.spl(data-i18n="subscribe.thank_you_months_suffix")
                else
                  span(data-i18n="subscribe.thank_you")
              div(data-i18n="subscribe.sorry_to_see_you_go")
              textarea(rows=3, data-i18n="[placeholder]subscribe.unsubscribe_feedback_placeholder")
            .col-lg-5
              button.cancel-end-subscription-button.btn.btn-lg.btn-default(data-i18n="subscribe.never_mind")
              button.confirm-end-subscription-button.btn.btn-lg.btn-warning(data-i18n="subscribe.confirm_unsubscribe")

          table.table.table-striped.table-condensed
            tr
              th(data-i18n="user.status")
              td
                if view.personalSub.subscribed
                  strong(data-i18n="account.subscribed")
                else
                  if view.personalSub.active
                    strong(data-i18n="account.active")
                    .text-muted(data-i18n="account.status_unsubscribed_active")
                  else
                    strong(data-i18n="account.unsubscribed")
                    .text-muted(data-i18n="account.status_unsubscribed")
            if view.personalSub.activeUntil
              tr
                th(data-i18n="account.active_until")
                td= moment(view.personalSub.activeUntil).format('l')
            if view.personalSub.nextPaymentDate
              tr
                th(data-i18n="account.next_payment")
                td= moment(view.personalSub.nextPaymentDate).format('l')
            if view.personalSub.cost
              tr
                th(data-i18n="account.cost")
                td= view.personalSub.cost
              if view.personalSub.card
                tr
                  th(data-i18n="account.card")
                  td= view.personalSub.card

        else
          if view.personalSub.free === true
            div(data-i18n="subscribe.currently_free")
          else if typeof view.personalSub.free === 'string'
            if new Date() < new Date(view.personalSub.free)
              div
                span.spr(data-i18n="subscribe.currently_free_until")
                span= moment(new Date(view.personalSub.free)).format('l')
            else
              span.spr(data-i18n="subscribe.was_free_until")
              span= moment(new Date(view.personalSub.free)).format('l')
          else
            button.start-subscription-button.btn.btn-lg.btn-success(data-i18n="subscribe.subscribe_title")

    // - Prepaid Codes
    .panel.panel-default
      .panel-heading
        h3(data-i18n="account.prepaid_codes")
      .panel-body
        p
          span.spr(data-i18n="account_prepaid.you_can1")
          a(href="/account/prepaid", data-i18n="account_prepaid.you_can2")
          span.spl(data-i18n="account_prepaid.you_can3")
    //- Sponsored Subscriptions

    .panel.panel-default
      .panel-heading
        h3(data-i18n="subscribe.managed_subs")
        p(data-i18n="subscribe.managed_subs_desc")
        p(data-i18n="subscribe.managed_subs_desc_2")
        h4(data-i18n="subscribe.group_discounts")
        table.table.table-striped.table-condensed.discount-table
          tr
            td(data-i18n="subscribe.group_discounts_1st")
            td(data-i18n="subscribe.group_discounts_full")
          tr
            td(data-i18n="subscribe.group_discounts_2nd")
            td(data-i18n="subscribe.group_discounts_20")
          tr
            td(data-i18n="subscribe.group_discounts_12th")
            td(data-i18n="subscribe.group_discounts_40")
      .panel-body
        if view.recipientSubs.state === 'subscribing'
          .alert.alert-info(data-i18n="subscribe.subscribing")
        else
          if emailValidator.state === 'invalid'
            div.invalid-email-message(aria-hidden="true") please make sure all entries are valid emails
          textarea.recipient-emails(rows=3, data-i18n="[placeholder]subscribe.recipient_emails_placeholder")=emailValidator.lastEmails
          div
            button.recipients-subscribe-button.btn.btn-lg.btn-success(data-i18n="subscribe.subscribe_users")
          if view.recipientSubs.state === 'declined'
            br
            .alert.alert-danger.alert-dismissible
              span(data-i18n="buy_gems.declined")
              button.close(type="button" data-dismiss="alert")
                span(aria-hidden="true") &times;
          else if view.recipientSubs.state === 'unknown_error'
            br
            .alert.alert-danger.alert-dismissible
              button.close(type="button" data-dismiss="alert")
                span(aria-hidden="true") &times;
              p(data-i18n="loading_error.unknown")
              p= view.recipientSubs.stateMessage
          else if view.recipientSubs.justSubscribed && view.recipientSubs.justSubscribed.length > 0
            br
            .alert.alert-success.alert-dismissible
              if view.recipientSubs.justSubscribed.length > 0
                div(data-i18n="subscribe.users_subscribed")
                ul
                  each email in view.recipientSubs.justSubscribed
                    li= email
          else if view.recipientSubs.justSubscribed && view.recipientSubs.justSubscribed.length === 0
            br
            .alert.alert-success.alert-dismissible
              div(data-i18n="subscribe.no_users_subscribed")

        if view.recipientSubs.nextPaymentAmount > 0 && view.recipientSubs.sponsorSub
          h4(data-i18n="account.next_payment")
          p= moment(new Date(view.recipientSubs.sponsorSub.current_period_end * 1000)).format('l')
          p $#{view.recipientSubs.nextPaymentAmount / 100}
          p= view.recipientSubs.card

        h4(data-i18n="subscribe.current_recipients")
        if view.recipientSubs.unsubscribingRecipients && view.recipientSubs.unsubscribingRecipients.length > 0
          .alert.alert-info
            span.spr(data-i18n="subscribe.unsubscribing")
            span= view.recipientSubs.unsubscribingRecipients[0]
        else
          table.table.table-striped.table-condensed.recipients-table
            tr
              th(data-i18n="general.email")
              th(data-i18n="general.name")
              th
            for recipient in view.recipientSubs.recipients
              tr
                td.recipient-email= recipient.emailLower
                td.recipient-name= recipient.name
                td.recipient-unsubscribe
                  if recipient.cancel_at_period_end
                    div Ends #{moment(recipient.cancel_at_period_end).format('l')}
                  else
                    button.recipient-unsubscribe-button.btn.btn-sm.btn-warning(data-i18n="subscribe.unsubscribe")
                    button.confirm-recipient-unsubscribe-button.btn.btn-sm.btn-primary.hide(data-i18n="play.confirm")