<div id="globalcss">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{openzc:define.HEADING_TITLE/}</title>
{openzc:include filename="system/common/css.tpl"/}
</head>
<body>
<div class="container">
	  
	  <form action="{openzc:link name='FILENAME_CREATE_ACCOUNT'/}" method="post">
	  <input type="hidden" name="securityToken" value="{openzc:field.securityToken/}"/>
	  <input type="hidden" name="action" value="process"/>
	  <input type="hidden" name="email_pref_html" value="email_format"/>
	  <div class="columns">
		<div class="column">
			<section class="section">
			<div class="block-title subtitle is-4 is-spaced">{openzc:define.HEADING_TITLE/}</div>
				{openzc:if ACCOUNT_GENDER == 'true'}
				<div class="field">
					<label class="label">{openzc:define.ENTRY_GENDER/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_GENDER_TEXT/}</span></label>
				  <div class="control">
					<label class="radio">
					  <input type="radio" name="gender" value="m" checked="">
					  {openzc:define.MALE/}
					</label>
					<label class="radio">
					  <input type="radio" name="gender" value="f">
					  {openzc:define.FEMALE/}
					</label>
				  </div>
				  {openzc:if isset($create_account_error['gender'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['gender']"/}</p>
				  {/openzc:if}
				</div>
				{/openzc:if}
				{openzc:if ACCOUNT_COMPANY == 'true'}
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_COMPANY/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_COMPANY_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['company'])}is-danger{/openzc:if}" type="text" name="company" placeholder="{openzc:define.ENTRY_COMPANY/}">
				  </div>
				  {openzc:if isset($create_account_error['company'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['company']"/}</p>
				  {/openzc:if}
				</div>
				{/openzc:if}
				<div class="columns">
				<div class="field column">
				  <label class="label">{openzc:define.ENTRY_FIRST_NAME/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_FIRST_NAME_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['firstname'])}is-danger{/openzc:if}" type="text" name="firstname" placeholder="{openzc:define.ENTRY_FIRST_NAME/}">
				  </div>
				  {openzc:if isset($create_account_error['firstname'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['firstname']"/}</p>
				  {/openzc:if}
				</div>
				
				<div class="field column">
				  <label class="label">{openzc:define.ENTRY_LAST_NAME/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_LAST_NAME_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['lastname'])}is-danger{/openzc:if}" type="text" name="lastname" placeholder="{openzc:define.ENTRY_LAST_NAME/}">
				  </div>
				  {openzc:if isset($create_account_error['lastname'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['lastname']"/}</p>
				  {/openzc:if}
				</div>
				</div>
				
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_STREET_ADDRESS/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_STREET_ADDRESS_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['street_address'])}is-danger{/openzc:if}" type="text" name="street_address" placeholder="{openzc:define.ENTRY_STREET_ADDRESS/}">
				  </div>
				  {openzc:if isset($create_account_error['street_address'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['street_address']"/}</p>
				  {/openzc:if}
				</div>
				{openzc:if ACCOUNT_SUBURB == 'true'}
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_SUBURB/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_SUBURB_TEXT/}</span></label>
				  <div class="control">
					<input class="input" type="text" name="suburb" placeholder="{openzc:define.ENTRY_SUBURB/}">
				  </div>
				</div>
				{/openzc:if}
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_CITY/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_CITY_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['city'])}is-danger{/openzc:if}" type="text" name="city" placeholder="{openzc:define.ENTRY_CITY/} {openzc:define.ENTRY_CITY_TEXT/}">
				  </div>
				  {openzc:if isset($create_account_error['city'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['city']"/}</p>
				  {/openzc:if}
				</div>
				
				<div class="columns mt-5">
					<div class="field column">
					  <label class="label">{openzc:define.ENTRY_COUNTRY/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_COUNTRY_TEXT/}</span></label>
					  <div class="control">
						<div class="select is-fullwidth {openzc:if isset($create_account_error['country'])}is-danger{/openzc:if}">
						  <select name="zone_country_id" class="openzc-select" data-action="getState" data-reload="create_account_state">
							  {openzc:var name="$countries"}
								<option value="[field:id/]" {openzc:if $field['status']=="active"}selected=""{/openzc:if}>[field:text/]</option>
							  {/openzc:var}
						  </select>
						</div>
					  </div>
					  {openzc:if isset($create_account_error['country'])}
					  <p class="help is-danger">{openzc:var name="$create_account_error['country']"/}</p>
					  {/openzc:if}
					</div>
					<div class="field column">
					{openzc:ajax filename="create_account_state"}
					{openzc:if ACCOUNT_STATE == 'true'}
						{openzc:if $flag_show_pulldown_states == true && count($states)>1}
						
						  <label class="label">{openzc:define.ENTRY_STATE/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_STATE_TEXT/}</span></label>
						  <div class="control">
							<div class="select is-fullwidth {openzc:if isset($create_account_error['state'])}is-danger{/openzc:if}">
							  <select name="zone_id">
								{openzc:var name="$states"}
									<option value="[field:id/]" {openzc:if $field['status']=="active"}selected=""{/openzc:if}>[field:text/]</option>
								{/openzc:var}
							  </select>
							</div>
						  </div>
						
						{else}
						
							<label class="label">{openzc:define.ENTRY_STATE/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_STATE_TEXT/}</span></label>
						  	<div class="control">
								<input class="input {openzc:if isset($create_account_error['state'])}is-danger{/openzc:if}" type="text" name="state" placeholder="{openzc:define.ENTRY_STATE/} {openzc:define.ENTRY_STATE_TEXT/}">
							</div>
						
						{/openzc:if}
						<input type="hidden" name="zone_id" value="{openzc:var name='$zone_name'/}"/>
					{/openzc:if}
					{/openzc:ajax}
						{openzc:if isset($create_account_error['state'])}
						<p class="help is-danger">{openzc:var name="$create_account_error['state']"/}</p>
						{/openzc:if}
						</div>
					<div class="field column">
					  <label class="label">{openzc:define.ENTRY_POST_CODE/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_POST_CODE_TEXT/}</span></label>
					  <div class="control">
						<input class="input {openzc:if isset($create_account_error['postcode'])}is-danger{/openzc:if}" type="text" name="postcode" placeholder="{openzc:define.ENTRY_POST_CODE/} {openzc:define.ENTRY_POST_CODE_TEXT/}">
					  </div>
					  {openzc:if isset($create_account_error['postcode'])}
					  <p class="help is-danger">{openzc:var name="$create_account_error['postcode']"/}</p>
					  {/openzc:if}
					</div>
				</div>
				
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_TELEPHONE_NUMBER/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_TELEPHONE_NUMBER_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['telephone'])}is-danger{/openzc:if}" type="text" name="telephone" placeholder="{openzc:define.ENTRY_TELEPHONE_NUMBER/} {openzc:define.ENTRY_TELEPHONE_NUMBER_TEXT/}">
				  </div>
				  {openzc:if isset($create_account_error['telephone'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['telephone']"/}</p>
			      {/openzc:if}
				</div>
				{openzc:if ACCOUNT_FAX_NUMBER == 'true'}
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_FAX_NUMBER/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_FAX_NUMBER_TEXT/}</span></label>
				  <div class="control">
					<input class="input" type="text" name="fax" placeholder="{openzc:define.ENTRY_FAX_NUMBER/} {openzc:define.ENTRY_FAX_NUMBER_TEXT/}">
				  </div>
				</div>
				{/openzc:if}
				{openzc:if ACCOUNT_DOB == 'true'}
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_DATE_OF_BIRTH/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_DATE_OF_BIRTH_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['dob'])}is-danger{/openzc:if}" type="text" name="dob" placeholder="{openzc:define.ENTRY_DATE_OF_BIRTH/} {openzc:define.ENTRY_DATE_OF_BIRTH_TEXT/}">
				  </div>
				  {openzc:if isset($create_account_error['dob'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['dob']"/}</p>
			      {/openzc:if}
				</div>
				{/openzc:if}
				</section>
		</div>
		<div class="column">
			<section class="section">
			<div class="block-title subtitle is-4 is-spaced">Sign-In Information</div>
				{openzc:if $display_nick_field == true}
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_NICK/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_NICK_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['nick'])}is-danger{/openzc:if}" type="text" name="nick" placeholder="{openzc:define.ENTRY_NICK/} {openzc:define.ENTRY_NICK_TEXT/}">
				  </div>
				  {openzc:if isset($create_account_error['nick'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['nick']"/}</p>
			      {/openzc:if}
				</div>
				{/openzc:if}
				<div class="field">
				  <label class="label">{openzc:define.ENTRY_EMAIL_ADDRESS/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_EMAIL_ADDRESS_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['email_address'])}is-danger{/openzc:if}" name="email_address" type="email" placeholder="{openzc:define.ENTRY_EMAIL_ADDRESS/} {openzc:define.ENTRY_EMAIL_ADDRESS_TEXT/}">
				  </div>
				  {openzc:if isset($create_account_error['email_address'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['email_address']"/}</p>
			      {/openzc:if}
				</div>
				<div class="field mt-5">
				  <label class="label">{openzc:define.ENTRY_PASSWORD/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_PASSWORD_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['password'])}is-danger{/openzc:if}" type="password" name="password" placeholder="{openzc:define.ENTRY_PASSWORD/}">
				  </div>
				  {openzc:if isset($create_account_error['password'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['password']"/}</p>
			      {/openzc:if}
				</div>
				<div class="field mt-5">
				  <label class="label">{openzc:define.ENTRY_PASSWORD_CONFIRMATION/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_PASSWORD_CONFIRMATION_TEXT/}</span></label>
				  <div class="control">
					<input class="input {openzc:if isset($create_account_error['confirmation'])}is-danger{/openzc:if}" type="password" name="confirmation" placeholder="{openzc:define.ENTRY_PASSWORD_CONFIRMATION/}">
				  </div>
				  {openzc:if isset($create_account_error['confirmation'])}
				  <p class="help is-danger">{openzc:var name="$create_account_error['confirmation']"/}</p>
			      {/openzc:if}
				</div>
				{openzc:if ACCOUNT_NEWSLETTER_STATUS != 0}
				<div class="field mt-5">
				  <div class="control">
					<label class="checkbox">
					  <input type="checkbox" name="newsletter" value="1">
					  {openzc:define.ENTRY_NEWSLETTER/} {openzc:define.ENTRY_NEWSLETTER_TEXT/}
					</label>
				  </div>
				</div>
				{/openzc:if}
				<div class="field">
				  <div class="control">
					<label class="radio">
					  <input type="radio" name="email_format" value="HTML" checked="">
					  {openzc:define.ENTRY_EMAIL_HTML_DISPLAY/}
					</label>
					<label class="radio">
					  <input type="radio" name="email_format" value="TEXT">
					  {openzc:define.ENTRY_EMAIL_TEXT_DISPLAY/}
					</label>
				  </div>
				</div>
				{openzc:if CUSTOMERS_REFERRAL_STATUS == 2}
				<div class="field">
					<label class="label">{openzc:define.ENTRY_CUSTOMERS_REFERRAL/}</label>
				  <div class="control">
					<input class="input" name="customers_referral" type="text" placeholder="{openzc:define.ENTRY_CUSTOMERS_REFERRAL/}">
				  </div>
				</div>
				{/openzc:if}
				<div class="field level is-mobile mt-4">
					<div class="control level-left">
					<button class="button is-link is-outlined"><i class="far fa-check-circle"></i>&nbsp;&nbsp;{openzc:define.BUTTON_SUBMIT_ALT/}</button>
					</div>
					<p class="level-right"><a class="button " href="{openzc:link name='FILENAME_BACK'/}"><i class="fas fa-reply"></i>&nbsp;&nbsp;{openzc:define.BUTTON_BACK_ALT/}</a></p>
				</div>
			</section>
	    </div>
		
	  </div>
		  </form>
</div>
</body>
{openzc:include filename="system/common/js.tpl"/}
</html>
</div>