<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">
			<input type="text" name="mail" value="{if isset($userinfo['mail'])}{$userinfo['mail'][0]|escape:'html'}{/if}" />
			<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>