<div class="modal hide" id="stream-creation" tabindex="-1" role="dialog"
     aria-labelledby="stream-creation-label" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="stream-creation-label">{% trans %}Create stream{% endtrans %}</h3>
  </div>
  <form id="stream_creation_form" class="form-inline">
      <div class="modal-body">
          <div>
            <b>{% trans %}Stream name{% endtrans %}</b><br />
            <input type="text" name="stream_name" id="create_stream_name"
                 placeholder="{{ _('Stream name') }}" value="" autocomplete="off" />
            <div id="stream_name_error"></div>
          </div>
          <div id="make-invite-only">
            <b>{% trans %}Stream accessibility{% endtrans %}</b><br />
            <label class="radio">
              <input type="radio" name="privacy" value="public" checked />
              <span class="icon-vector-globe"></span>
              {% trans %}Anyone can join{% endtrans %}
            </label><br />
            <label class="radio">
              <input type="radio" name="privacy" value="invite-only" />
              <span class="icon-vector-lock"></span>
              {% trans %}People must be invited{% endtrans %}
            </label>
          </div>
          <div id="announce-new-stream">
            <br />
            <label class="checkbox">
              <input type="checkbox" name="announce" value="announce" checked />
              {% trans %}Announce stream{% endtrans %}
            </label>
            <span class="icon-vector-question-sign" id="announce-stream-docs"></span>
          </div>
          <br />
          <div class="control-group">
            <label class="control-label" for="people_to_add"><b>{% trans %}People to add{% endtrans %}</b></label><br />
            <div class="controls" id="people_to_add"></div>
          </div>
      </div>
      <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">{{ _("Cancel") }}</button>
          <button class="btn btn-primary" type="submit">{{ _("Create") }}</button>
      </div>
  </form>
</div>
