﻿<div id="divOnBoarding">
	<div class="welcome-text">Welcome!  We just need a few more details to get you all set up.</div>
	<div class="details">
		<div class="profile-img">
			<img class="image" src="<%:SAL.ContentDelivery.getImageUrl({ "url": profileImage, "size": "profileImage", "formatConversion": "png" }) %>"/>
			<span class="profile-image-edit"></span>
		</div>
	</div>
	<div class="main-section">
		<div class="form-field-container mobile-number-container">
			<label class="label" for="txtPhone">Mobile Number</label>
			<div class="mobile-area-code">+64</div>
			<input id="txtPhone" class="field-input" name="mobileNumber" placeholder="" type="tel" value=""/>
		</div>
		<div class="form-field-container password hidden">
			<label class="label" for="txtNewPassword">New Password</label>
			<input type="password" id="txtNewPassword" class="field-input" />
		</div>
		<div class="form-field-container password hidden">
			<label class="label" for="txtConfirmNewPassword">Confirm New Password</label>
			<input type="password" id="txtConfirmNewPassword" class="field-input"/>
		</div>
		<div class="form-field-container checkbox hidden">
			<label class="label checkbox">I confirm that I have read, understood and agree to be bound to our <a class="privacy-policy">Privacy Policy</a> and your <a class="view-contract">Contract</a></label>
			<input id="checkboxAcceptContract" type="checkbox" class="checkbox"/>
		</div>
	</div>
</div>