90 lines
3.0 KiB
Smarty
90 lines
3.0 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 programming_fee_name}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{programming_fee_name}}</p>
|
|
<p>{{#currencyFormatter programming_fee_val}}</p>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#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 activationFee}}
|
|
<div class="d-flex justify-content-between">
|
|
<p>{{activationFee}}</p>
|
|
<p>{{#currencyFormatter activation_fee}}</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>
|
|
</div>
|
|
|
|
{{#if showCheckoutButton}}
|
|
<a href="/checkout" class="button--primary align-self-end">Continue to Checkout</a>
|
|
{{/if}}
|
|
|
|
<div class="checklist my-5">
|
|
{{#each checkboxes}}
|
|
<div class="d-flex flex-row">
|
|
<i class="bi bi-check"></i>
|
|
<p class="ms-3 mt-2">{{ text }}</p>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|