{% extends 'bio/base.html' %}
{% load url from future %}
{% load avatar_tags %}
{% load elsewhere_tags %}
{% block title %}Edit Profile{% endblock %}
{% block custom_js %}
   {{ profile_form.media }}
{% endblock %}
{% block content %}
<div class="user_profile">
<h2>Edit Profile for {{ user.username }}</h2>
<form action="{% url 'bio-edit_profile' %}" method="post">{% csrf_token %}
<table>
   <tr>
      <td>
         <a href="{% url 'bio-change_avatar' %}"><img src="{{ STATIC_URL }}icons/image_edit.png" alt="Change Avatar" /></a>
         <a href="{% url 'bio-change_avatar' %}">Change Avatar</a></td>
      <td>{% avatar user %}</td>
   </tr>
   {{ user_form.as_table }}
   {{ profile_form.as_table }}
   <tr>
      <td>
         <a href="{% url 'bio-edit_elsewhere' %}"><img src="{{ STATIC_URL }}icons/link_edit.png" alt="Edit Links" /></a>
         <a href="{% url 'bio-edit_elsewhere' %}">Edit Elsewhere Links</a></td>
      <td>{% elsewhere_links user %}</td>
   </tr>
   <tr>
      <th>Time Zone:</th> 
      <td><select id="id_tz_area"></select> <select id="id_tz_location"></select></td>
   <tr><td>&nbsp;</td><td><input type="submit" name="submit_button" value="Save" />
         <input type="submit" name="submit_button" value="Cancel" /></td></tr>
</table>
</form>
</div>
<br />
{% endblock %}