From abcd22a5b2d6c4e2a008a48d9f01b98828d6ef41 Mon Sep 17 00:00:00 2001
From: Robert Eldredge <robert.eldredge@cru.org>
Date: Tue, 17 Aug 2021 08:37:16 -0400
Subject: [PATCH] Display Premium on Checkout

---
 src/app/branded/branded-checkout.tpl.html        |  4 +++-
 .../step-2/branded-checkout-step-2.component.js  |  4 +++-
 .../step-2/branded-checkout-step-2.tpl.html      |  4 +++-
 src/app/checkout/step-3/step-3.component.js      |  4 +++-
 src/app/checkout/step-3/step-3.tpl.html          | 16 ++++++++++++++++
 5 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/app/branded/branded-checkout.tpl.html b/src/app/branded/branded-checkout.tpl.html
index 7ff99f1ab..399ca6d54 100644
--- a/src/app/branded/branded-checkout.tpl.html
+++ b/src/app/branded/branded-checkout.tpl.html
@@ -24,7 +24,9 @@
         <branded-checkout-step-2
           ng-if="$ctrl.checkoutStep === 'review'"
           next="$ctrl.next()"
-          previous="$ctrl.previous()">
+          previous="$ctrl.previous()"
+          premium-name="$ctrl.premiumName"
+          item-config="$ctrl.itemConfig">
         </branded-checkout-step-2>
         <thank-you-summary
           ng-if="$ctrl.checkoutStep === 'thankYou'"
diff --git a/src/app/branded/step-2/branded-checkout-step-2.component.js b/src/app/branded/step-2/branded-checkout-step-2.component.js
index 1a8cd7243..648555696 100644
--- a/src/app/branded/step-2/branded-checkout-step-2.component.js
+++ b/src/app/branded/step-2/branded-checkout-step-2.component.js
@@ -49,6 +49,8 @@ export default angular
     templateUrl: template,
     bindings: {
       previous: '&',
-      next: '&'
+      next: '&',
+      premiumName: '<',
+      itemConfig: '<'
     }
   })
diff --git a/src/app/branded/step-2/branded-checkout-step-2.tpl.html b/src/app/branded/step-2/branded-checkout-step-2.tpl.html
index e7f601150..3972cbb94 100644
--- a/src/app/branded/step-2/branded-checkout-step-2.tpl.html
+++ b/src/app/branded/step-2/branded-checkout-step-2.tpl.html
@@ -4,7 +4,9 @@ <h3 class="panel-name" translate>{{'REVIEW'}}</h3>
     <div class="alert alert-danger" role="alert" ng-if="$ctrl.errorLoadingCart" translate="RETRY_LOAD" translate-value-retryLoadFunction="{{$ctrl.loadCart()}}"></div>
     <checkout-step-3
       cart-data="$ctrl.cartData"
-      change-step="$ctrl.changeStep(newStep)">
+      change-step="$ctrl.changeStep(newStep)"
+      premium-name="$ctrl.premiumName"
+      branded-checkout-item="$ctrl.itemConfig">
     </checkout-step-3>
   </div>
 </div>
diff --git a/src/app/checkout/step-3/step-3.component.js b/src/app/checkout/step-3/step-3.component.js
index a6f766b07..80297c4d3 100644
--- a/src/app/checkout/step-3/step-3.component.js
+++ b/src/app/checkout/step-3/step-3.component.js
@@ -189,6 +189,8 @@ export default angular
       onSubmitBtnChangeState: '&',
       onSubmitted: '&',
       onSubmittingOrder: '&',
-      submittingOrder: '<'
+      submittingOrder: '<',
+      premiumName: '<',
+      brandedCheckoutItem: '<'
     }
   })
diff --git a/src/app/checkout/step-3/step-3.tpl.html b/src/app/checkout/step-3/step-3.tpl.html
index c9ed4a77c..919d0164a 100644
--- a/src/app/checkout/step-3/step-3.tpl.html
+++ b/src/app/checkout/step-3/step-3.tpl.html
@@ -146,6 +146,22 @@
     </div>
   </div>
 
+  <div class="mb" ng-if="!!$ctrl.brandedCheckoutItem['premium-code']">
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <translate>{{'PREMIUM'}}</translate>
+        <button id="changePremiumButton" class="btn btn-default btn-panel-head pull-right" ng-click="$ctrl.changeStep({newStep: 'premium'})" translate>{{'CHANGE'}}</button>
+      </div>
+      <div class="panel-body">
+        <div class="row">
+          <div class="col-md-12">
+            {{$ctrl.premiumName}}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div class="mb">
     <div class="panel panel-default">
       <div class="panel-heading">