{% extends 'manage/user/base.html' %}

{% block listcontent %}
<section id="adduser">
  <h2>{% block formtitle %}{% endblock %}</h2>

  <form id="user-add-form" method="POST">
    {% csrf_token %}

    {{ form.non_field_errors }}

    <ul class="basic">
      <li class="given-name">{% include "forms/_field.html" with field=form.firstName %}</li>
      <li class="family-name">{% include "forms/_field.html" with field=form.lastName %}</li>
      <li class="nickname">{% include "forms/_field.html" with field=form.screenName %}</li>
      <li class="email">{% include "forms/_field.html" with field=form.email %}</li>
      <li class="password">{% include "forms/_field.html" with field=form.password %}</li>
      <li class="role">
        {# @@@ wireframe: include "forms/_field.html" with field=form.role #}
        <label for="role">role</label>
        <select id="role">
          <option>role 1</option>
          <option>role 2</option>
          <option>role 3</option>
        </select>
      </li>
    </ul>

    <section class="roleselect details{% if form.roles.errors or form.roles.value %} open{% endif %}">
      <h3 class="summary">assign roles to this user &raquo;</h3>
      <div>
        {# @@@ needs the slick multiple-select widget #}
        {% include "forms/_field.html" with field=form.roles %}
      </div>
    </section>

    <div class="form-actions">
      <button type="submit">save</button>
    </div>

  </form>
</section>
{% endblock listcontent %}

{% extends 'manage/user/base.html' %}

{% block listcontent %}
<section id="adduser">
  <h2>{% block formtitle %}{% endblock %}</h2>

  <form id="user-add-form" method="POST">
    {% csrf_token %}

    {{ form.non_field_errors }}

    <ul class="basic">
      <li class="given-name">{% include "forms/_field.html" with field=form.firstName %}</li>
      <li class="family-name">{% include "forms/_field.html" with field=form.lastName %}</li>
      <li class="nickname">{% include "forms/_field.html" with field=form.screenName %}</li>
      <li class="email">{% include "forms/_field.html" with field=form.email %}</li>
      <li class="password">{% include "forms/_field.html" with field=form.password %}</li>
    </ul>

    <section class="roleselect details{% if form.roles.errors or form.roles.value %} open{% endif %}">
      <h3 class="summary">assign roles to this user &raquo;</h3>
      <div>
        {# @@@ needs the slick multiple-select widget #}
        {% include "forms/_field.html" with field=form.roles %}
      </div>
    </section>

    <div class="form-actions">
      <button type="submit">save</button>
    </div>

  </form>
</section>
{% endblock listcontent %}

Revert "wireframe: assign roles to users". We already have assigning roles to users.
Revert "wireframe: assign roles to users". We already have assigning roles to users.

This reverts commit 6a91811ccc7ebee640fe96b5f16f2042a0ac671e.
