{% load widget_tweaks %}

{% if form.non_field_errors %}
    {% for error in form.non_field_errors %}
        <div class="alert alert-danger mf-error">
            {{ error }}
        </div>
    {% endfor %}
{% endif %}

{% for hidden_field in form.hidden_fields %}
    {{ hidden_field }}
    {% for error in hidden_field.errors %}
        <div class="alert alert-danger mf-error">
            {{ hidden_field.label }}: {{ error }}
        </div>
    {% endfor %}
{% endfor %}

<div class="form-horizontal">
{% for field in form.visible_fields %}
    <div class="form-group">
        <div class="col-sm-{{ col_label }} control-label">
        {% if field.field.required %}
            <span class="text-danger">*</span>
        {% endif %}
            {{ field.label_tag }}
        </div>
        <div class="form-inline col-sm-{{ col_field }}">
    {% if field|widget_type == "checkboxinput" %}
            <div class="checkbox">
                <label>
                    {% render_field field %}
                {% if field.help_text %}
                    <br>
                    <span class="help-block">{{ field.help_text }}</span>
                {% endif %}
                </label>
            </div>
    {% else %}
        {% if field|widget_type == "dateinput" %}
            {% render_field field class="form-control datepicker" autocomplete="off" %}
        {% else %}
            {% render_field field class="form-control" %}
        {% endif %}

        {% if field.help_text %}
            <br>
            <span class="help-block">{{ field.help_text }}</span>
        {% endif %}
    {% endif %}
        {% for error in field.errors %}
            <br class="mf-error">
            <span class="text-danger mf-error">{{ error }}</span>
        {% endfor %}
        </div>
    </div>
{% endfor %}
</div>