<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 mb-5">
  <div class="block-title subtitle is-4 is-spaced mt-6 px-5 is-hidden-mobile">{openzc:define.HEADING_TITLE/}</div>
  <div class="columns mx-0">
    {openzc:include filename="system/account/account_nav.tpl"/}
    <div class="column ">
		<article class="message is-light">
			<div class="message-header"><p>{openzc:define.HEADING_TITLE/}</p></div>
			<div class="message-body px-4">
		{openzc:msg name="account_edit"/}
      	<form action="{openzc:link name='FILENAME_ACCOUNT_EDIT'/}" method="post">
			<input type="hidden" name="securityToken" value="{openzc:field.securityToken/}">
            <input type="hidden" name="action" value="process">
			{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" {openzc:if $male==true}checked=""{/openzc:if}>
					  {openzc:define.MALE/}
					</label>
					<label class="radio">
					  <input type="radio" name="gender" value="f" {openzc:if $female==true}checked=""{/openzc:if}>
					  {openzc:define.FEMALE/}
					</label>
				 </div>
				 
			</div>
			{/openzc:if}
			<div class="columns mb-0">
				<div class="field column mb-0">
					<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" type="text" name="firstname" placeholder="{openzc:define.ENTRY_FIRST_NAME/}" value="{openzc:account field='customers_firstname'/}">
					</div>
				</div>
				<div class="field column mb-0">
					<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" type="text" name="lastname" placeholder="{openzc:define.ENTRY_LAST_NAME/}" value="{openzc:account field='customers_lastname'/}">
					</div>
				</div>
			</div>
			{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" type="text" name="dob" placeholder="{openzc:define.ENTRY_DATE_OF_BIRTH/} {openzc:define.ENTRY_DATE_OF_BIRTH_TEXT/}" value="{openzc:account field='customers_dob'/}">
				</div>
			</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" name="email_address" type="email" placeholder="{openzc:define.ENTRY_EMAIL_ADDRESS/} {openzc:define.ENTRY_EMAIL_ADDRESS_TEXT/}" value="{openzc:account field='customers_email_address'/}">
				</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" type="text" name="telephone" placeholder="{openzc:define.ENTRY_TELEPHONE_NUMBER/} {openzc:define.ENTRY_TELEPHONE_NUMBER_TEXT/}" value="{openzc:account field='customers_telephone'/}">
				</div>
			</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/}" value="{openzc:account field='customers_fax'/}">
				</div>
			</div>
			{/openzc:if}
			{openzc:if CUSTOMERS_REFERRAL_STATUS == 2 and $customers_referral == ''}
			<div class="field">
				<label class="label">{openzc:define.ENTRY_CUSTOMERS_REFERRAL/}</label>
				<div class="control">
					<input class="input" type="text" name="customers_referral" placeholder="{openzc:define.ENTRY_CUSTOMERS_REFERRAL/}" value="{openzc:account field='customers_referral'/}">
				</div>
			</div>
			{/openzc:if}
			{openzc:if CUSTOMERS_REFERRAL_STATUS == 2 and $customers_referral != ''}
			<input type="hidden" name="customers_referral" value="{openzc:account field='customers_referral'/}"/>
			{/openzc:if}
			
			<div class="field">
				<label class="label">{openzc:define.ENTRY_EMAIL_PREFERENCE/}</label>
				<div class="control">
					<label class="radio">
						<input type="radio" name="email_format" value="HTML" {openzc:if $email_pref_html}checked=""{/openzc:if}>
					  	{openzc:define.ENTRY_EMAIL_HTML_DISPLAY/}
					</label>
					<label class="radio">
					  	<input type="radio" name="email_format" value="TEXT" {openzc:if $email_pref_text}checked=""{/openzc:if}>
					  	{openzc:define.ENTRY_EMAIL_TEXT_DISPLAY/}
					</label>
				</div>
			</div>
			<div class="field level is-mobile mt-5">
				<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_ACCOUNT'/}"><i class="fas fa-reply"></i>&nbsp;&nbsp;{openzc:define.BUTTON_BACK_ALT/}</a></p>
			</div>
		</form>
			</div>
		</article>
    </div>
  </div>
</div>
</body>
{openzc:include filename="system/common/js.tpl"/}
</html>
</div>