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

{% block content %}

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

    <div id = 'form_main'><form class = 'validate' enctype="multipart/form-data" method = 'post' action = '{% url "application_form_basic_info" %}'>
        {% csrf_token %}

        <div id = 'form_wrapper'>
            <div class = 'subsection'>
                <table><tr>
					<td class = 'rowLabel section_title'><span>INFORMASI DASAR</span></td>
					<td class = 'formRow section_desc'></td>
				</tr></table>

				<fieldset class  = 'validate' >
                    <table>
                        {% uni_form form form.helper %}
                    </table>
                </fieldset>
            </div>
            <div class = 'subsection'>
                <table><tr>
					<td class = 'rowLabel section_title'><span>PROFIL ONLINE</span></td>
					<td class = 'formRow section_desc'></td>
				</tr></table>

				<fieldset class  = 'validate' >
                    <table>
                        {% uni_form online_form online_form.helper %}
                    </table>
                </fieldset>
            </div>
            <div class = 'subsection'>
                <table><tr>
					<td class = 'rowLabel section_title'><span>FOTO PROFIL</span></td>
					<td class = 'formRow section_desc'></td>
				</tr></table>

				<fieldset class  = 'validate' >
                    <table id = 'photo_table'>
                        {% uni_form picture_form picture_form.helper %}
                        <tr>
                            <td class = 'rowLabel'></td>
                            <td class = 'formRow'>
                                <input type = 'text' id = 'filename' value = '{{ profile.get_picture_filename }}' required_custom = 'required_custom' readonly = "readonly">
                                <div id = "photo_preview">
                                    {% if profile.picture %}
                                        <img src = "{{ profile.picture.url }}">
                                    {% else %}
                                        <img src = "{{ STATIC_URL }}img/profile_pic.gif">
                                    {% endif %}
                                </div>
                            </td>
                        </tr>
                    </table>

                </fieldset>
            </div>
            <div class='subsection'>
                <table><tr>
                    <td class='rowLabel section_title'><span>INFORMASI TAMBAHAN</span></td>
                    <td class='formRow section_desc'></td>
                </tr></table>

                <fieldset class='validate'>
                    <table>
                        {% uni_form additional_form additional_form.helper %}
                    </table>
                </fieldset>
            </div>
            <h6>*Wajib diisi</h6>
        </div>

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

    </form></div>

{% endblock %}