<h2>Account settings</h2>

<script type="text/javascript">

//<![CDATA[

var ssh_key_lengths = {json_encode value=$ssh_key_lengths};

//]]>

</script>

<script type="text/javascript" src="/res/md5.js"></script>

<script type="text/javascript" src="/res/base64.js"></script>

<script type="text/javascript" src="/res/user-create-form.js"></script>

<form method="post" class="form-horizontal" name="userCreateForm">

	<!-- Password change -->

	<div class="control-group">

		<label class="control-label">Change your password:</label>

		<div class="controls">

			<a class="btn btn-inverse" data-toggle="modal" href="#modal-pwchange">

				<i class="icon icon-white icon-refresh"></i>

				Change password

			</a>

		</div>

	</div>

	<!-- E-mail address -->

	<div class="control-group">

		<label class="control-label">E-mail address:</label>

		<div class="controls">

			<p>Enter an e-mail address if you want to be able to use password recovery.</p>

		</div>

	</div>

	<!-- SSH keys -->

	<div class="control-group">

		<label class="control-label">SSH keys:</label>

		<div class="controls put-ssh-keys-here">

			{if isset($userinfo['sshPublicKey'])}

				{foreach $userinfo['sshPublicKey'] as $sshKey}

					<div class="btn btn-warning ssh-key">

						<div class="pull-right">

							<a class="close">&times;</a>

						</div>

						{decode_ssh_key key=$sshKey out="decoded"}

						<span class="label"><span class="type">{$decoded['type']}</span> <span class="bits">{$decoded['bits']}</span>-bit</span>

						<span class="fingerprint">{$decoded['fingerprint']}</span>

						<input type="hidden" name="sshPublicKey[]" value="{$sshKey}" />

					</div>

				{/foreach}

			{/if}

			<a class="btn btn-success" data-toggle="modal" href="#modal-addssh">

				<i class="icon icon-white icon-plus"></i>

				Add SSH key

			</a>

		</div>

	</div>

	<div class="form-actions">

		<button name="action" value="profile-update" class="btn btn-primary">

			Save changes

		</button>

	</div>

</form>

<form method="post" class="form-horizontal" name="userResetForm">

<div class="modal hide fade" id="modal-pwchange">

	<div class="modal-header">

		<h3>Change password</h3>

	</div>

	<div class="modal-body">

		<p>It is best to log out of all websites and services before changing your password. </p>

		<div class="control-group unpadded-bottom">

			<label class="control-label">Old password:</label>

			<div class="controls">

				<p><input type="password" name="old_password" value="" placeholder="Old password" /></p>

			</div>

		</div>

		<div class="control-group unpadded-bottom">

			<label class="control-label">Password:</label>

			<div class="controls">

				<p><input type="password" name="password" value="" placeholder="Password" /></p>

				<p class="help-block compliance-status">Must meet

					<a onclick="window.open(this.href); return false;" href="/pw-strength">password security requirements</a>.</p>

			</div>

		</div>

		<div class="control-group">

			<div class="controls">

				<p><input type="password" name="password_confirm" value="" placeholder="Confirm password" /></p>

				<p class="help-block compliance-status"></p>

			</div>

		</div>

	</div>

	<div class="modal-footer">

		<button class="btn btn-inverse" name="action" value="change-password">

			<i class="icon icon-white icon-refresh"></i>

			Change password

		</button>

		<a data-dismiss="modal" class="btn">Cancel</a>

	</div>

</div>

</form>

<form method="post" class="form-horizontal" name="addSSHKey">

<div class="modal hide fade" id="modal-addssh">

	<div class="modal-header">

		<h3>Add SSH key</h3>

	</div>

	<div class="modal-body">

		<p>Adding an SSH key will enable the use of that key on servers which support LDAP based SSH keys.</p>

		<div class="control-group unpadded-bottom">

			<label class="control-label">Paste key:</label>

			<div class="controls">

				<textarea class="span4" id="newSSHKey" rows="5"></textarea>

			</div>

		</div>

	</div>

	<div class="modal-footer">

		<button class="btn btn-success" name="action" value="add-ssh-key">

			<i class="icon icon-white icon-plus"></i>

			Add key

		</button>

		<a data-dismiss="modal" class="btn">Cancel</a>

	</div>

</div>

</form>