{if $opc}
	{assign var="back_order_page" value="order-opc.php"}
{else}
	{assign var="back_order_page" value="order.php"}
{/if}

{if !$opc}
	<script type="text/javascript">
		// <![CDATA[
		var orderProcess = 'order';
		var currencySign = '{$currencySign|html_entity_decode:2:"UTF-8"}';
		var currencyRate = '{$currencyRate|floatval}';
		var currencyFormat = '{$currencyFormat|intval}';
		var currencyBlank = '{$currencyBlank|intval}';
		var txtProduct = "{l s='product' js=1}";
		var txtProducts = "{l s='products' js=1}";
		var orderUrl = '{$link->getPageLink("order", true)}';
	
		var msg = "{l s='You must agree to the terms of service before continuing.' js=1}";
		{literal}
		function acceptCGV()
		{
			if ($('#cgv').length && !$('input#cgv:checked').length)
			{
				alert(msg);
				return false;
			}
			else
				return true;
		}
		{/literal}
		//]]>
	</script>
{else}
	<script type="text/javascript">
		var txtFree = "{l s='Free'}";
	</script>
{/if}

{if isset($virtual_cart) && !$virtual_cart && $giftAllowed && $cart->gift == 1}
<script type="text/javascript">
{literal}
// <![CDATA[
	//$('document').ready( function(){
		//if ($('input#gift').is(':checked'))
			//$('p#gift_div').show();
	//});
//]]>
{/literal}
</script>
{/if}


{if isset($empty)}
<p class="warning">{l s='Your shopping cart is empty.'}</p>
{elseif $PS_CATALOG_MODE}
<p class="warning">{l s='This store has not accepted your new order.'}</p>
{else}
	<div id="displayMobileShoppingCartTop">
		{hook h="displayMobileShoppingCartTop"}
	</div>
	<div data-role="content" id="content" class="cart">
		{include file="$tpl_dir./errors.tpl"}

		<h2>{l s='Delivery methods'}</h2>
		{if !$opc}
			{assign var='current_step' value='shipping'}
			{include file="$tpl_dir./errors.tpl"}
			
			<form id="form" action="{$link->getPageLink('order', true, NULL, "multi-shipping={$multi_shipping}")}" method="post" onsubmit="return acceptCGV();" data-ajax="false">
		{else}
			<div id="opc_delivery_methods" class="opc-main-block">
			<div id="opc_delivery_methods-overlay" class="opc-overlay" style="display: none;"></div>
		{/if}


		<div class="order_carrier_content">
		{if isset($virtual_cart) && $virtual_cart}
			<input id="input_virtual_carrier" class="hidden" type="hidden" name="id_carrier" value="0" />
		{else}
			
			<div id="HOOK_BEFORECARRIER">
				{if isset($carriers) && isset($HOOK_BEFORECARRIER)}
					{$HOOK_BEFORECARRIER}
				{/if}
			</div>
			{if isset($isVirtualCart) && $isVirtualCart}
				<p class="warning">{l s='No carrier is needed for this order.'}</p>
			{else}
				{if $recyclablePackAllowed}
					<p class="checkbox">
						<input type="checkbox" name="recyclable" id="recyclable" value="1" {if $recyclable == 1}checked="checked"{/if} />
						<label for="recyclable">{l s='I would like to receive my order in recycled packaging.'}.</label>
					</p>
				{/if}
			<div class="delivery_options_address">
			{if isset($delivery_option_list)}
				{foreach $delivery_option_list as $id_address => $option_list}
					<label id="delivery_option">
						{if isset($address_collection[$id_address])}
							{l s='Choose a shipping option for this address:'} {$address_collection[$id_address]->alias}
						{else}
							{l s='Choose a shipping option'}
						{/if}
					</label>
					<div class="delivery_options">
					{foreach $option_list as $key => $option}
						<div class="delivery_option {if ($option@index % 2)}alternate_{/if}item">
							<input class="delivery_option_radio" type="radio" name="delivery_option[{$id_address}]" onchange="{if $opc}updateCarrierSelectionAndGift();{else}updateExtraCarrier('{$key}', {$id_address});{/if}" id="delivery_option_{$id_address}_{$option@index}" value="{$key}" {if isset($delivery_option[$id_address]) && $delivery_option[$id_address] == $key}checked="checked"{/if} />
							<label for="delivery_option_{$id_address}_{$option@index}">
								<div class="ui-grid-a">
									<span class="resume ui-block-a">
										<div class="ui-grid-b">
											<p class="delivery_option_logo ui-block-a">
												{foreach $option.carrier_list as $carrier}
													{if $carrier.logo}
														<img src="{$carrier.logo}" alt="{$carrier.instance->name}"/>
													{else if !$option.unique_carrier}
														{$carrier.instance->name}
														{if !$carrier@last} - {/if}
													{/if}
												{/foreach}
											</p>
											<div class="ui-block-b" style="padding-left:4px;">
											{if $option.unique_carrier}
												{foreach $option.carrier_list as $carrier}
													<div class="delivery_option_title">{$carrier.instance->name}</div>
												{/foreach}
											{/if}
											</div>
											<div class="ui-block-c">
												<div class="delivery_option_price">
													{if $option.total_price_with_tax && !$free_shipping}
														{if $use_taxes == 1}
															{convertPrice price=$option.total_price_with_tax} {l s='(tax incl.)'}
														{else}
															{convertPrice price=$option.total_price_without_tax} {l s='(tax excl.)'}
														{/if}
													{else}
														{l s='Free'}
													{/if}
												</div>
											</div>
										</div>
									</span>
									<span class="delivery_option_carrier_desc ui-block-b {if isset($delivery_option[$id_address]) && $delivery_option[$id_address] == $key}selected{/if} {if $option.unique_carrier}not-displayable{/if}">
										{foreach $option.carrier_list as $carrier}
										<tr>
											{if !$option.unique_carrier}
											<td class="first_item">
											<input type="hidden" value="{$carrier.instance->id}" name="id_carrier" />
												{if $carrier.logo}
													<img src="{$carrier.logo}" alt="{$carrier.instance->name}"/>
												{/if}
											</td>
											<td>
												{$carrier.instance->name}
											</td>
											{/if}
											<td {if $option.unique_carrier}class="first_item" colspan="2"{/if}>
												<input type="hidden" value="{$carrier.instance->id}" name="id_carrier" />
												{if isset($carrier.instance->delay[$cookie->id_lang])}
													{$carrier.instance->delay[$cookie->id_lang]}<br />
													{if count($carrier.product_list) <= 1}
														({l s='Product concerned:'}
													{else}
														({l s='Products concerned:'}
													{/if}
													{* This foreach is on one line, to avoid tabulation in the title attribute of the acronym *}
													{foreach $carrier.product_list as $product}
													{if $product@index == 4}<acronym title="{/if}{if $product@index >= 4}{$product.name}{if !$product@last}, {else}">...</acronym>){/if}{else}{$product.name}{if !$product@last}, {else}){/if}{/if}{/foreach}
												{/if}
											</td>
										</tr>
									{/foreach}
									</span>
								</div>
							</label>
						</div>
					{/foreach}
					</div>
					<div class="hook_extracarrier" id="HOOK_EXTRACARRIER_{$id_address}">{if isset($HOOK_EXTRACARRIER_ADDR) &&  isset($HOOK_EXTRACARRIER_ADDR.$id_address)}{$HOOK_EXTRACARRIER_ADDR.$id_address}{/if}</div>
					{foreachelse}
					<p class="warning" id="noCarrierWarning">
						{foreach $cart->getDeliveryAddressesWithoutCarriers(true) as $address}
							{if empty($address->alias)}
								{l s='No carriers available.'}
							{else}
								{l s='No carriers available for the address "%s".' sprintf=$address->alias}
							{/if}
							{if !$address@last}
							<br />
							{/if}
						{/foreach}
					</p>
				{/foreach}
			{/if}
			
			</div>
			<div style="display: none;" id="extra_carrier"></div>
			
				{if $giftAllowed}
				<h3 class="gift_title">{l s='Gift'}</h3>
				<p class="checkbox">
					<input type="checkbox" name="gift" id="gift" value="1" {if $cart->gift == 1}checked="checked"{/if} />
					<label for="gift">{l s='I would like my order to be gift wrapped.'}</label>
					<br />
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					{if $gift_wrapping_price > 0}
						({l s='Additional cost of'}
						<span class="price" id="gift-price">
							{if $priceDisplay == 1}{convertPrice price=$total_wrapping_tax_exc_cost}{else}{convertPrice price=$total_wrapping_cost}{/if}
						</span>
						{if $use_taxes}{if $priceDisplay == 1} {l s='(tax excl.)'}{else} {l s='(tax incl.)'}{/if}{/if})
					{/if}
				</p>
				<p id="gift_div" class="textarea">
					<label for="gift_message">{l s='If you\'d like, you can add a note to the gift:'}</label>
					<textarea rows="5" cols="35" id="gift_message" name="gift_message">{$cart->gift_message|escape:'htmlall':'UTF-8'}</textarea>
				</p>
				{/if}
			{/if}
		{/if}
		
		{if $conditions AND $cms_id}
			<h3 class="condition_title">{l s='Terms of service'}</h3>
			<p class="checkbox">
				<input type="checkbox" name="cgv" id="cgv" value="1" {if $checkedTOS}checked="checked"{/if} />
				<label for="cgv">{l s='I agree to the Terms of Service and will adhere to them unconditionally.'}</label> <a href="{$link_conditions}" class="iframe">{l s='(Read the Terms of Service)'}</a>
			</p>
			<script type="text/javascript">$('a.iframe').fancybox();</script>
		{/if}
		</div>


		{if !$opc}
			<fieldset class="cart_navigation submit ui-grid-a">
				<input type="hidden" class="hidden" name="step" value="3" />
				<input type="hidden" name="back" value="{$back}" />
				<div class="ui-block-a"><a href="{$link->getPageLink($back_order_page, true, NULL, "step=1{if $back}&back={$back}{/if}")}" title="{l s='Previous'}" data-role="button" data-icon="back" data-ajax="false">&laquo; {l s='Previous'}</a></div>
				<div class="ui-block-b"><input type="submit" name="processCarrier" value="{l s='Next'}" class="exclusive" data-icon="check" data-iconpos="right" data-theme="b" data-ajax="false" /></div>
			</fieldset>
		</form>
		{else}
		</div>
		{/if}
	</div><!-- /content -->
	<div id="displayMobileShoppingCartBottom">
		{hook h="displayMobileShoppingCartBottom"}
	</div>
{/if}