{capture name=path}{l s='Login'}{/capture}
{include file=$tpl_dir./breadcrumb.tpl}

<script type="text/javascript">
// <![CDATA[
idSelectedCountry = {if isset($smarty.post.id_state)}{$smarty.post.id_state|intval}{else}false{/if};
countries = new Array();
{foreach from=$countries item='country'}
	{if isset($country.states)}
		countries[{$country.id_country|intval}] = new Array();
		{foreach from=$country.states item='state' name='states'}
			countries[{$country.id_country|intval}]['{$state.id_state|intval}'] = '{$state.name|escape:'htmlall':'UTF-8'}';
		{/foreach}
	{/if}
{/foreach}
//]]>
</script>

<h2>{if !isset($email_create)}{l s='Log in'}{else}{l s='Create your account'}{/if}</h2>

{assign var='current_step' value='login'}
{include file=$tpl_dir./order-steps.tpl}

{include file=$tpl_dir./errors.tpl}

{if isset($confirmation)}
	<div class="confirmation">
		<p class="success">{l s='Your account has been successfully created.'}</p>
		<p>
			<a href="{$base_dir_ssl}my-account.php"><img src="{$img_dir}icon/my-account.gif" alt="{l s='Your account'}" title="{l s='Your account'}" class="icon" />{l s='Access your account'}</a>
		</p>
	</div>
{else}
	{if !isset($email_create)}
		<form action="{$request_uri|escape:'htmlall':'UTF-8'}" method="post" id="create-account_form" class="std">
			<fieldset>
				<h3>{l s='Create your account'}</h3>
				<h4>{l s='Enter your e-mail address to create your account'}.</h4>
				<p class="text">
					<label for="email_create">{l s='E-mail address'}</label>
					<input type="text" id="email_create" name="email_create" value="{if isset($smarty.post.email_create)}{$smarty.post.email_create|escape:'htmlall'|stripslashes}{/if}" class="account_input" />
				</p>
				<p class="submit">
					<input type="submit" id="SubmitCreate" name="SubmitCreate" class="button_large" value="{l s='Create your account'}" />
					<input type="hidden" class="hidden" name="SubmitCreate" value="{l s='Create your account'}" />
				</p>
			</fieldset>
		</form>
		<form action="{$request_uri|escape:'htmlall':'UTF-8'}" method="post" id="login_form" class="std">
			<fieldset>
				<h3>{l s='Already registered ?'}</h3>
				<h4>{l s='Enter your e-mail address and password to access to your account'}.</h4>
				<p class="text">
					<label for="email">{l s='E-mail address'}</label>
					<input type="text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall'|stripslashes}{/if}" class="account_input" />
				</p>
				<p class="text">
					<label for="passwd">{l s='Password'}</label>
					<input type="password" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|escape:'htmlall'|stripslashes}{/if}" class="account_input" />
				</p>
				<p class="submit">
					{if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />{/if}
					<input type="submit" id="SubmitLogin" name="SubmitLogin" class="button" value="{l s='Log in'}" />
				</p>
				<p><a href="{$base_dir}password.php">{l s='Forgot your password?'}</a></p>
			</fieldset>
		</form>
	{else}
	<form action="{$request_uri|escape:'htmlall':'UTF-8'|replace:'&amp;':'&'}" method="post" id="account-creation_form" class="std">
		<fieldset class="account_creation">
			<h3>{l s='Your personal information'}</h3>
			<p class="radio required">
				<span>{l s='Title'}</span>
				<input type="radio" name="id_gender" id="id_gender1" value="1" {if isset($smarty.post.id_gender) && $smarty.post.id_gender == 1}checked="checked"{/if} />
				<label for="id_gender1" class="top">{l s='Mr.'}</label>
				<input type="radio" name="id_gender" id="id_gender2" value="2" {if isset($smarty.post.id_gender) && $smarty.post.id_gender == 2}checked="checked"{/if} />
				<label for="id_gender2" class="top">{l s='Ms.'}</label>
			</p>
			<p class="required text">
				<label for="customer_firstname">{l s='First name'}</label>
				<input onkeyup="$('#firstname').val(this.value);" type="text" class="text" id="customer_firstname" name="customer_firstname" value="{if isset($smarty.post.customer_firstname)}{$smarty.post.customer_firstname}{/if}" />
				<sup>*</sup>
			</p>
			<p class="required text">
				<label for="customer_lastname">{l s='Last name'}</label>
				<input onkeyup="$('#lastname').val(this.value);" type="text" class="text" id="customer_lastname" name="customer_lastname" value="{if isset($smarty.post.customer_lastname)}{$smarty.post.customer_lastname}{/if}" />
				<sup>*</sup>
			</p>
			<p class="required text">
				<label for="email">{l s='E-mail'}</label>
				<input type="text" class="text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email}{/if}" />
				<sup>*</sup>
			</p>
			<p class="required password">
				<label for="password">{l s='Password'}</label>
				<input type="password" class="text" name="passwd" id="passwd" />
				<sup>*</sup>
				<span class="form_info">{l s='(5 characters min.)'}</span>
			</p>
			<p class="select">
				<span>{l s='Birthday'}</span>
				<select id="days" name="days">
					<option value="">-</option>
					{foreach from=$days item=day}
						<option value="{$day|escape:'htmlall':'UTF-8'}" {if ($sl_day == $day)} selected="selected"{/if}>{$day|escape:'htmlall':'UTF-8'}&nbsp;&nbsp;</option>
					{/foreach}
				</select>
				{*
					{l s='January'}
					{l s='February'}
					{l s='March'}
					{l s='April'}
					{l s='May'}
					{l s='June'}
					{l s='July'}
					{l s='August'}
					{l s='September'}
					{l s='October'}
					{l s='November'}
					{l s='December'}
				*}
				<select id="months" name="months">
					<option value="">-</option>
					{foreach from=$months key=k item=month}
						<option value="{$k|escape:'htmlall':'UTF-8'}" {if ($sl_month == $k)} selected="selected"{/if}>{l s="$month"}&nbsp;</option>
					{/foreach}
				</select>
				<select id="years" name="years">
					<option value="">-</option>
					{foreach from=$years item=year}
						<option value="{$year|escape:'htmlall':'UTF-8'}" {if ($sl_year == $year)} selected="selected"{/if}>{$year|escape:'htmlall':'UTF-8'}&nbsp;&nbsp;</option>
					{/foreach}
				</select>
			</p>
			<p class="checkbox" >
				<input type="checkbox" name="newsletter" id="newsletter" value="1" {if isset($smarty.post.newsletter) AND $smarty.post.newsletter == 1} checked="checked"{/if} />
				<label for="newsletter">{l s='Sign up for our newsletter'}</label>
			</p>
			<p class="checkbox" >
				<input type="checkbox"name="optin" id="optin" value="1" {if isset($smarty.post.optin) AND $smarty.post.optin == 1} checked="checked"{/if} />
				<label for="optin">{l s='Receive special offers from our partners'}</label>
			</p>
		</fieldset>
		<fieldset class="account_creation">
			<h3>{l s='Your address'}</h3>
			<p class="text">
				<label for="company">{l s='Company'}</label>
				<input type="text" class="text" id="company" name="company" value="{if isset($smarty.post.company)}{$smarty.post.company}{/if}" />
			</p>
			<p class="required text">
				<label for="firstname">{l s='First name'}</label>
				<input type="text" class="text" id="firstname" name="firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{/if}" />
				<sup>*</sup>
			</p>
			<p class="required text">
				<label for="lastname">{l s='Last name'}</label>
				<input type="text" class="text" id="lastname" name="lastname" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{/if}" />
				<sup>*</sup>
			</p>
			<p class="required text">
				<label for="address1">{l s='Address'}</label>
				<input type="text" class="text" name="address1" id="address1" value="{if isset($smarty.post.address1)}{$smarty.post.address1}{/if}" />
				<sup>*</sup>
			</p>
			<p class="text">
				<label for="address2">{l s='Address (2)'}</label>
				<input type="text" class="text" name="address2" id="address2" value="{if isset($smarty.post.address2)}{$smarty.post.address2}{/if}" />
			</p>
			<p class="required text">
				<label for="postcode">{l s='Postal code / Zip code'}</label>
				<input type="text" class="text" name="postcode" id="postcode" value="{if isset($smarty.post.postcode)}{$smarty.post.postcode}{/if}" />
				<sup>*</sup>
			</p>
			<p class="required text">
				<label for="city">{l s='City'}</label>
				<input type="text" class="text" name="city" id="city" value="{if isset($smarty.post.city)}{$smarty.post.city}{/if}" />
				<sup>*</sup>
			</p>
			<p class="required select">
				<label for="id_country">{l s='Country'}</label>
				<select name="id_country" id="id_country">
					<option value="">-</option>
					{foreach from=$countries item=v}
					<option value="{$v.id_country}" {if ($sl_country == $v.id_country)} selected="selected"{/if}>{$v.name|escape:'htmlall':'UTF-8'}</option>
					{/foreach}
				</select>
				<sup>*</sup>
			</p>
			<p class="required id_state select">
				<label for="id_state">{l s='State'}</label>
				<select name="id_state" id="id_state">
					<option value="">-</option>
				</select>
				<sup>*</sup>
			</p>
			<p class="textarea">
				<label for="other">{l s='Additional information'}</label>
				<textarea name="other" id="other" cols="26" rows="3">{if isset($smarty.post.other)}{$smarty.post.other}{/if}</textarea>
			</p>
			<p class="text">
				<label for="phone">{l s='Home phone'}</label>
				<input type="text" class="text" name="phone" id="phone" value="{if isset($smarty.post.phone)}{$smarty.post.phone}{/if}" />
			</p>
			<p class="text">
				<label for="phone_mobile">{l s='Mobile phone'}</label>
				<input type="text" class="text" name="phone_mobile" id="phone_mobile" value="{if isset($smarty.post.phone_mobile)}{$smarty.post.phone_mobile}{/if}" />
			</p>
			<p class="required text" id="address_alias">
				<label for="alias">{l s='Assign an address title for future reference'} !</label>
				<input type="text" class="text" name="alias" id="alias" value="{if isset($smarty.post.alias)}{$smarty.post.alias}{else}{l s='My address'}{/if}" />
				<sup>*</sup>
			</p>
		</fieldset>
		{$HOOK_CREATE_ACCOUNT_FORM}
		<p class="cart_navigation required submit">
			<input type="hidden" name="email_create" value="1" />
			<input type="submit" name="submitAccount" id="submitAccount" value="{l s='Register'}" class="exclusive" />
			<span><sup>*</sup>{l s='Required field'}</span>
		</p>

	</form>
	{/if}
{/if}