{capture name=path}{l s='Sélection de votre point retrait' mod='mondialrelay'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}

<style>
.title_block{
	background: url('../../themes/site/img/gradient.png') repeat-x bottom left;
	margin-top: 22px; }
	.title_block h1{
		margin: 0px;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-style: italic;
		font-size: 22px;
		color: #000;
		font-weight: normal;
		padding: 20px;
		text-shadow: 2px 2px 0px #ffffff; }
.mr_selection_content{
	padding: 20px; }
.submit_button{
	margin-top: 20px;
	cursor: pointer;
	padding: 0;
	background: #f96608;
	background: -moz-linear-gradient( top, #FF7900 0%, #F5580F 100% );
	background: -webkit-gradient( linear, top left, bottom left, color-stop(0, #ff7900), color-stop(1, #f5580f) );
	background: -webkit-linear-gradient( top, #ff7900 0%, #f5580f 100% );
	background: -o-linear-gradient( top, #ff7900 0%, #f5580f 100% );
	background: -ms-linear-gradient( top, #ff7900 0%, #f5580f 100% );
	background: linear-gradient( top, #ff7900 0%, #f5580f 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ff7900', EndColorStr='#f5580f', GradientType=0 );
	display: inline-block;
	width: auto;
	float: right; }
input.exclusive{
	background: url('../../themes/site/img/arrow-submit.png') no-repeat left 50%;
	width: 100%;
	height: 42px;
	text-shadow: 0px -1px 0px #6E6E6E;
	padding: 8px 15px 8px 55px;
	text-decoration: none;
	color: #ffffff !important;
	font-size: 12px;
	border: none;
	/* border: 1px solid #FE6601; */
}
</style>
<div class="title_block">
	<h1>{l s='Sélection de votre point retrait' mod='mondialrelay'}</h1>
</div>
<div class="mr_selection_content">
{if isset($error) && $error}
	<div class="error">
		<p>{l s='Il y a une erreur :' mod='mondialrelay'}</p>
		<ul class="error warning">
			<li>{$error}</li>
		</ul>
	</p>
{/if}

{if isset($display_conf) && $display_conf}
	<p>{l s='Votre point relais a bien été enregistré.' mod='mondialrelay'}</p>
{/if}

{if isset($display_form) && $display_form}
	<form action="{$base_dir}modules/mondialrelay/selection.php" method="POST">
		<input type="hidden" name="id_order" value="{$id_order}" />
		<input type="hidden" name="key" value="{$key}" />


		{if isset($mobile) && $mobile}


			<table id="carrierTable" class="std" {if !isset($carriers) || !$carriers || !count($carriers)}style="display:none;"{/if}>
				<tbody>
				{if isset($carriers)}
					{foreach from=$carriers item=carrier name=myLoop}
						<tr class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{/if} {if $smarty.foreach.myLoop.index % 2}alternate_item{else}item{/if}">
							<td class="carrier_action radio">
								<input type="radio" name="id_carrier" value="{$carrier.id_carrier|intval}" id="id_carrier{$carrier.id_carrier|intval}"  {if $opc}onclick="updateCarrierSelectionAndGift();"{/if} {if !($carrier.is_module AND $opc AND !$isLogged)}{if $carrier.id_carrier == $checked}checked="checked"{/if}{else}disabled="disabled"{/if} />
							</td>
							<td class="carrier_name">
								<label for="id_carrier{$carrier.id_carrier|intval}">
									{if $carrier.img}<img src="{$carrier.img|escape:'htmlall':'UTF-8'}" alt="{$carrier.name|escape:'htmlall':'UTF-8'}" />{else}{$carrier.name|escape:'htmlall':'UTF-8'}{/if}
								</label>
							</td>
							<td class="carrier_infos">
								{$carrier.delay|escape:'htmlall':'UTF-8'}
								<span class="price">
									{if $carrier.price}
										{if $priceDisplay == 1}
											{convertPrice price=$carrier.price_tax_exc}
										{else}
											{convertPrice price=$carrier.price}
										{/if}
										{if $use_taxes}
											<span class="taxes">
											{if $priceDisplay == 1}
												{l s='HT'}
											{else}
												{l s='TTC'}
											{/if}
											</span>
										{/if}
									{else}
										{l s='Gratuit !'}
									{/if}	
								</span>
							</td>
						</tr>
					{/foreach}
					<tr id="HOOK_EXTRACARRIER">{$extraCarrier}</tr>
				{/if}
				</tbody>
			</table>




		{else}



		<table id="carrierTable" class="std" {if !isset($carriers) || !$carriers || !count($carriers)}style="display:none;"{/if}>
			<thead>
				<tr>
					<th class="carrier_action first_item"></th>
						<th class="carrier_name item">{l s='Transporteur'}</th>
					<th class="carrier_infos item">{l s='Information'}</th>
						<th class="carrier_price last_item">{l s='Prix'}</th>
				</tr>
			</thead>
			<tbody>
			{if isset($carriers)}
				{foreach from=$carriers item=carrier name=myLoop}
					<tr class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{/if} {if $smarty.foreach.myLoop.index % 2}alternate_item{else}item{/if}">
						<td class="carrier_action radio">
							<input type="radio" name="id_carrier" value="{$carrier.id_carrier|intval}" id="id_carrier{$carrier.id_carrier|intval}"  {if $opc}onclick="updateCarrierSelectionAndGift();"{/if} {if !($carrier.is_module AND $opc AND !$isLogged)}{if $carrier.id_carrier == $checked}checked="checked"{/if}{else}disabled="disabled"{/if} />
						</td>
						<td class="carrier_name">
							<label for="id_carrier{$carrier.id_carrier|intval}">
								{if $carrier.img}<img src="{$carrier.img|escape:'htmlall':'UTF-8'}" alt="{$carrier.name|escape:'htmlall':'UTF-8'}" />{else}{$carrier.name|escape:'htmlall':'UTF-8'}{/if}
							</label>
						</td>
						<td class="carrier_infos">{$carrier.delay|escape:'htmlall':'UTF-8'}</td>
						<td class="carrier_price">
							{if $carrier.price}
								<span class="price">
									{if $priceDisplay == 1}{convertPrice price=$carrier.price_tax_exc}{else}{convertPrice price=$carrier.price}{/if}
								</span>
									{if $use_taxes}{if $priceDisplay == 1} {l s='HT'}{else} {l s='TTC'}{/if}{/if}
							{else}
									{l s='Gratuit!'}
							{/if}
						</td>
					</tr>
				{/foreach}
				<tr id="HOOK_EXTRACARRIER">{$extraCarrier}</tr>
			{/if}
			</tbody>
		</table>


		{/if}



		<p style="margin: 20px 0 10px;">{l s='Veuillez sélectionner votre transporteur puis sélectionner votre point retrait parmi la liste.'}</p>
		<p class="submit">
			<span class="submit_button">
				<input type="submit" class="exclusive" name="submit_mr_selection" value="{l s='Valider ma sélection'}"/>
			</span>
		</p>
	</form>
{/if}
</div>