[% c.load_once("jquery.ui.css") %]

<div id='ftabs'>
    <ul>
        <li><a href='/profile/edit'><span>[% c.loc('Edit Profile') %]</span></a></li>
        <li><a href='/profile/change_username'><span>Change Username</span></a></li>
        <li selected="selected"><a href='javascript:void(0);'><span>Change Password</span></a></li>
        <li><a href='/profile/change_email'><span>Change Email</span></a></li>
        <li><a href='/profile/profile_photo'><span>Profile Photo</span></a></li>
    </ul>
    <div>

<div class='one'>
<table align='center'>
	<tbody>
	<form method='post'>
	<tr class='misc1'><td width='20%' align='right'>[% c.loc('Username:') %]</td><td>[% user.username %]
	</td></tr>
	[% UNLESS use_security_code %]
    <tr class='misc2'><td align='right'>Old Password:</td><td><input type='password' name='password' size='12' />
	[% IF c.form.error('password') %]
	    Please type your old password correctly.
	[% END %]
	</td></tr>
	[% END %]
	<tr class='misc1'><td align='right'>New Password:</td><td><input type='password' name='new_password' size='12' />
	[% IF c.form.error('password') %]
	password should be 6-20
	[% END %]
	</td></tr>
	<tr class='misc2'><td align='right'>[% c.loc('Confirm Password') %]</td><td>
	<input type='password' name='confirm_password' size='12' />
	[% IF c.form.error('passwords') %]Confirm password is not the same as above[% END %]
	</td></tr>
	<tr class='misc2'><td></td><td><input type='submit' /></td></tr>
	</form>
	</tbody>
</table>
</div>

    </div>
</div>

<script type="text/javascript">
    $().ready(function() {
        tabize('ftabs');
    });
</script>