{# Copyright The IETF Trust 2015, All Rights Reserved #}{% load origin %}{% origin %}
{% load widget_tweaks %}
{% load ietf_filters %}

<form id="search_form" class="form-horizontal" action="{% url 'ietf.doc.views_search.search' %}">

  <div class="input-group search_field">
    {{ form.name|add_class:"form-control"|attr:"placeholder:Document name, number, title, etc." }}
    <span class="input-group-btn">
      <button class="btn btn-primary" type="submit">
	<span class="fa fa-search"></span>
	Search
      </button>
    </span>
  </div>

  {{ form.sort }} {# hidden field #}

  <div class="panel-group" id="accordion1">
    <div class="panel panel-default">
      <div class="panel-heading">
	<p class="panel-title toggle_advanced">
	  <a data-toggle="collapse" data-parent="#accordion1" href="#searchcollapse">
	    <span class="fa fa-caret-down"></span> Additional search criteria
	  </a>
	</p>
      </div>
      <div id="searchcollapse" class="panel-collapse collapse visible-nojs">
	<div class="panel-body">
	  <div class="form-group">
	    <div class="col-sm-4">
	      <label class="control-label">Document Type</label>
	    </div>
	    <div class="col-sm-8 search_field">
	      <div class="checkbox">
		<label class="control-label" for="id_rfcs">{{ form.rfcs }} RFC</label>
	      </div>
	      <div class="checkbox">
		<label class="control-label" for="id_activedrafts">{{ form.activedrafts }} Internet-Draft (active)</label>
	      </div>
	      <div class="checkbox">
		<label class="control-label" for="id_olddrafts">{{ form.olddrafts }} Internet-Draft (expired, replaced or withdrawn)</label>
	      </div>

              {% for value, label in form.fields.doctypes.choices %}
	        <div class="checkbox">
                  <label class="control-label" for="id_doctypes_{{ value }}">
                    <input type="checkbox" class="advdoctype" {% if value in form.doctypes.value %}checked{% endif %} name="doctypes" value="{{ value }}" id="id_doctypes_{{ value }}"/>{{ label|safe|capfirst_allcaps}}
		  </label>
	        </div>
	      {% endfor %}
	    </div>
	  </div>

	  <div class="form-group search_field">
	    <div class="col-sm-4">
              <input type="radio" name="by" value="author" {% if form.by.value == "author" %}checked{% endif %} id="author"/>
	      <label for="author" class="control-label">Author</label>
	    </div>
	    <div class="col-sm-8">
	      {{ form.author|add_class:"form-control" }}
	    </div>
	  </div>

	  <div class="form-group search_field">
	    <div class="col-sm-4">
              <input type="radio" name="by" value="group" {% if form.by.value == "group" %}checked{% endif %} id="group"/>
	      <label for="group" class="control-label">WG</label>
	    </div>
	    <div class="col-sm-8">
	      {{ form.group|add_class:"form-control" }}
	    </div>
	  </div>


	  <div class="form-group search_field">
	    <div class="col-sm-4">
              <input type="radio" name="by" value="area" {% if form.by.value == "area" %}checked{% endif %} id="area"/>
	      <label for="area" class="control-label">Area</label>
	    </div>
	    <div class="col-sm-8">
	      {{ form.area|add_class:"form-control" }}
	    </div>
	  </div>

	  <div class="form-group search_field">
	    <div class="col-sm-4">
              <input type="radio" name="by" value="ad" {% if form.by.value == "ad" %}checked{% endif %} id="areadir"/>
	      <label for="areadir" class="control-label">AD</label>
	    </div>
	    <div class="col-sm-8">
	      {{ form.ad|add_class:"form-control" }}
	    </div>
	  </div>

	  <div class="form-group search_field">
	    <div class="col-sm-4">
              <input type="radio" name="by" value="state" {% if form.by.value == "state" %}checked{% endif %} id="state"/>
	      <label for="state" class="control-label">IESG State</label>
	    </div>
	    <div class="col-sm-4">
	      {{ form.state|add_class:"form-control col-sm-4" }}
	    </div>
	    <div class="col-sm-4">
	      {{ form.substate|add_class:"form-control" }}
	    </div>
	  </div>

	  <div class="form-group search_field">
	    <div class="col-sm-4">
              <input type="radio" name="by" value="stream" {% if form.by.value == "stream" %}checked{% endif %} id="stream"/>
	      <label for="stream" class="control-label">Stream</label>
	    </div>
	    <div class="col-sm-4">
	      {{ form.stream|add_class:"form-control" }}
	    </div>
	  </div>

	  <div class="form-group search_field">
	    <div class="col-md-offset-4 col-sm-4">
	      <button class="btn btn-default btn-block" type="reset">Clear</button>
	    </div>
	    <div class="col-sm-4">
	      <button class="btn btn-primary btn-block" type="submit">
		<span class="fa fa-search"></span>
		Search
	      </button>
	    </div>
	  </div>
	</div>
      </div>
    </div>
  </div>
</form>