<div class="col-md-10 offset-md-1 col-sm-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item" aria-current="page"><a href="/checkout/information">Information</a></li> <li class="breadcrumb-item" aria-current="page"><a href="/checkout/shipping">Shipping</a></li> <li class="breadcrumb-item active" aria-current="page"><a href="/checkout/payment">Payment</a></li> </ol> </nav> <div class="row"> {{#if paymentMessage}} <p class="text-danger text-center">{{paymentMessage}}</p> {{/if}} <div class="col-md-5"> <div class="card top-marg-15"> <div class="card-body"> <h5 class="card-title">{{ @root.__ "Customer details" }}</h5> <ul class="list-group bottom-pad-15"> <li class="list-group-item"> {{@root.session.customerFirstname}} {{@root.session.customerLastname}} - {{@root.session.customerEmail}} <span class="float-right"><a href="/checkout/information">Change</a></span> </li> </ul> <ul class="list-group bottom-pad-15"> {{#ifCond @root.session.totalCartShipping '>' 0}} <li class="list-group-item"> <div class="row"> <div class="col-md-6"> {{@root.session.shippingMessage}} </div> <div class="col-md-6"> <span><strong>{{currencySymbol @root.config.currencySymbol}}{{formatAmount @root.session.totalCartShipping}}</strong></span> <span class="float-right"><a href="/checkout/shipping">Change</a></span> </div> </div> </li> {{else}} <li class="list-group-item">FREE shipping <span class="float-right"><a href="/checkout/shipping">Change</a></span></li> {{/ifCond}} </ul> <form id="shipping-form" class="shipping-form" action="/{{config.paymentGateway}}/checkout_action{{@root.paymentType}}" method="post" role="form" data-toggle="validator" novalidate="false"> {{#if session.customerPresent}} {{#ifCond config.paymentGateway '==' 'paypal'}} {{> partials/payments/paypal}} {{/ifCond}} {{#ifCond config.paymentGateway '==' 'stripe'}} {{> partials/payments/stripe}} {{/ifCond}} {{#ifCond config.paymentGateway '==' 'authorizenet'}} {{> partials/payments/authorizenet}} {{/ifCond}} {{#ifCond config.paymentGateway '==' 'adyen'}} {{> partials/payments/adyen}} {{/ifCond}} {{#ifCond config.paymentGateway '==' 'instore'}} {{> partials/payments/instore}} {{/ifCond}} {{/if}} </form> </div> </div> </div> <div id="cart" class="col-md-7"> {{> (getTheme 'cart')}} </div> </div> </div>