script(id='modals/buyGems.html', type='text/ng-template')
  .modal-body
    .buy-gems
      +gemButton(true)
      .well
        h3=env.t('buyGems')
        table.table
          tr
            td
              span.dashed-underline(popover=env.t('donateText1'),popover-trigger='mouseenter',popover-placement='right')
                | +20 <span class="Pet_Currency_Gem1x inline-gems"/>
          tr
            td
              span.dashed-underline(popover=env.t('donateText3'),popover-trigger='mouseenter',popover-placement='right')
                =env.t('donateText2')
          tr
            td.alert.alert-info $5&nbsp;
              =env.t('USD')
          tr
            td
              p
                small.muted=env.t('paymentMethods')
              .btn.btn-primary(ng-click='Payments.showStripe({})')=env.t('card')
              a.btn.btn-warning(href='/paypal/checkout?_id={{user._id}}&apiToken={{user.apiToken}}') PayPal
              div#AmazonPayButton
              script(type='text/javascript').
                var authRequest;
                OffAmazonPayments.Button('AmazonPayButton', window.env.AMAZON_PAYMENTS.SELLER_ID, {
                  type:  'PwA',
                  color: 'Gold',
                  size:  'small',

                  authorization: function() {
                    loginOptions =
                      {scope: 'payments:widget', popup: true};
                    authRequest = amazon.Login.authorize (loginOptions,
                      'https://habitrpg.com');
                  },
                  onError: function(error) {
                    console.error('amazon payments error ', error)
                  }
                });

      div(ng-include="'partials/options.settings.subscription.html'")

  .modal-footer
    button.btn.btn-default(ng-click='$close()')=env.t('cancel')