<?php
/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/**
 * Profile Manager:
 * This view will allow user to create profile 
 * 		includes validation
 * 
 * This depends on the access granted by underlying directory service
 */
$module = App::Get()->loadModule();

?>

<script type="text/javascript">

	$(document).ready(function() {
		// validate signup form on keyup and submit
		var validator = $("#signupform").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			username: {
				required: true,
				minlength: 2,
			},
			password: {
				required: true,
				minlength: 5
			},
			password_confirm: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true,
			}
		},
		messages: {
			firstname: "Enter your firstname",
			lastname: "Enter your lastname",
			username: {
				required: "Enter a username",
				minlength: jQuery.format("Enter at least {0} characters"),
			},
			password: {
				required: "Provide a password",
				rangelength: jQuery.format("Enter at least {0} characters")
			},
			password_confirm: {
				required: "Repeat your password",
				minlength: jQuery.format("Enter at least {0} characters"),
				equalTo: "Enter the same password as above"
			},
			email: {
				required: "Please enter a valid email address",
				minlength: "Please enter a valid email address",
			},
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});
	
	// propose username by combining first- and lastname
	$("#username").focus(function() {
		var firstname = $("#firstname").val();
		var lastname = $("#lastname").val();
		if(firstname && lastname && !this.value) {
			this.value = firstname + "." + lastname;
		}
	});

});
</script>
	
	<div class="breadcrumbs">
		<a href="<?php echo SITE_ROOT?>/">Home</a>
	</div>
	
    <div class='span-22 append-1 prepend-1 last' id='profile_container'>
    	<h1>Obtaining Access</h1>

		<br class="space"/>
		
 		<fieldset id='profile_fieldset'>
		<form id="signupform" autocomplete="off" method="post" action="<?php echo $module->moduleRoot?>/access.do">
	    	<br class="space"/>

	    	<div class="span-4 prepend-1">
	    		<label for="firstname">First Name</label>
	    	</div>
	    	<div class="span-15">
	    		<input class="profile_input" id="firstname" name="firstname" type="text" value="" maxlength="100" />
	    	</div>
	    	
	    	<br class="space"/>
	    	
	    	<div class="span-4 prepend-1">
	    		<label for="lastname">Last Name</label>
	    	</div>
	    	<div class="span-15">
	    		<input class="profile_input" id="lastname" name="lastname" type="text" value="" maxlength="100" />
	    	</div>
	    	
	    	<br class="space"/>
	    	
	    	<div class="span-4 prepend-1">
	    		<label for="username">Desired Login Name</label>
	    	</div>
	    	<div class="span-15">
	    		<input class="profile_input" id="username" name="username" type="text" value="" maxlength="50" />
	    	</div>

	    	<br class="space"/>
	    	
	    	<div class="span-4 prepend-1">
	    		<label for="email">Email</label>
	    	</div>
	    	<div class="span-15">
	    		<input class="profile_input" id="email" name="email" type="text" value="" maxlength="150" />
	    	</div>
	    		
    		<br class="space"/>
    		<br class="space"/>
    		    	
        	<div class="span-4 prepend-1">
        		<label for="password">Choose a password</label>
	    	</div>
	    	<div class="span-15">
	    		<input class="profile_input" id="password" name="password" type="password" maxlength="50" value="" />
	    	</div>
	    	
	    	<br class="space"/>
	    	
	    	<div class="span-4 prepend-1">
	    		<label for="password_confirm">Confirm password</label>
	    	</div>
	    	<div class="span-15">
	    		<input class="profile_input" id="password_confirm" name="password_confirm" type="password" maxlength="50" value="" />
	    	</div>
	    	
	    	<br class="space"/>
	    	<br class="space"/>
	    	
	    	<div class="span-10" align="center">
	    		<input class="profile_input" id="button_new_account" type="submit" value="Submit">
    		</div>

			<br class="space"/>
    	</form>
    	</fieldset>
    </div>


<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2623402-1";
urchinTracker();
</script>