90 lines
2.9 KiB
Smarty
90 lines
2.9 KiB
Smarty
<div class="d-flex flex-column">
|
|
<div class="cart-summary p-3 mb-3">
|
|
<h2 class="headline-small consumer-primary fw-bold">Your Cart Summary</h2>
|
|
|
|
<div class="image-wrapper mb-3">
|
|
<img src="{{ thumbnail }}" alt="{{ title }}" />
|
|
</div>
|
|
<h4>{{ title }}</h4>
|
|
<p class="fw-bold">Recurring {{variation}}</p>
|
|
<div class="d-flex justify-content-between">
|
|
<p>Service</p>
|
|
<p>{{#currencyFormatter variable_price}}</p>
|
|
</div>
|
|
|
|
{{#if fallDetectionLabel}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{fallDetectionLabel}}</p>
|
|
<p>{{#currencyFormatter fallDetectionPrice}}</p>
|
|
</div>
|
|
{{/if}}
|
|
{{#if protectionPlan}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{protectionPlan}}</p>
|
|
<p>{{#currencyFormatter protectionPlanprice}}</p>
|
|
</div>
|
|
{{/if}}
|
|
{{#if keyLockboxlabel}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{keyLockboxlabel}}</p>
|
|
<p>{{#currencyFormatter keylockboxprice}}</p>
|
|
</div>
|
|
{{/if}}
|
|
<p class="fw-bold">One-Time Fees</p>
|
|
{{#if one-time}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{one-time}}</p>
|
|
<p>{{#currencyFormatter pro-one-time }}</p>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if activationFeeName}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{activationFeeName}}</p>
|
|
<p>{{#currencyFormatter activationFeeAmount}}</p>
|
|
</div>
|
|
{{/if}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{shippingName}}</p>
|
|
<p>{{#currencyFormatter defaultShipping}}</p>
|
|
</div>
|
|
{{#if shipCouponName}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{shipCouponName}}</p>
|
|
<p>-{{#currencyFormatter shipCoupon}}</p>
|
|
</div>
|
|
{{/if}}
|
|
{{#if couponList}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{couponList}}</p>
|
|
<p>-{{#currencyFormatter couponTotal}}</p>
|
|
</div>
|
|
{{/if}}
|
|
<hr />
|
|
<div class="d-flex justify-content-between">
|
|
<p class="fw-bold">Total due today:</p>
|
|
<p class="fw-bold">{{#currencyFormatter totalDue }}</p>
|
|
</div>
|
|
<p v-html="appliedCoupons"></p>
|
|
{{#if couponDescription}}
|
|
<div class="coupon">
|
|
|
|
<p class="coupon-title">Applied Coupon:</p>
|
|
</div>
|
|
{{/if}}
|
|
<div class="checklist">
|
|
{{{couponDescription}}}
|
|
</div>
|
|
<div class="coupon-summary">
|
|
<div class="checklist">
|
|
{{{couponSummary}}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{#if showCheckoutButton}}
|
|
<a href="/checkout" class="button--primary align-self-end">Continue to Checkout</a>
|
|
{{/if}}
|
|
|
|
</div>
|