{% load static %}

<form id="theForm" action="{{form.action_url}}" method="{{form.method}}">
    {% csrf_token %}

    {% for field in form %}
       {% if field.is_hidden %}
       <div style="display:none">
       {% else %}
       <div class="form-group row">
       {% endif %}
          <label for="{{field.id_for_label}}" class="col-sm-2 col-form-label">{{field.label}}</label>
          <div class="col-sm-10">
             <div>
             {{field }}
             </div>
	     {% if field.help_text %}
             <small id="{{field.id_for_label}}_help" class="form-text text-muted">
               {{field.help_text | safe }}
             </small>
	     {% endif %}
          </div>
       </div>
    {% endfor %}


    {% if form_submit_button_name %}
       <button type="submit" id="btnFetch" value="{{form_submit_button_name}}" class="btn btn-primary btnFilterTrigger" role="button">{{form_submit_button_name}}</button>
    {% else %}
       <button type="submit" id="btnFetch" value="Submit" class="btn btn-primary btnFilterTrigger" role="button">Submit</button>
    {% endif %}
</form>

{% if form.errors.items %}
<ul>
  {% for field, errors in form.errors.items %}
    {% for error in errors %}
      <li>{{ field|title }}: {{ error }}</li>
    {% endfor %}
  {% endfor %}
</ul>
{% endif %}

{% if form_errors %}
  <div style="color:red">
    {% for error in form_errors %}
     <div>{{error}}</div>
    {% endfor %}
  </div>
{% endif %}

{% if form_warnings %}
  <div style="color:red">
    {% for warning in form_warnings %}
     <div>{{warning}}</div>
    {% endfor %}
  </div>
{% endif %}

{% if form_notes %}
  <div>
    {% for note in form_notes %}
     <div>{{note}}</div>
    {% endfor %}
  </div>
{% endif %}