{**
 * NOTICE OF LICENSE
 *
 * This source file is subject to a commercial license from Common-Services Co., Ltd.
 * Use, copy, modification or distribution of this source file without written
 * license agreement from the SARL SMC is strictly forbidden.
 * In order to obtain a license, please contact us: contact@common-services.com
 * ...........................................................................
 * INFORMATION SUR LA LICENCE D'UTILISATION
 *
 * L'utilisation de ce fichier source est soumise a une licence commerciale
 * concedee par la societe Common-Services Co., Ltd.
 * Toute utilisation, reproduction, modification ou distribution du present
 * fichier source sans contrat de licence ecrit de la part de la Common-Services Co. Ltd. est
 * expressement interdite.
 * Pour obtenir une licence, veuillez contacter Common-Services Co., Ltd. a l'adresse: contact@common-services.com
 * ...........................................................................
 *
 * @package   So Colissimo Flexibilite
 * @author    Alexandre D.
 * @copyright Copyright (c) 2011-2015 Common Services Co Ltd - 90/25 Sukhumvit 81 - 10260 Bangkok - Thailand
 * @license   Commercial license
 * Support by mail  :  support.soflexibilite@common-services.com
 *}

{literal}
	<script type="text/javascript">
		$(document).ready(function () {
			if ($.fn.jquery === '1.4.4')
				return;
			if (typeof($.fancybox) === 'undefined')
				return;

			var personal_content = $("#socolissimo_personal_content").html();
			$.fancybox(personal_content, {
				type: 'html',
				autoDimensions: true,
				minWidth: 600,
				height: 510,
				padding: 20,
				modal: false,
				showCloseButton: false,
				closeBtn: false,
				hideOnOverlayClick: false,
				enableEscapeButton: false,
				helpers   : {
					overlay : { closeClick: false }
				},
				keys : {
					close : null
				}
			});

			$('input[name=submitPersonalAskMeLater]').click(function () {
				$.fancybox.close();
				return false;
			});
		});
	</script>
	<style>
		dt {
			float: left;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	</style>
{/literal}
<div id="socolissimo_personal_content" style="display: none;">
	<div style="text-align: left; margin:0; padding: 0">
		<img src="{$moduleDir|escape:'htmlall':'UTF-8'}/logo.png" style="width: 16px;" />

		<h2 style="display: inline; vertical-align: middle; margin-left: 6px;">{l s='Preliminary step' mod='soflexibilite'}</h2>
	</div>

	<hr style="display: block; border-bottom: 1px solid #DDD;">

	<p style="text-align: justify;">{l s='In order to ensure correct use for this module you need to complete this form' mod='soflexibilite'}</p>

	<p style="text-align: justify;">{l s='Fields followed by * are required' mod='soflexibilite'}</p>

	<form action="" method="post" style="margin-top: 30px; text-align: center">
		<dl style="margin: 0 auto; width: auto; text-align: left">
			<dt style="width: 40%"><label for="personal_phone"
										  style="width: 100%; line-height: 18px; vertical-align: middle">{l s='Phone number' mod='soflexibilite'}*
					:</label></dt>
			<dd>&nbsp;<input type="text" value="{if isset($phone)}{$phone|escape:'htmlall':'UTF-8'}{else}{$shop_phone|escape:'htmlall':'UTF-8'}{/if}"
							 name="SOCOLISSIMO_PERSONAL_PHONE" id="personal_phone"/>
				&nbsp;&nbsp;<em
						style="font-size: .8em; {if isset($personal_data_phone_error) && $personal_data_phone_error} color: red; {else} color: #999;{/if}">({l s='Example  0144183004' mod='soflexibilite'}
					)</em>
			</dd>
			<br>

			<dt style="width: 40%"><label for="personal_city"
										  style="width: 100%; line-height: 18px; vertical-align: middle">{l s='Zip code' mod='soflexibilite'} *
					:</label></dt>
			<dd>&nbsp;<input type="text"
							 value="{if isset($zip_code)}{$zip_code|escape:'htmlall':'UTF-8'}{else}{ $shop_zip_code|escape:'htmlall':'UTF-8'}{/if}"
							 name="SOCOLISSIMO_PERSONAL_ZIP_CODE" id="personal_zip_code"/>
				&nbsp;&nbsp;<em
						style="font-size: .8em;{if isset($personal_data_zip_code_error) && $personal_data_zip_code_error}color: red;{else} color: #999;{/if}">({l s='Example  92300' mod='soflexibilite'}
					)</em></dd>
			<br>

			<dt style="width: 40%"><label for="personal_quantities"
										  style="width: 100%; line-height: 18px; vertical-align: middle">{l s='Mean number of parcels' mod='soflexibilite'}
					* :</label></dt>
			<dd>&nbsp;
				<select name="SOCOLISSIMO_PERSONAL_QUANTITIES" id="personal_quantities">
					<option value="< 250 colis / mois"{if isset($parcels) && $parcels == '< 250 colis / mois'} selected {/if}>{l s='< 250 parcels / month' mod='soflexibilite'}</option>
					<option value="> 250 colis / mois" {if isset($parcels) && $parcels == '> 250 colis / mois'} selected {/if}>{l s='> 250 parcels / month' mod='soflexibilite'}</option>
				</select>
			</dd>
			<br>

			<dt style="width: 40%"><label for="personal_siret" style="width: 100%;">{l s='Siret' mod='soflexibilite'}* :</label></dt>
			<dd>&nbsp;<input type="text" value="{$siret|escape:'htmlall':'UTF-8'}" name="SOCOLISSIMO_PERSONAL_SIRET" id="personal_city"/>
				&nbsp;&nbsp;{if isset($siret_error) && $siret_error}<em style="font-size: .8em;  color: red;">
					({l s='Siret is mandatory' mod='soflexibilite'})</em>{/if}</dd>
		</dl>

		<hr style="display: block; border-bottom: 1px solid #DDD; margin: 15px 0;">

		<div style="text-align: left;">
			{l s='I accept that the informations relative to my shipping volume will be transmitted to our partner La Poste - Colissimo.' mod='soflexibilite'}<br>
			{l s='In case of non acceptance, you can send an email to the following address' mod='soflexibilite'} : <a href="mailto:modules-prestashop@laposte.fr">modules-prestashop@laposte.fr</a>
			{*J’accepte que les informations relatives à mon volume d’envoi de colis soient transmises à notre partenaire la Poste – Colissimo.<br>*}
			{*En cas de refus, vous pouvez adresser un mail à l’adresse suivante :*}
		</div>

		<input type="submit" id="personal_data_confirm" class="button" name="submitPersonalSave" value="{l s='Confirm' mod='soflexibilite'}" style="float: right; margin-top: 30px; padding: 10px 20px"/>
		{*<input type="submit" id="personal_data_later" class="button" name="submitPersonalAskMeLater" value="{l s='Ask me later' mod='soflexibilite'}" style="float: right; margin-top: 30px; margin-right: 15px; padding: 10px 20px"/>*}
	</form>
</div>