{include file="phoenix/system/_header.html"}

{include file="phoenix/system/_breadcrumbs.html"}

{if $message}
    {foreach $message as $info}
        {include file="phoenix/system/_message.html"}
    {/foreach}
{/if}

<section class="mainContent clearfix">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="innerWrapper clearfix">

				{if $snapshot > 0 }
					<div class="alert alert-danger" role="alert">
						{$login_orgin_text}
					</div>
				{/if}
				
				<!-- REGISTER -->
				<div class="card">
					<div class="card-header">
						<h3 class="card-title">{$lang.category_personal}</h3>
					</div>
					<div class="card-body">
					<form name="create_account" id="create_account" class="form-horizontal" action="{html_get_link}" method="POST" role="form">
						<fieldset>
							<input type="hidden" name="action" value="process">
							<input type="hidden" name="content" value="{$filename.create_account}">	
						{if $mySystem.sed}
							<input type="hidden" name="{$mySystem.session_name}" value="{$mySystem.session_id}">
							<input type="hidden" name="formid" value="{$mySystem.formid}">
						{/if}
						{if $smarty.const.ACCOUNT_GENDER eq 'true'}
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="gender">{$lang.entry_gender} *</label>
								<div class="col-sm-5">
									<input type="radio" id="gender" name="gender" value="m" required> {$lang.male} <input type="radio" id="gender" name="gender" value="f" required> {$lang.female}
								</div>						
							</div>
						{/if}				
						
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="firstname">{$lang.entry_first_name} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.firstname}" class="form-control" id="firstname" name="firstname" placeholder="{$lang.entry_first_name}" required>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="lastname">{$lang.entry_last_name} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.lastname}" class="form-control" id="lastname" name="lastname" placeholder="{$lang.entry_last_name}" required>
								</div>
							</div>
						{if $smarty.const.ACCOUNT_DOB eq 'true'}
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="dob">{$lang.entry_date_of_birth} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.dob}" class="form-control" id="dob" name="dob" placeholder="{$lang.entry_date_of_birth_text}" required>
								</div>
							</div>
						{/if}
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="email_address">{$lang.entry_email_address} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.email_address}" class="form-control" id="email_address" name="email_address" placeholder="{$lang.entry_email_address}" required>
								</div>
							</div>							
						
						{if $smarty.const.ACCOUNT_COMPANY eq 'true'}
						<hr />
						<h3>{$lang.category_company}</h3>
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="company">{$lang.entry_company}</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.company}" class="form-control" id="company" name="company" placeholder="{$lang.entry_company}" >
								</div>
							</div>
												
							{if $smarty.const.ACCOUNT_OWNER eq 'true'}
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="company">{$lang.entry_owner}</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.owner}" class="form-control" id="owner" name="owner" placeholder="{$lang.entry_owner}" />
								</div>
							</div>
							{/if}

							{if $smarty.const.ACCOUNT_VAT_ID eq 'true'}
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="company">{$lang.entry_vat_id}</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.vat_id}" class="form-control" id="vat_id" name="vat_id" placeholder="{$lang.entry_vat_id}" />
								</div>
							</div>
							{/if}							
						{/if}
							<hr />	
							<h3>{$lang.category_address}</h3>
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="street_address">{$lang.entry_street_address} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.street_address}" class="form-control" id="street_address" name="street_address" placeholder="{$lang.entry_street_address}" required>
								</div>
							</div>
																
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="postcode">{$lang.entry_post_code} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.postcode}" class="form-control" id="postcode" name="postcode" placeholder="{$lang.entry_post_code}" required>
								</div>
							</div>	

							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="city">{$lang.entry_city} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.city}" class="form-control" id="city" name="city" placeholder="{$lang.entry_city}" required>
								</div>
							</div>
							
						{if $smarty.const.ACCOUNT_STATE eq 'true'}
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="state">{$lang.entry_state} *</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.state}" class="form-control" id="state" name="state" placeholder="{$lang.entry_state}" required> 
								</div>
							</div>
						{/if}
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="country">{$lang.entry_country} *</label>
								<div class="col-sm-5">
									{oos_get_country_list name=country selected=$account.entry_country_id}
								</div>
							</div>
						{if $smarty.const.ACCOUNT_TELEPHONE eq 'true'}	
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="telephone">{$lang.entry_telephone_number}</label>
								<div class="col-sm-5">
									<input type="text" value="{$smarty.post.telephone}" class="form-control" id="telephone" name="telephone" placeholder="{$lang.entry_telephone_number}" >
								</div>
							</div>
						{/if}
						{if $smarty.const.CUSTOMER_NOT_LOGIN eq 'false'}
							<hr />
							<h3>{$lang.category_password}</h3>
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="password">{$lang.entry_password} *</label>
								<div class="col-sm-5">
									<input type="password" value="{$smarty.post.password}" class="form-control" id="password" name="password" placeholder="{$lang.entry_password}" required>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-4 form-control-label" for="confirmation">{$lang.entry_password_confirmation} *</label>
								<div class="col-sm-5">
									<input type="password" value="{$smarty.post.confirmation}" class="form-control" id="confirmation" name="confirmation" placeholder="{$lang.entry_password_confirmation}" required>
								</div>
							</div>
						{/if}

							<div class="form-check">
								<div class="col-sm-5 col-sm-offset-4">
									<div class="checkbox">
										<label class="checkbox m-0">
											<input type="checkbox" class="form-check-input" id="agree" name="agree" value="yes" required>{$login_agree}
										</label>
									{if $smarty.const.NEWSLETTER eq 'true'}
										<label class="checkbox m-0">
											<input type="checkbox" class="form-check-input" id="agree" name="newsletter" value="yes">{$lang.newsletter_agree}
										</label>
									{/if}
									</div>
								</div>
							</div>							
							<hr />							
							</fieldset>
							<div class="form-group">
								<div class="col-sm-9 col-sm-offset-4">
									<button type="submit" class="btn btn-primary"><i class="fa fa-check" aria-hidden="true"></i> {$lang.button_register}</button>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!-- end REGISTER -->
				</div>
			</div>
		</div>
	</div>
</section>	
{include file="phoenix/system/_footer.html"}