copay/public/views/modals/amazon-card-details.html

<ion-modal-view ng-controller="amazonCardDetailsController">
  <ion-header-bar align-title="center" class="tab-bar">
    <div class="left-small">
      <a ng-click="cancel()" class="p10">
        <span class="text-close">Close</span>
      </a>
    </div>
    <h1 class="title ellipsis">
      Details
    </h1>
  </ion-header-bar>

  <ion-content>

    <div class="modal-content">
      <div class="header-modal text-center">

        <img src="img/a_generic.jpg" alt="Amazon.com Gift Card" width="230" ng-click="refreshGiftCard()">

        <div ng-show="card.claimCode">
          <div class="m10t">
            Gift Card Amount:
            <span class="text-bold">
              {{card.amount | currency : '$ ' : 2}}
            </span>
          </div>
          <div ng-show="card.cardStatus !== 'Canceled'">
            Claim code: <span class="text-bold enable_text_select">{{card.claimCode}}</span>
          </div>
          <div class="m10t" ng-show="card.cardStatus == 'Fulfilled'">
            <button class="button black round tiny"
                    ng-click="$root.openExternalLink('https://www.amazon.com/gc/redeem?claimCode=' + card.claimCode, '_system')">
              Redeem Now
            </button>
          </div>
          <div class="m10t" ng-show="card.cardStatus == 'Canceled'">
            <div class="m10t">
              Status:
              <span class="text-bold">
                CANCELED
              </span>
            </div>
          </div>
        </div>
        <div ng-show="!card.claimCode">
          <div class="m10t">
            Status:
            <span class="text-bold" ng-show="card.status == 'PENDING'">
              PENDING
            </span>
            <span class="text-bold" ng-show="card.status == 'FAILURE' || card.status == 'RESEND'">
              FAILURE
            </span>
          </div>
        </div>
        <div class="size-12 m10t text-center">
          <a ng-click="$root.openExternalLink(card.invoiceUrl)">See invoice</a>
        </div>
      </div>

      <div class="box-notification m20b" ng-show="error" ng-click="error = null">
        <span class="text-warning">
          {{error}}
        </span>
      </div>

      <div class="text-center size-12 text-warning m10" ng-show="card.status == 'FAILURE' || card.status == 'RESEND'">
          There was a failure to the create gift card. Please, contact BitPay to refund your bitcoin
      </div>

      <div class="size-12 white p15 m30v">
        *Amazon.com Gift Cards (&quot;GCs&quot;) sold by BitPay, Inc., an authorized and independent
        reseller of Amazon.com Gift Cards. Except as required by law, GCs cannot be transferred for value or redeemed for cash.
        GCs may be used only for purchases of eligible goods at Amazon.com or certain of its affiliated websites. Purchases are
        deducted from the GC balance. To redeem or view a GC balance, visit &ldquo;Your Account&rdquo; at Amazon.com. Amazon is
        not responsible if a GC is lost, stolen, destroyed or used without permission. See
        <a ng-click="$root.openExternalLink('https://www.amazon.com/gc-legal')">www.amazon.com/gc-legal</a> for complete terms,
        restrictions and exceptions. For any other questions, see
        <a ng-click="$root.openExternalLink('https://www.amazon.com/gc')">www.amazon.com/gc</a>. GCs are issued
        by ACI Gift Cards, Inc., a Washington corporation. All Amazon &reg;, &trade; &amp; &copy; are IP of
        Amazon.com, Inc. or its affiliates. No expiration date or service fees.
      </div>

      <ul class="no-bullet size-14 m30v text-center">
        <li class="line-b p10 oh pointer" ng-show="card.status == 'SUCCESS' && card.cardStatus == 'Fulfilled'" ng-click="cancelGiftCard()">
          <span class="text-warning">Cancel</span>
        </li>
        <li class="line-b p10 oh pointer" ng-show="card.status == 'FAILURE' || card.cardStatus == 'Canceled'
          || card.cardStatus == 'Expired'" ng-click="remove()">
          <span class="text-warning">Remove</span>
        </li>
      </ul>

      <div class="extra-margin-bottom"></div>
    </div>
  </ion-content>
</ion-modal-view>