[% META title = 'Site preferences' %]

<form action="[% c.uri_for('changeStylesheet') %]" method="post"><fieldset> <legend>Style</legend>
	Stylesheet: <select name="stylesheet">
[% FOR style IN stylesheets %]
		<option value="[% style %]" [% IF style == user.css %]selected[% END %]>[% style %]</option>
[% END %]
	</select>
	<br>
	<input type="submit" value="Change">
</fieldset></form>
<form action="[% c.uri_for('changeBirthday') %]" method="post"><fieldset> <legend>Birthday</legend>
	YYYY-MM-DD:
	<input type="text" name="birthday" value="[% birthday %]" id="birthday">
	<br><input type="submit" value="Change">
</fieldset></form>
<form action="[% c.uri_for('changePassword') %]" method="post"> <fieldset> <legend>Change password</legend>
	<p>Old password: 
	<input type="password" name="oldpass" value="">
	New password: 
	<input type="password" name="pass" value="">
	<input type="submit" value="Submit">
	</p>
</fieldset>
</form>
[%- site.stylesheets = ['ui/ui.datepicker.css'] %]
<script type="text/javascript" src="/static/ui/ui.core.min.js"></script>
<script type="text/javascript" src="/static/ui/ui.datepicker.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	$("#birthday").datepicker({
		yearRange: "-80:+0",
		dateFormat: $.datepicker.ATOM,
		firstDay: 1,
		showOn: "both",
	});
});
</script>