{% csrf_token %}

<div class="row">
    <div class="col-xs-12 col-sm-6 col-sm-offset-6">
        <p class="text-left">Contact persons details</p>
    </div>
</div>
<div class="row">

    {% for field in interest_form %}
        {% if field.html_name != 'estimated_learners' and field.html_name != 'contact_email' and field.html_name != 'contact_phone' %}
            <div class="field_wrapper text_field col-xs-12 col-sm-6">
                <label for="id_{{ field.html_name }}" class="sr-only">{{ field.label }}</label>
                <input id="id_{{ field.html_name }}" name="{{ field.html_name }}" type="text" placeholder="{{ field.label }}" value="{% if field.value %}{{ field.value }}{% endif %}"/>
                {% if field.errors %}
                    <div class="help-block error">
                        {% for error in field.errors %}
                            {{ error }}
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
            {% if forloop.counter|divisibleby:2 %}
                <div class="clearfix"></div>
            {% endif %}
        {% endif %}

        {% if field.html_name == 'estimated_learners' %}
            <div class="field_wrapper estimated_wrapper col-xs-12 col-sm-6">
                <div class="row">
                    <label for="id_{{ field.html_name }}" class="col-xs-7">{{ field.label }}</label>
                    <div class="col-xs-5">
                        <input id="id_{{ field.html_name }}" name="{{ field.html_name }}" type="text" value="{% if field.value %}{{ field.value }}{% endif %}" />
                    </div>
                    {% if field.errors %}
                        <div class="col-xs-12 help-block error">
                            {% for error in field.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    {% endfor %}

    <div class="field_wrapper col-xs-12 col-sm-6">
        <div class="row">
            <label class="col-xs-6">Prefered Method of Contact</label>
            <div class="contact_options col-xs-6">
                <label>
                    <span style="padding-left:0;">Tel:</span>
                    <input type="checkbox" name="contact_phone" id="id_contact_phone"/>
                    <span class="input-box"></span>
                </label>
                <label>
                    <span>Email:</span>
                    <input type="checkbox" name="contact_email" id="id_contact_email"/>
                    <span class="input-box"></span>
                </label>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xs-12">
        <input type="submit" class="btn btn-primary" value="Register your Interest "/>
    </div>
</div>