{% extends "usermgr/base.html" %}
{% block main_title %}New User Profile{% endblock %}
{% block main_csslinks %}{% load adminmedia %}
<link rel="stylesheet" type="text/css" href="{% admin_media_prefix %}css/forms.css"/>
{% endblock %}
{% block content %}
<h1>New User Profile</h1>

<form method="post" action="">
    
<fieldset class="module aligned">
<h2>Account Information</h2>

<div class="form-row">
  {{ form.username.html_error_list }}
  <label for="id_username" class="required">Username:</label> {{ form.username }}
  <p class="help">{{ username_help_text }}</p>
</div>

<div class="form-row">
<label for="id_full_name_table" class="required">Full Name:</label>
<div style="display: table-cell">
<span><table style="display: inline;"><thead><th style="border-right:1px solid #ddd;"><label for="id_honorific" class="optional" style="font-size: smaller">Honorific</label></th>
                                             <tr><td>{{ form.honorific.html_error_list }}{{ form.honorific }}</td></table></span
><span><table style="display: inline;"><thead><th style="border-right:1px solid #ddd;"><label for="id_first_name" class="required" style="font-size: smaller">First Name*</label></th>
                                              <tr><td>{{ form.first_name.html_error_list }}{{ form.first_name }}</td></tr></table></span
><span><table style="display: inline;"><thead><th style="border-right:1px solid #ddd;"><label for="id_middle" class="optional" style="font-size: smaller">Initial</label></th>
                                              <tr><td>{{ form.middle.html_error_list }}{{ form.middle }}</td></tr></table></span
><span><table style="display: inline;"><thead><th style="border-right:1px solid #ddd;"><label for="id_last_name" class="required" style="font-size: smaller">Last Name*</label></th>
                                              <tr><td>{{ form.last_name.html_error_list }}{{ form.last_name }}</td></tr></table></span
><span><table style="display: inline;"><thead><th><label for="id_suffix" class="optional" style="font-size: smaller">Title</label></th>
                                              <tr><td>{{ form.suffix.html_error_list }}{{ form.suffix }}</td></tr></table></span>
</div>
<p class="help">Please fill out the your name as you wish it to be represented in convention material and official communications. *Only your first and last name are required.</p>
</div>

<div class="form-row">
  {{ form.email.html_error_list }}
  <label for="id_email" class="required">E-Mail Address:</label> {{ form.email }}
</div>

<div class="form-row">
    {{ form.affiliation.html_error_list }}
    <label for="id_affiliation" class="optional">Affiliation:</label> {{ form.affiliation }}
</div>

<div class="form-row">
    {{ form.url.html_error_list }}
    <label for="id_url" class="optional">Url:</label> {{ form.url }}
</div>

{% if not form.manipulator.change %}
<div class="form-row">
  {{ form.password.html_error_list }}
  <label for="id_password" class="required">Password:</label> {{ form.password }}
</div>

<div class="form-row">
  {{ form.confirm.html_error_list }}
  <label for="id_confirm" class="required">Password (again):</label> {{ form.confirm }}
  <p class="help">Enter the same password as above, for verification.</p>
</div>
{% endif %}

</fieldset>
<div class="submit-row">
{% if form.manipulator.change %}
<p class="float-left"><a href="{{ redirect_to }}" class="deletelink">Cancel</a></p>
<input type="submit" value="Save" class="default" />
{% else %}
<input type="submit" value="Create" class="default" />
{% endif %}
</div>
</form>
{% endblock %}