{% extends "usermgr/base.html" %}
{% block main_title %}New User Profile{% endblock %}
{% block content %}
<h1>{% if form.manipulator.change %}Edit{% else %}New{% endif %} User Profile</h1>

<form method="post" action="">

<fieldset class="module aligned">
<h2>Account Information</h2>
{% if not form.manipulator.change %}
<div class="help" style="margin-left: 12px;">All fields, including the username, can be changed after the account has been activated.</div>
{% endif %}
<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 (Given) 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">Middle 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 (Family) 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.password_confirm.html_error_list }}
  <label for="id_password_confirm" class="required">Password (again):</label> {{ form.password_confirm }}
  <p class="help">Enter the same password as above, for verification.</p>
</div>
{% endif %}

<div class="form-row">
    {{ form.bio.html_error_list }}
    <label for="id_bio" class="optional">Biography:</label> {{ form.bio }}
    <p class="help">
    This field is for Speakers to provide a biography to be included in conference materials.<br/>
    This must be a single paragraph (newlines are not preserved), written in the third person ("Presenter Name is...").<br/>
    Include where you live, your job, your projects, books you've written, volunteer activities, etc.<br/>
    Any links discovered will be made clickable. (i.e. <a href="http://example.com/">example.com</a>,
    <a href="http://www.example.com/foo/">http://www.example.com/foo/</a>)</p>
</div>

</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 %}