<!DOCTYPE html>
<html>
<head>
	<title>Example Template</title>
	<link rel="stylesheet" type="text/css" href="{stylesheet=store_example/style}" />
	{exp:jquery:script_tag}
</head>
<body>
<div id="header">
	<h1>Example Templates</h1>
</div>
<div id="page">

{!-- STEP TWO - CONFIRM DETAILS --}
        <h2>Confirm Order</h2>
	{!--
		If you would like to process payments as soon as the order has been submitted,
		simply add the payment_method="" parameter to the checkout tag. For inline
		payment processing you just need an SSL certificate, and can process the credit card
		details within this tag.
		Please see our documentation for more details.
	--}
	{exp:store:checkout payment_method="" return="store_example/order/ORDER_HASH"}
		{if no_items}
			{return='store_example/checkout'}
		{/if}
		{if checkout_error}
			{return='store_example/checkout'}
		{/if}

			<table class="pad">
				<tr>
					<th style="width:50%;">Product</th>
					<th style="width:15%;">Price</th>
					<th style="width:10%;">Qty</th>
					<th style="width:15%;">Total</th>
					<th style="width:10%;">&nbsp;</th>
				</tr>
				{items}
					<tr>
						<td>
							<strong><a href="{path='store_example/product/{url_title}'}">{title}</a></strong> <span class="small">SKU: {sku}</span>
							<div class="small">
								{modifiers}
									<strong>{modifier_name}</strong>: {modifier_value} {if price_mod_val > 0}({price_mod}){/if}<br />
								{/modifiers}
							</div>
						</td>
						<td>{price}</td>
						<td>{item_qty}</td>
						<td>{item_subtotal}</td>
						<td>&nbsp;</td>
					</tr>
				{/items}
				<tr>
					<td></td>
					<td colspan="2"><strong>Sub Total</strong></td>
					<td colspan="2">{order_subtotal}</td>
				</tr>
				{if order_shipping_val}
					<tr>
						<td></td>
						<td colspan="2"><strong>Shipping</strong></td>
						<td colspan="2">{order_shipping}</td>
					</tr>
				{/if}
				<tr>
					<td></td>
					<td colspan="2"><strong>{tax_name}</strong> ({tax_percent}%)</td>
					<td colspan="2">{order_tax}</td>
				</tr>
				<tr>
					<td></td>
					<td colspan="2"><strong>Total</strong></td>
					<td colspan="2">{order_total}</td>
				</tr>

			</table>

		<div class="clear"></div>

		<table class="pad" style="margin:20px 0 20px 0;">
			<tr>
				<th style="padding-right:10px;">Billing Details</th>
				<th style="padding-left:10px;">Shipping Details</th>
			</tr>
			<tr><td style="padding-right:10px; width:50%;">
				<table class="pad">
					<tr>
						<td>Name</td>
						<td>{billing_name}</td>
					</tr>
					<tr>
	    					<td>Address</td>
	    					<td>{billing_address1}<br />{billing_address2}</td>
	  				</tr>
	  				<tr>
	    					<td>City</td>
	    					<td>{billing_address3}</td>
	  				</tr>
	  				<tr>
	    					<td>Region</td>
	    					<td>{billing_region_name}</td>
	  				</tr>
	  				<tr>
	    					<td>Country</td>
	    					<td>{billing_country_name}</td>
	  				</tr>
	  				<tr>
	    					<td>Post Code</td>
	    					<td>{billing_postcode}</td>
	  				</tr>
	  				<tr>
	    					<td>Phone</td>
	    					<td>{billing_phone}</td>
	  				</tr>
	  				<tr>
	    					<td>Email</td>
	    					<td>{order_email}</td>
	  				</tr>
	  				<tr>
	    					<td>Comments</td>
	    					<td>{order_custom1}</td>
	  				</tr>
				</table>
			</td>
			<td style="padding-left:10px; width:50%;">
				{if shipping_same_as_billing}
					<table class="pad">
						<tr>
							 <td>Shipping details same as billing details</td>
						</tr>
					</table>
				{if:else}
					<table class="pad">
						<tr>
							<td style="width:40%;">Name</td>
							<td style="width:60%;">{shipping_name}</td>
						</tr>
						<tr>
							<td>Address</td>
							<td>{shipping_address1}<br />{shipping_address2}</td>
						</tr>
						<tr>
							<td>City</td>
							<td>{shipping_address3}</td>
						</tr>
						<tr>
							<td>Region</td>
							<td>{shipping_region_name}</td>
						</tr>
						<tr>
							<td>Country</td>
							<td>{shipping_country_name}</td>
						</tr>
						<tr>
							<td>Post Code</td>
							<td>{shipping_postcode}</td>
						</tr>
						<tr>
							<td>Phone</td>
							<td>{shipping_phone}</td>
						</tr>
					</table>
				{/if}
			</td>
		</tr>
		</table>

		<div style="float: right">
			<input type="submit" name="submit" value="Place Order" />
			<div class="clear"></div>
		</div>
		<div>
			<a href="{path='store_example/checkout_details'}">Modify Order</a>
		</div>
		<div class="clear"></div>

	{/exp:store:checkout}

</div>
</body>
</html>