{% extends "base.html" %}

{% block content %}
<table style="align: center; width: 50%; margin-left: auto; margin-right: auto">
	<tbody>
		<tr>
			<td>
				{% if editform %}
                <h1>Benutzerinfo editieren:</h1>
                <i>Note: All fields are optional.</i><br/><br/>
				<form action="" method="post">
					<b>Bild:</b><br/>
					<img src="{{ user.get_profile.getImage }}"/><br/>
					<a href="/blackmesa/usermanager/imageupload/">Upload new image...</a><br/><br/>
					<b>Description:</b><br/>
                    <i>Some info / bio about you.</i><br/>
                    {{ editform.userdescription }}<br/><br/>
				    <b>Location:</b><br/>
                    {{ editform.userlocation }}<br/><br/>
                    <b>Forum Short Description:</b><br/>
                    <i>Small desc / title for the forum. 50 chars max.</i><br/>
                    {{ editform.userforuminfo }}<br/><br/>
                    <b>Skype:</b><br/>
                    <i>Your Skype username</i><br/>
                    {{ editform.userskype }}<br/><br/>
                    <b>ICQ:</b><br/>
                    <i>Your ICQ user id</i><br/>
                    {{ editform.usericq }}<br/><br/>
                    <b>Jabber / XMPP:</b><br/>
                    <i>Your XMPP identifier:</i><br/>
                    {{ editform.userjabber }}<br/><br/>

					<input type="submit" value="Submit" />
				</form>
				{% endif %}
				{% if imageform %}
					<h3>Current Image:</h3>
					<img src="{{ userinfo.userimage.url }}"/><br/><br/>
					<h3>Change Image:</h3>
					<i><b>Note:</b> The image is scaled to 64 x 64 pixels.<br/>
					Hence use a mostly quadratic image.</i><br/>
					<form enctype="multipart/form-data" action="" method="post">
					<b>Image:</b><br/>
					{{ imageform.userimage }}<br/>
					<input type="submit" value="Submit" />
				</form>
				{% endif %}
			</td>
		</tr>
	</tbody>
</table>
{% endblock %}