add field in sign up form

login.html
{% extends "lib/templates/base.html" %}

{% block header %}
	<script>
		{% include "lib/templates/js/login.js" %}
	</script>
	{% include "lib/templates/css/login.css" %}
{% endblock %}

{% set title="Login" %}

{% block body %}
	<div class="container" id='login_wrapper'>
		<div class='layout-wrapper layout-main'>
			<p id="login_message" class="alert" style="display: none;"></p>
			<h3><i class="icon-lock" style="margin-top: 7px"></i> Login</h3>
			<form autocomplete="on">
				<table border="0" class="login-box">
					<tbody>
						<tr>
							<td style="text-align: right; padding: 3px;"
								id="login-label">Login Id</td>
							<td><input id="login_id" type="email" style="width: 180px"/></td>
						</tr>
						<tr id="password-row">
							<td style="text-align: right; padding: 3px;" >Password</td>
							<td><input id="password" type="password" style="width: 180px" /></td>
						</tr>
                                                <tr id="zone-name-row" style="display: none;">
                                                        <td style="text-align: right; padding: 3px;">Zone Name</td>
                                                        <td><input id="zone_name" type="text" style="width: 180px" /></td>
                                                </tr>

						<tr id="full-name-row" style="display: none;">
							<td style="text-align: right; padding: 3px;">Full Name</td>
							<td><input id="full_name" type="text" style="width: 180px" /></td>
						</tr>


						<tr>
							<td>&nbsp;</td>
							<td>
								<button type="submit" id="login_btn"
									class="btn btn-small btn-primary">Login</button>
								<img src="lib/images/ui/button-load.gif" id="login-spinner"
									style="display: none;">
							</td>
						</tr>
						</tbody>
				</table>
			</form>
			<br>
			<p style="text-align: center" id="forgot-wrapper">
				<a id="forgot-password" style="cursor:pointer"
				onclick="return login.show_forgot_password()">Forgot Password</a></p>
			<p style="text-align: center" id="sign-up-wrapper">
				New user? <a id="sign-up" style="cursor:pointer"
				onclick="return login.sign_up()">Sign Up</a></p>
		</div>
	</div>
	<div class="web-footer login-footer container">
		<a href="index.html">Home</a> |
			<a href="https://erpnext.com">ERPNext</a><br><br>
			{% if copyright %}
			<div class="web-footer-copyright">&copy; {{ copyright }}
			{% endif %}
	</div>

{% endblock %}


login .js

var login = {};

$(document).ready(function(wrapper) {
	$('#login_btn').click(login.do_login)

	$('#password').keypress(function(ev){
		if(ev.which==13 && $('#password').val()) {
			$('form').submit(function() {
				login.do_login();
				return false;
			});
		}
	});
	$(document).trigger('login_rendered');
})

// Login
login.do_login = function(){
    var args = {};
	if(window.is_sign_up) {
		args.cmd = "core.doctype.profile.profile.sign_up";
		args.email = $("#login_id").val();
	        args.full_name = $("#full_name").val();
                args.zone_name = $("#zone_name").val();
                if(!args.email || !valid_email(args.email) || !args.full_name) {
			login.set_message("Valid email and name required.");
			return false;
		}
	} else if(window.is_forgot) {
		args.cmd = "reset_password";
		args.user = $("#login_id").val();

		if(!args.user) {
			login.set_message("Valid Login Id required.");
			return false;
		}

	} else {
		args.cmd = "login"
	    args.usr = $("#login_id").val();
	    args.pwd = $("#password").val();

		if(!args.usr || !args.pwd) {
			login.set_message("Both login and password required.");
			return false;
		}
	}

	$('#login_btn').attr("disabled", "disabled");
	$("#login-spinner").toggle(true);
	$('#login_message').toggle(false);

	$.ajax({
		type: "POST",
		url: "server.py",
		data: args,
		dataType: "json",
		success: function(data) {
			$("input").val("");
			$("#login-spinner").toggle(false);
			$('#login_btn').attr("disabled", false);
			if(data.message=="Logged In") {
				window.location.href = "app.html";
			} else if(data.message=="No App") {
				window.location.href = "index";
			} else {
				login.set_message(data.message);
			}
		}
	})

	return false;
}

login.sign_up = function() {
	$("#login_wrapper h3").html("Sign Up");
	$("#login-label").html("Email Id");
        $("#password-row, #sign-up-wrapper, #login_message").toggle(false);
	$("#full-name-row").toggle(true);
        $("#zone-name-row").toggle(true);
	$("#login_btn").html("Register");
	$("#forgot-wrapper").html("<a onclick='location.reload()' href='#'>Login</a>")
	window.is_sign_up = true;
}

login.show_forgot_password = function() {
	$("#login_wrapper h3").html("Forgot");
	$("#login-label").html("Email Id");
	$("#password-row, #sign-up-wrapper, #login_message").toggle(false);
	$("#login_btn").html("Send Password");
	$("#forgot-wrapper").html("<a onclick='location.reload()' href='#'>Login</a>")
	window.is_forgot = true;
}

login.set_message = function(message, color) {
    $('#login_message').html(message).toggle(true);
}