{% load coreextras %}

{% for field in form %}
    <div class="form-group {% if field.errors %}has-error {% endif %}{{ field.field.widget|field_type }}">
        {% if field.field.widget|field_type == 'CheckboxInput' %}
            <div class="col-lg-12">
                <div class="checkbox">
                    <label {% if label_class %}class="{{ label_class }}"{% endif %}>
                        <input type="checkbox" name="{{ field.html_name }}" id="id_{{ field.html_name }}" {% if field.value %}checked="checked" {% endif %} {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>
                        {{ field.label|safe }}
                    </label>
                </div>
                {% if field.errors %}
                    <span class="help-block">
                        {% for error in field.errors %}
                            {{ error }}
                        {% endfor %}
                    </span>
                {% endif %}
            </div>

        {% elif checkboxes %}
            {% if field.field.widget|field_type != 'Select' and field.field.widget|field_type != 'SelectMultiple' %}
                <label class="control-label {% if label_class %}{{ label_class }}{% else %}col-md-4{% endif %}" for="id_{{ field.html_name }}"> {% if field.html_name == 'username' %}Email Address{% else %}{{ field.label|safe }}{% endif %} {% if field.field.required %} <span class="required">*</span>{% endif %}</label>
            {% endif %}
        {% else %}
            {% if field.field.widget|field_type != 'HiddenInput' %}
                <label class="control-label {% if label_class %}{{ label_class }}{% else %}col-md-4{% endif %}" for="id_{{ field.html_name }}"> {% if field.html_name == 'username' %}Email Address{% else %}{{ field.label|safe }}{% endif %} {% if field.field.required %} <span class="required">*</span>{% endif %}</label>
            {% endif %}
        {% endif %}

        <div class="{% if field_class %}{{ field_class }}{% elif checkboxes %}{% if field.field.widget|field_type == 'Select' or field.field.widget|field_type == 'SelectMultiple' %}col-lg-12{% elif field.field.widget|field_type == 'Textarea' %}col-md-7{% else %}col-md-5{% endif %}{% else %}{% if field.field.widget|field_type == 'Textarea' %}col-md-7{% else %}col-md-5{% endif %}{% if field.field.widget|field_type == 'CheckboxInput' %}col-md-offset-3{% endif %}{% endif %}">

            {% if field.field.widget|field_type == 'ClearableFileInput' %}
                {% if field.value %}
                    Currently: {{ field.value }}<br/>
                    {% if not field.field.required %}
                        <input type="checkbox" name="{{ field.html_name }}-clear" id="{{ field.html_name }}-clear_id"/> <label for="{{ field.html_name }}-clear_id">Clear</label>
                    {% endif %}<br/>
                    <div class="change">Change:</div>
                {% endif %}<input type="file" name="{{ field.html_name }}" id="id_{{ field.html_name }}" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %} />
            {% elif field.field.widget|field_type == 'SelectMultiple' %}
                {% if checkboxes %}
                    {% if not field.field.choices %}
                        {% for option in field.field.queryset.all %}
                            <div class="checkbox col-lg-6">
                                <label>
                                    <input type="checkbox" name="{{ field.html_name }}" value="{{ option.id }}" {% if choice in field.value %}checked="checked"{% endif %} /> {{ option }}
                                </label>
                            </div>
                        {% endfor %}
                    {% else %}
                        {% for choice, choice_text in field.field.choices %}
                            <div class="checkbox col-lg-6">
                                <label>
                                    <input type="checkbox" name="{{ field.html_name }}" value="{{ choice}}" {% if choice in field.value %}checked="checked"{% endif %} /> {{ choice_text }}
                                </label>
                            </div>
                        {% endfor %}
                    {% endif %}
                {% else %}
                    <select id="id_{{ field.html_name }}" name="{{ field.html_name }}" class="form-control" multiple="multiple" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>
                        {% if not field.field.choices %}
                            {% for option in field.field.queryset.all %}
                                <option {% if option.id in field.value %}selected="selected"{% endif %} value="{{ option.id }}">{{ option }}</option>
                            {% endfor %}
                        {% else %}
                            {% for choice, choice_text in field.field.choices %}
                                <option {% if choice in field.value %}selected="selected"{% endif %} value="{{ choice }}">{{ choice_text }}</option>
                            {% endfor %}
                        {% endif %}
                    </select>
                {% endif %}
            {% elif field.field.widget|field_type == 'Select' %}
                {% if checkboxes %}
                    {% if not field.field.choices %}
                        {% for option in field.field.queryset.all %}
                            {% if option.id %}
                                <div class="radio col-lg-6">
                                    <label>
                                        <input type="radio" name="{{ field.html_name }}" value="{{ option.id }}" {% if field.value|slugify == option.id|slugify %}checked="checked"{% endif %}> {{ option|safe }}
                                    </label>
                                </div>
                            {% endif %}
                        {% endfor %}
                    {% else %}
                        {% for choice, choice_text in field.field.choices %}
                            {% if choice %}
                                <div class="radio col-lg-6">
                                    <label>
                                        <input type="radio" name="{{ field.html_name }}" value="{{ choice }}" {% if field.value|slugify ==  choice|slugify %}checked="checked"{% endif %}> {{ choice_text|safe }}
                                    </label>
                                </div>
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                {% else %}
                    <select id="id_{{ field.html_name }}" name="{{ field.html_name }}" class="form-control" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>
                        {% if field.html_name == 'member_type' %}
                            {% for item in field.field.queryset %}
                                <option {% if field.value|slugify ==  item.id|slugify %}selected="selected"{% endif %} value="{{ item.id }}" class="{% if item.student %}student_option{% endif %}">{{ item|safe }}</option>
                            {% endfor %}
                        {% else %}
                            {% if field.field.choices %}
                                {% for choice, choice_text in field.field.choices %}
                                    <option {% if field.value|slugify ==  choice|slugify %}selected="selected"{% endif %} value="{{ choice }}">{{ choice_text|safe }}</option>
                                {% endfor %}
                            {% elif field.field.widget.choices %}
                                {% for choice, choice_text in field.field.widget.choices %}
                                    <option {% if field.value|slugify ==  choice|slugify %}selected="selected"{% endif %} value="{{ choice }}">{{ choice_text|safe }}</option>
                                {% endfor %}
                            {% else %}
                                <option value="" {% if not field.value %}selected="selected"{% endif %}>---------</option>
                                {% for option in field.field.queryset.all %}
                                    <option {% if field.value|slugify == option.id|slugify %}selected="selected"{% endif %} value="{{ option.id }}">{{ option|safe }}</option>
                                {% endfor %}
                            {% endif %}
                        {% endif %}
                    </select>
                {% endif %}
            {% elif field.field.widget|field_type == 'TextInput' or field.field.widget|field_type == 'EmailInput'  %}
                <input type="text" name="{{ field.html_name }}" class="form-control" id="id_{{ field.html_name }}" value="{% if field.value %}{{ field.value }}{% endif %}" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>
            {% elif field.field.widget|field_type == 'NumberInput' %}
                <input type="text" name="{{ field.html_name }}" class="form-control" id="id_{{ field.html_name }}" value="{% if field.value %}{{ field.value }}{% endif %}" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>
            {% elif field.field.widget|field_type == 'PasswordInput' %}
                <input type="password" name="{{ field.html_name }}" class="form-control" id="id_{{ field.html_name }}" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>
            {% elif field.field.widget|field_type == 'DateInput' %}
                <input type="text" name="{{ field.html_name }}" class="form-control" maxlength="{{ field.field.max_length }}" id="id_{{ field.html_name }}" value="{% if field.value %}{{ field.value|convert_date|date:'d/m/Y' }}{% endif %}" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>
                <script type="text/javascript">
                    $(function() {
                        $( "#id_{{ field.html_name }}" ).datepicker({dateFormat: 'dd/mm/yy'});
                    });
                </script>
            {% elif field.field.widget|field_type == 'Textarea' %}
                <textarea rows="10" name="{{ field.html_name }}" id="id_{{ field.html_name }}" class="form-control" cols="40" {% for key,attr in field.field.widget.attrs.items %}{{ key }}="{{ attr }}"{% endfor %}>{% if field.value %}{{ field.value }}{% endif %}</textarea>

            {% else %}
                {% if field.field.widget|field_type != 'CheckboxInput' %}
                    {{ field }}
                {% endif %}
            {% endif %}

            {% if field.errors %}

                {% if field.field.widget|field_type != 'CheckboxInput' %}
                    <span class="help-block">
                        {% for error in field.errors %}
                            {{ error }}
                        {% endfor %}
                    </span>
                {% endif %}
            {% else %}
                {% if checkboxes %}
                    {% if field.field.widget|field_type != 'Select' and field.field.widget|field_type != 'SelectMultiple' %}
                        <span class="help-block">{{ field.help_text|safe }}</span>
                    {% endif %}
                {% else %}
                    <span class="help-block">{{ field.help_text|safe }}</span>
                {% endif %}
            {% endif %}
        </div>
        {% if remove_file %}
            <div class="remove_file">Remove File</div>
        {% endif %}
    </div>
{% endfor %}