silverstripe-webpack/app/templates/SilverShop/Page/Layout/SteppedCheckoutPage.ss

203 lines
7.9 KiB
Scheme
Raw Normal View History

<div class="container page-content">
<% if $PaymentErrorMessage %>
<div class="alert alert-danger message error">
<%t SilverShop\Page\CheckoutPage.PaymentErrorMessage 'Received error from payment gateway:' %>
$PaymentErrorMessage
</div>
<% end_if %>
<% if $Cart %>
<div id="Checkout" class="accordion element">
<div class="accordion-group">
<div class="accordion-heading">
<h3 class="accordion-toggle" id="cont">
<a href="cart" title="edit cart contents">Cart</a>
</h3>
</div>
<div class="accordion-body">
<div class="accordion-inner">
<% with $Cart %>
<% include SilverShop\Cart\Cart %>
<% end_with %>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<% if $IsPastStep('contactdetails') %>
<h3><a href="$Link('contactdetails')" class="accordion-toggle" title="edit contact details">Contact</a></h3>
<% else %>
<h3 class="accordion-toggle">Contact</h3>
<% end_if %>
</div>
<% if $IsFutureStep('contactdetails') %>
<% else %>
<div class="accordion-body">
<div class="accordion-inner">
<% if $IsCurrentStep('contactdetails') %>
<p><%t SilverShop\Checkout\Step\Address.SupplyContactInformation "Supply your contact information" %></p>
$OrderForm
<% end_if %>
<% if $IsPastStep('contactdetails') %>
<% with $Cart %>
$Name ($Email)
<% end_with %>
<% end_if %>
</div>
</div>
<% end_if %>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<% if $IsPastStep('shippingaddress') %>
<h3><a class="accordion-toggle" title="edit address(es)" href="$Link('shippingaddress')">
<%t SilverShop\Model\Address.SINGULARNAME "Address" %>
</a></h3>
<% else %>
<h3 class="accordion-toggle"><%t SilverShop\Model\Address.SINGULARNAME "Address" %></h3>
<% end_if %>
</div>
<% if $IsFutureStep('shippingaddress') %>
<% else %>
<div class="accordion-body">
<div class="accordion-inner">
<% if $IsCurrentStep('shippingaddress') %>
<p><%t SilverShop\Checkout\Step\Address.EnterShippingAddress "Please enter your shipping address details." %></p>
$OrderForm
<% end_if %>
<% if $IsPastStep('shippingaddress') %>
<div class="row">
<div class="col-sm-4">
<% with $Cart %>
<h4><%t SilverShop\Checkout\Step\Address.ShipTo "Ship To:" %></h4>
$ShippingAddress
<% end_with %>
</div>
<div class="col-sm-4">
<h4><%t SilverShop\Checkout\Step\Address.BillTo "Bill To:" %></h4>
<% if $IsCurrentStep('billingaddress') %>
$OrderForm
<% else %>
<% with $Cart %>
$BillingAddress
<% end_with %>
<% end_if %>
</div>
</div>
<% end_if %>
</div>
</div>
<% end_if %>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<% if $IsPastStep('shippingmethod') %>
<h3><a class="accordion-toggle" title="choose shipping method" href="$Link('shippingmethod')">
<%t SilverShop\Checkout\Step\CheckoutStep.Shipping "Shipping" %>
</a></h3>
<% else %>
<h3 class="accordion-toggle"><%t SilverShop\Checkout\Step\CheckoutStep.Shipping "Shipping" %></h3>
<% end_if %>
</div>
<% if $IsFutureStep('shippingmethod') %>
<% else %>
<div class="accordion-body">
<div class="accordion-inner">
<% if $IsCurrentStep('shippingmethod') %>
$OrderForm
<% end_if %>
<% if $IsPastStep('shippingmethod') %>
<% with $Cart %>
<p>$ShippingMethod.Title</p>
<% end_with %>
<% end_if %>
</div>
</div>
<% end_if %>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<% if $IsPastStep('paymentmethod') %>
<h3><a class="accordion-toggle" title="choose payment method" href="$Link('paymentmethod')">
<%t SilverShop\Forms\OrderActionsForm.PaymentMethod "Payment Method" %>
</a></h3>
<% else %>
<h3 class="accordion-toggle"><%t SilverShop\Forms\OrderActionsForm.PaymentMethod "Payment Method" %></h3>
<% end_if %>
</div>
<% if $IsFutureStep('paymentmethod') %>
<% else %>
<div class="accordion-body">
<div class="accordion-inner">
<% if $IsCurrentStep('paymentmethod') %>
$OrderForm
<% end_if %>
<% if $IsPastStep('paymentmethod') %>
$SelectedPaymentMethod
<% end_if %>
</div>
</div>
<% end_if %>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<h3 class="accordion-toggle"><%t SilverShop\Checkout\Step\CheckoutStep.Summary "Summary" %></h3>
</div>
<% if $IsFutureStep('summary') %>
<% else %>
<div class="accordion-body">
<div class="accordion-inner">
<% if $IsCurrentStep('summary') %>
<% with $Cart %>
<table class="table">
<tfoot>
<% loop $Modifiers %>
<% if $ShowInTable %>
<tr class="modifierRow $EvenOdd $FirstLast $ClassName">
<td colspan="3">$TableTitle</td>
<td>$TableValue.Nice</td>
</tr>
<% end_if %>
<% end_loop %>
<tr>
<th colspan="3"><%t SilverShop\Model\Order.GrandTotal "Grand Total" %></th>
<td>$Total.Nice $Currency</td>
</tr>
</tfoot>
</table>
<% end_with %>
$OrderForm
<% end_if %>
</div>
</div>
<% end_if %>
</div>
</div>
<% else %>
<div class="message warning alert alert-block alert-info">
<h4 class="alert-heading"><%t SilverShop\Cart\ShoppingCart.NoItems "There are no items in your cart." %></h4>
</div>
<% if $ContinueLink %>
<a class="continuelink btn btn-primary" href="$ContinueLink">
<i class="fas fa-chevron-left"></i>
<%t SilverShop\Cart\ShoppingCart.ContinueShopping 'Continue Shopping' %>
</a>
<% end_if %>
<% end_if %>
</div>