Manager

Back Back Up Advanced Editor

<?php

?>      
       
       
        
        <section class="pad100">
            <div class="container">
                <div class="row">
                    <div class="section-title text-center">
                        <h3>Multiple Team Registration</h3>
                    </div>
                </div>
                                   
                                   
                                    <div class="row">
                						<form id="contactForm" action="<?php echo base_url()."home/add_organizer"?>" class="contact-form" method="post" role="form">
                							<div class="col-md-6">
                        						<div class="messages" style="padding-bottom: 10px; text-align: center;"><h4>Employer Information</h4></div>
                       								 <div class="controls">
                            							<div class="row">
							                                <div class="col-md-12">
							                                    <div class="form-group">
							                                    	<label class="control-label" for="employer_name"><?php _e("Employer Name"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="employer_name" type="text" maxlength="100" name="employer_name" class="form-control" placeholder="Employer Name *" required="required" data-error="Employer Name is required.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="employer_name_err" class="help-block with-errors"></div>
							                                    </div>
							                                    
														      <div class="form-group">
														      	<label class="control-label" for="role"><?php _e("Type"); ?></label>
													      			<select name="employer_type" id="employer_type" class="form-control"> 
																		<option value="S">State & Federal Govt</option>
																		<option value="C">Corporation & Businesses</option>
																		<option value="N">Nonprofit & Local</option>
																		<option value="O">Open</option>
																	</select>		      	
														     </div>	
														     <div class="form-group">
							                                    	<label class="control-label" for="employer_address"><?php _e("Street Address"); ?></label>
							                                        <input id="employer_address" type="text" maxlength="150" name="employer_address" class="form-control" placeholder="Street Address *" required="required" data-error="Employer Street Address is required.">
							                                        <div id="employer_address_err" class="help-block with-errors"></div>
							                                 </div>
							                                 
							                                 <div class="form-group">
							                                    	<label class="control-label" for="employer_city"><?php _e("City"); ?></label>
							                                        <input id="employer_city" type="text" maxlength="50" name="employer_city" class="form-control" placeholder="City *" required="required" data-error="Employer City is required.">
							                                        <div id="employer_city_err" class="help-block with-errors"></div>
							                                 </div>
							                                 
														      <div class="form-group">
														      	<label class="control-label" for="role"><?php _e("State"); ?></label>
													      			<select name="employer_state" id="employer_state"  class="form-control"> 
																		<option value="AL" >Alabama</option>
																		<option value="AK">Alaska</option>
																		<option value="AZ">Arizona</option>
																		<option value="AR">Arkansas</option>
																		<option value="CA">California</option>
																		<option value="CO">Colorado</option>
																		<option value="CT">Connecticut</option>
																		<option value="DE">Delaware</option>
																		<option value="DC">District Of Columbia</option>
																		<option value="FL">Florida</option>
																		<option value="GA">Georgia</option>
																		<option value="HI">Hawaii</option>
																		<option value="ID">Idaho</option>
																		<option value="IL">Illinois</option>
																		<option value="IN">Indiana</option>
																		<option value="IA">Iowa</option>
																		<option value="KS">Kansas</option>
																		<option value="KY">Kentucky</option>
																		<option value="LA">Louisiana</option>
																		<option value="ME">Maine</option>
																		<option value="MD">Maryland</option>
																		<option value="MA">Massachusetts</option>
																		<option value="MI">Michigan</option>
																		<option value="MN">Minnesota</option>
																		<option value="MS">Mississippi</option>
																		<option value="MO">Missouri</option>
																		<option value="MT">Montana</option>
																		<option value="NE">Nebraska</option>
																		<option value="NV">Nevada</option>
																		<option value="NH">New Hampshire</option>
																		<option value="NJ">New Jersey</option>
																		<option value="NM">New Mexico</option>
																		<option value="NY">New York</option>
																		<option value="NC">North Carolina</option>
																		<option value="ND">North Dakota</option>
																		<option value="OH">Ohio</option>
																		<option value="OK">Oklahoma</option>
																		<option value="OR">Oregon</option>
																		<option value="PA">Pennsylvania</option>
																		<option value="RI">Rhode Island</option>
																		<option value="SC">South Carolina</option>
																		<option value="SD">South Dakota</option>
																		<option value="TN">Tennessee</option>
																		<option value="TX">Texas</option>
																		<option value="UT">Utah</option>
																		<option value="VT" selected>Vermont</option>
																		<option value="VA">Virginia</option>
																		<option value="WA">Washington</option>
																		<option value="WV">West Virginia</option>
																		<option value="WI">Wisconsin</option>
																		<option value="WY">Wyoming</option>
																	</select>		      	
														     </div>	
														     <div class="form-group">
							                                    	<label class="control-label" for="employer_zip"><?php _e("ZIP Code"); ?></label>
							                                        <input id="employer_zip" pattern="[0-9]{5}" maxlength="5" name="employer_zip" class="form-control" placeholder="ZIP Code *" required="required" data-error="Please enter only digits with 5 characters">
							                                        <div id="employer_zip_err" class="help-block with-errors"></div>
							                                 </div>
							                                 
				                                    
							                                </div>
                           								</div>
                       							    </div>
               							 </div>
                						<div class="col-md-6">
                        						<div class="messages" style="padding-bottom: 10px; text-align: center;"><h4>Organizer Information</h4></div>
                       								 <div class="controls">
                            							<div class="row">
							                                <div class="col-md-12">
															    <div class="form-group">
							                                    	<label class="control-label" for="organizer_name"><?php _e("Organizer's Full Name"); ?></label>
							                                        <input style="margin-bottom: 0px !important;" id="organizer_name" type="text" maxlength="100" autocomplete="off" name="organizer_name" class="form-control" placeholder="Organizer's Full Name *" required="required" data-error="Organizer's Full Name is required.">
							                                        <div class="help-block with-errors" ></div><div id="check_team_name" style="color: #a94442;"></div>
							                                        <input type="hidden" name="email_exists" id="email_exists" value="N">
							                                        <input type="hidden" name="team_exists" id="team_exists" value="N">
							                                        <input type="hidden" name="isNewEmployer" id="isNewEmployer" value="N">
							                                    </div>
							                                    <div class="form-group">
							                                    	<label class="control-label" for="organizer_email"><?php _e("Email Address"); ?></label>
							                                        <input id="form_email" type="email" autocomplete="off" name="organizer_email" class="form-control" placeholder="Email Address *" required="required" data-error="Valid email is required.">
							                                        <div class="help-block with-errors"></div><div id="check_org_email" style="color: #a94442;"></div>
							                                    </div>
							                                    <div class="form-group">
							                                    	<label class="control-label" for="con_organizer_email"><?php _e("Confirm Email Address"); ?></label>
							                                        <input id="con_organizer_email" type="text" autocomplete="off" name="con_organizer_email" class="form-control" placeholder="Confirm Email Address *" data-error="Confirm Email Address is required.">
							                                        <div id="confirm_email" style="color: #a94442;"></div>
							                                    </div>
							                                    <div class="form-group">
							                                    	<label class="control-label" for="password"><?php _e("Password"); ?></label>
							                                        <input id="password" type="password" maxlength="32" name="password" class="form-control" placeholder="Password *" required="required" data-error="Password is required.">
							                                        <div class="help-block with-errors"></div><div id="divPassLen" style="color: #a94442;"></div>
							                                    </div>
							                                    <div class="form-group">
							                                    	<label class="control-label" for="c_password"><?php _e("Confirm Password"); ?></label>
							                                        <input id="c_password" type="password" maxlength="32" name="c_password" class="form-control" placeholder="Confirm Password *" data-error="Confirm Password is required.">
							                                        <div class="help-block with-errors"></div><div id="divCheckPasswordMatch" style="color: #a94442;"></div>
							                                    </div>
							                                    <div class="form-group">
																	<div class="g-recaptcha" data-callback="recaptchaCallback" style="transform:scale(.77);-webkit-transform:scale(.77);transform-origin:0 0;-webkit-transform-origin:0 0;" data-sitekey="6Le5OjwUAAAAADSA1l5jTeYjomg8GtKov8t29QIB"></div>
																	<div id="captcha_msg" style="color: #a94442;"></div>
																</div>
							                                    
							                                </div>
                           								</div>

</div>   
                       					</div>
			                            <div class="row">
				                            
			                                <div class="col-md-12" style="text-align: center;">
			                                	<input type="submit" id="submit_btn" class="btn btn-primary" value="Submit">
			                                </div>
			                            </div>                       					
                   					</form>
               					</div>
            </div>
        </section>

<section class="">
            <div class="container">
                <div class="row">
					<div class="col-md-12 mb30">
                        <div class="section-title left mb50">
                        	<h3 style="font-size: 34px;">Note</h3>
                        </div>
                        	<ul class="fa-ul">
							  <li><i class="fa-li fa fa-check-square"></i>If your team participates with a substitute or any other changes that should have been reported prior to May 8, 2017 at Midnight, your team will automatically be disqualified.</li>
							  <li><i class="fa-li fa fa-check-square"></i>Each Team Member MUST Sign the Registration Form.</li>
							  <li><i class="fa-li fa fa-check-square"></i>All qualified teams must consist of 3 persons. If less than 3, the team will not be eligible for an award.</li>
							  <li><i class="fa-li fa fa-check-square"></i>All members on a team must be all walkers or runners not combined.</li>
							  <li><i class="fa-li fa fa-check-square"></i>The age of each participant must be at least 16 years old (with parental permission if age = 16 or 17).</li>
							  <li><i class="fa-li fa fa-check-square"></i>All members on a team must be employees, part or full time or retirees of the same employer.</li>
							  <li><i class="fa-li fa fa-check-square"></i>If you work for the State of Vermont then your team must consist of individuals from the same Agency. </li>
							  <li><i class="fa-li fa fa-check-square"></i>A violation of any of the above rules will result in disqualification of your team.</li>
							</ul>
							<a href="#" class="btn btn-primary mt20">View Info & rules</a>
                    </div> 
                </div>
            </div>
        </section>

$("#form_email").keyup(function(){
			$.ajax({
			type: "POST",
			url: "<?php echo base_url()?>home/checkOrgEmail",
			data:'oemail='+$(this).val(),
			success: function(data3){
				$("#check_team_email").show();
				if(data3=='Y'){
					$("#check_org_email").html("<p>Email Already Exists!</p>");
					$("#email_exists").val('Y');
				}
				if(data3=='N'){
					$("#check_org_email").html("");
					$("#email_exists").val('N');
				}
				
			}
			});
		});				
	});

$('#contactForm').submit(function() {
		var recaptcha = $("#g-recaptcha-response").val();
	    if ($.trim($("#team_exists").val()) == "Y" || $.trim($("#email_exists").val()) == "Y" || recaptcha === "") {
	        alert('Please Check your inputs!');
	        $("#captcha_msg").html("<p>Please check the recaptcha</p>");
	        return false;
	    }else{
	    	$body = $("body");
	    	$body.addClass("loading");
	    	return true;
		    }
	});	
	function recaptchaCallback() {
		$("#captcha_msg").hide();
	};

//http://jsfiddle.net/rpP4K/
	 //http://stackoverflow.com/questions/9717588/checking-password-match-while-typing
	 function checkPasswordMatch() {
		    var password = $("#password").val();
		    var confirmPassword = $("#c_password").val();

if (password != confirmPassword)
		        $("#divCheckPasswordMatch").html("Passwords do not match!");
		    else
		        $("#divCheckPasswordMatch").html("");
		}

function checkPasswordLength() {
		    var password = $("#password").val().length;
		    if (password < 8){
		        	$("#divPassLen").html("Password must be at least 8 characters long!");
		        }
		    else
		        $("#divPassLen").html("");
		}

function checkEmailMatch() {
		    var email = $("#form_email").val();
		    var confirmEmail = $("#con_organizer_email").val();

if (email != confirmEmail)
		        $("#confirm_email").html("Email do not match!");
		    else
		        $("#confirm_email").html("");
		}	
</script>