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.payments")

  if subscribed
    button.end-subscription-button.btn.btn-lg.btn-warning(data-i18n="subscribe.unsubscribe") Unsubscribe
    .payment-status(data-i18n="account.status_subscribed")
  else if !me.isAnonymous()
    button.start-subscription-button.btn.btn-lg.btn-success(data-i18n="subscribe.subscribe") Subscribe
    if active
      .payment-status(data-i18n="account.status_unsubscribed_active")
    else
      .payment-status(data-i18n="account.status_unsubscribed")

  if payments.models.length
    table.table.table-striped
      tr
        th(data-i18n="account.paid_on")
        th(data-i18n="account.service")
        th(data-i18n="account.price")
        th(data-i18n="account.gems")
      for payment in payments.models
        - var service = payment.get('service')
        tr
          td= moment(payment.getCreationDate()).format('lll')
          if service === 'ios'
            td(data-i18n="account.service_apple")
            td= payment.get('ios').localPrice
          else
            td(data-i18n="account.service_web")
            td $#{(payment.get('amount')/100).toFixed(2)}
          td= payment.get('gems')