{# Copyright The IETF Trust 2007-2020, All Rights Reserved #}
<div class="session-details-form" data-prefix="{{ form.prefix }}">
  {% if hidden %}{{ form.name.as_hidden }}{{ form.purpose.as_hidden }}{{ form.type.as_hidden }}{{ form.requested_duration.as_hidden }}
  {% else %}
    <table>{% comment %}
    The form-group class is used by session_details_form.js to identify the correct element
    to hide the name / purpose / type fields when not needed. This is a bootstrap class - the
    secr app does not use it, so this (and the hidden class, also needed by session_details_form.js)
    are defined in edit.html and new.html as a kludge to make this work. 
    {% endcomment %}
      <tr class="form-group">
        <th>{{ form.name.label_tag }}</th>
        <td>{{ form.name }}{{ form.purpose.errors }}</td>
      </tr>
      <tr class="form-group">
        <th>{{ form.purpose.label_tag }}</th>
        <td>
            {{ form.purpose }} <div class="form-group">{{ form.type }}</div>
          {{ form.purpose.errors }}{{ form.type.errors }}
        </td>
      </tr>
      <tr>
        <th>{{ form.requested_duration.label_tag }}</th>
        <td>{{ form.requested_duration }}{{ form.requested_duration.errors }}</td>
      </tr>
    </table>
  {% endif %}
  {# hidden fields shown whether or not the whole form is hidden #}
  {{ form.attendees.as_hidden }}{{ form.comments.as_hidden }}{{ form.id.as_hidden }}{{ form.on_agenda.as_hidden }}{{ form.DELETE.as_hidden }}
</div>