{% extends 'base.html' %}
{% load uni_form_tags %}
{% load url from future %}
{% block title %}Referensi{% endblock %}

{% block content %}

    {% include 'applications/form_header.html' %}
	{% include 'applications/form_sidebar.html' %}

    <div id = 'form_main'><form class = 'validate' method = 'post' action = '{% url "application_form_reference" %}'>
        {% csrf_token %}

        <div id = 'form_wrapper'>

            {{ reference_formset.non_form_errors }}
            <div class = 'subsection'>
                {{ reference_formset.management_form }}
                <table><tr>
					<td class = 'rowLabel section_title'><span>REFERENSI</span></td>
					<td class = 'formRow section_desc'>
					    Mohon berikan informasi kontak dari 3 nama yang Anda kenal yang dapat memberikan referensi, baik dari lingkungan akademik, organisasi dan kemasyarakatan maupun professional (bukan dari anggota keluarga).

                        {% comment %}
						<select rel='fieldset-count' name = 'reference_formset_count'>
                            <option value="0" {% if reference_formset.saved_form_count == 0 %}selected="selected"{% endif %}>0</option>
                            <option value="1" {% if reference_formset.saved_form_count == 1 %}selected="selected"{% endif %}>1</option>
                            <option value="2" {% if reference_formset.saved_form_count == 2 %}selected="selected"{% endif %}>2</option>
                            <option value="3" {% if reference_formset.saved_form_count == 3 %}selected="selected"{% endif %}>3</option>
                        </select>
                        {% endcomment %}
					</td>
				</tr></table>

                {% for form in reference_formset.forms %}
                    <fieldset class  = 'validate'><table>
                    {% uni_form form form.helper %}
                    </table></fieldset>
                {% endfor %}
            </div>
            
            <h6>*Wajib diisi</h6>

        </div>

        {% include 'applications/form_footer.html' %}

    </form></div>
{% endblock %}