<?php include("user_func.php"); ?>
<script src="<?php SableGeneralFunctions::printModuleJS('user'); ?>"></script>
<?php //echo(getLegalModalBox()); ?>
<!--// User -->
<form id="frmUserJoin" name="frmUserJoin" autocomplete="on">
    <div class="forms user-join_">
        <!--// SPACER -->
        <div class="container">

            <div class="row forms-grids">
                <div class="col-md-12 forms-grid">
                    <h3>&nbsp;</h3>
                   	<p></p>
                </div>
             </div>   
             <!-- SPACER //-->
             <div class="row forms-grids">
                <div class="col-md-12 forms-grid">
                    <h3 class="header"><i class="fa fa-user-check" aria-hidden="true"></i>&nbsp;Customer Registration</h3>
                    <p></p>
                </div>                
                <p></p>
             </div>
              
             <!--// Name & Surname -->   
            <div class="row forms-grids">
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtName" type="text" id="edtName" onfocus="showHint('edtName');" onblur="hideHint('edtName'); 
                    validate_edtName()" placeholder="Name" onkeypress="handleEnter(this, event)" />
                    <label class="fieldHint hintUnder" id="hint_edtName">First Name</label>
                </div>                
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtSurname" type="text" id="edtSurname" onfocus="showHint('edtSurname');" onblur="hideHint('edtSurname');
                    validate_edtSurname()" placeholder="Surname" onkeypress="handleEnter(this, event)" />
                	<label class="fieldHint hintUnder" id="hint_edtSurname">Surname</label>
                </div>                  
            </div>
            
             <!--// Email -->   
            <div class="row forms-grids">
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtEmail" type="email" id="edtEmail" onfocus="showHint('edtEmail');" onblur="hideHint('edtEmail'); 
                    validate_edtEmail()" placeholder="Email" onkeypress="handleEnter(this, event)" />
                    <label class="fieldHint hintUnder" id="hint_edtEmail">Email Address</label>
                </div> 
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtBirthDate" type="date" id="edtBirthDate" onfocus="showHint('edtBirthDate'); validate_edtBirthDate();" 
                    onblur="hideHint('edtBirthDate');" placeholder="Birth Date" 
                    onkeypress="handleEnter(this, event)" />
                    <label class="fieldHint hintUnder" id="hint_edtBirthDate">Date of Birth</label>
                </div>                               
            </div>            

             <!--// Cell & Phone -->   
            <div class="row forms-grids">
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtCell" type="tel" id="edtCell" onfocus="showHint('edtCell');" onblur="hideHint('edtCell');
                    validate_edtCellPhone()" placeholder="Cell number" onkeypress="handleEnter(this, event)" />
                    <label class="fieldHint hintUnder" id="hint_edtCell">Cell Phone</label>
                </div>                
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtPhone" type="tel" id="edtPhone"
                    onfocus="showHint('edtPhone');" onblur="hideHint('edtPhone'); validate_edtCellPhone()"
                    placeholder="Work number" onkeypress="handleEnter(this, event)" />
                	<label class="fieldHint hintUnder" id="hint_edtPhone">Home/Work Phone</label>
                </div>                  
            </div>
            
             <!--// Password + Confirmation -->   
            <div class="row forms-grids">
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtPwd" type="password" id="edtPwd"
                    onfocus="showHint('edtPwd');" onblur="hideHint('edtPwd'); validate_edtPwd()"
                    placeholder="Password" onkeypress="handleEnter(this, event)" />
                    <label class="fieldHint hintUnder" id="hint_edtPwd">Password (optional)</label>
                </div>                
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <input name="edtConfirm" type="password" id="edtConfirm"
                    onfocus="showHint('edtConfirm');" onblur="hideHint('edtConfirm'); validate_edtConfirm()"
                    placeholder="Confirm password"	onkeypress="handleEnter(this, event)" />
                	<label class="fieldHint hintUnder" id="hint_edtConfirm">Confirm Password</label>
                </div>                  
            </div>
            
			<!--// Agree Checkbox -->
            <div class="row forms-grids">
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">						
                  	<label class="holder">I accept the <a class="link_contrast" href="<?php SableSystem::printSableLinkPath('legal/terms.php') ?>" target="new">Terms &amp; Conditions</a>
						<input name="cbAgree" type="checkbox" id="cbAgree" onfocus="showHint('cbAgree');" 
							onblur="hideHint('cbAgree')" class="holder" placeholder="Terms &amp; Conditions" />
						<span class="checkmark"></span>					
                    </label>				
                </div>
            </div>
			
			<!--// Agree Checkbox Hint -->
            <div class="row forms-grids">
                <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 forms-grid">
                    <div class="fieldHint hintUnder" id="hint_cbAgree"></div>
                </div>
            </div>            

            <div class="row forms-grids">
                <div class="col-md-2 forms-grid">
                    <input type="button" id="btnCancel" value="Cancel"
                    class="submit" onclick="window.location = '<?php echo(SABLE_URL_ROOT); ?>'"/>
                </div>
                <div class="col-md-2 forms-grid">
                    <input id="btnOk" type="button" onclick="joinUser()" value="Register" class="submit"/>
                </div>
            </div>
        </div>
    </div>
</form>
<!-- User //-->