Fix guideline UI

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

@@ -17,10 +17,32 @@
      ng-swipe-right="cancel()">
   <div class="header-modal bg-gray text-center">
 
-    <img src="img/a_generic.jpg" alt="Amazon.com Gift Card" width="200" ng-click="refreshGiftCard()">
-    
-    <div class="size-24 text-bold m10t">
-      {{card.cardInfo.value.amount | currency : '$ ' : 2}}
+    <img src="img/a_generic.jpg" alt="Amazon.com Gift Card" width="230" ng-click="refreshGiftCard()">
+
+    <div ng-show="card.gcClaimCode">
+      <div class="m10t">
+        Gift Card Amount: 
+        <span class="text-bold">
+          {{card.cardInfo.value.amount | currency : '$ ' : 2}}
+        </span>
+      </div>
+      <div>
+        Claim code: <span class="text-bold enable_text_select">{{card.gcClaimCode}}</span>
+      </div>
+      <div class="m10t">
+        <button class="button black round tiny" 
+                ng-click="$root.openExternalLink('https://www.amazon.com/gc/redeem?claimCode=' + card.gcClaimCode)">
+          Redeem Now
+        </button>
+      </div>
+
+      <div class="size-12 m10t text-center">
+        | <a 
+           ng-click="$root.openExternalLink('https://www.amazon.com/gp/css/gc/payment/view-gc-balance?claimCode=' + card.gcClaimCode)">
+          Apply to Account
+        </a> | 
+        <a ng-click="$root.openExternalLink('http://www.amazon.com/gc-redeem')">How to Use</a> |
+      </div>
     </div>
   </div>
 
@@ -28,7 +50,7 @@
     <span class="text-warning">
       {{error}}
     </span>
-  </div>
+  </div> 
 
   <div class="text-center size-12" ng-show="card.status != 'SUCCESS' && !loading">
     <div ng-show="card.status == 'RESEND'">
@@ -44,12 +66,24 @@
     </div>
   </div>
 
+  <div class="m10t size-12 white line-t p10" ng-show="card.gcClaimCode">
+    <div class="text-bold m10b">To redeem your gift card, follow these steps:</div>
+    <ol class="size-12">
+      <li>Visit <a ng-click="$root.openExternalLink('https://www.amazon.com/gc')">www.amazon.com/gc</a>.</li>
+      <li>Click Apply to Account and enter the claim code when prompted.</li>
+      <li>Gift card funds will be applied automatically to eligible orders during the checkout process.</li>
+      <li>You must pay for any remaining balance on your order with another payment method.</li>
+    </ol>
+    <p class="size-12">Your gift card claim code may also be entered when prompted during checkout. 
+    To redeem your gift card using the Amazon.com 1-Click&reg; service, first add the gift card 
+    funds to Your Account.</p>
+    <p class="size-12">If you have questions about redeeming your gift card, please visit 
+    <a ng-click="$root.openExternalLink('https://www.amazon.com/gc-redeem')">www.amazon.com/gc-redeem</a>. 
+    If you have questions regarding the BitPay offer, please contact BitPay.</p>
+  </div>
+
   <ul class="no-bullet size-14">
-    <li class="line-b p10 oh pointer" ng-show="card.gcClaimCode" ng-click="$root.openExternalLink()">
-      <i class="icon-arrow-right3 size-24 right text-bold"></i>  
-      <span class="text-gray">Claim code</span>
-      <span class="text-bold right enable_text_select">{{card.gcClaimCode}}</span>
-    </li>
+    <h4 class="title">Details</h4>
     <li class="line-b p10 oh">
       <span class="text-gray">Card status</span>
       <span class="text-success right" ng-if="card.cardInfo.cardStatus == 'Fulfilled'">Fulfilled</span>
@@ -74,7 +108,8 @@
     </li>
   </ul>
 
-  <div class="row m20t" ng-show="card.status == 'FAILURE'">
+  <div class="row m20t" 
+    ng-show="card.status == 'FAILURE' || card.cardInfo.cardStatus == 'RefundedToPurchaser' || card.cardInfo.cardStatus == 'Expired'">
     <div class="columns text-center">
       <p class="size-12 text-gray">
       This action will remove the gift card
@@ -102,5 +137,18 @@
     </div>
   </div>
 
+  <div class="size-12 white p15 m20t">
+    *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>
+
   <div class="extra-margin-bottom"></div>
 </div>