{% extends 'base.html' %}
{% load i18n number_tags uni_form_tags ui_utils_tags %}
{% load url from future %}
{% block title %}Preview{% endblock %}
{% block bodyclass %}preview_section{% endblock %}

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

<div id = 'form_main' class="preview">
<form method="post" action="{% url 'application_submit' %}">
{% csrf_token %}
 <div id = 'form_wrapper'>
    <div class = 'subsection'>
        <table><tr>
		    <td class = 'rowLabel preview-title'><span>Informasi Dasar</span></td>
		    <td class = 'formRow section_desc'>
		    {% if not application.submitted %}
                <a href = '{% url "application_form_basic_info" %}' class = 'button medium-button edit-button'><span>Ubah</span></a>
            {% endif %}
            </td>
	    </tr></table>
    <div class="section">
    <div class="box">
        <table class = 'object-list'>
        {% uni_form account_information account_information.helper %}
        {% if profile.picture %}
            <tr>
                <td class = 'rowLabel'>Foto Profil</td>
                <td class = 'formRow'>
                    <img src = '{{ profile.picture.url }}'>
                </td>
            </tr>
        {% endif %}
        </table>
    </div>
        
    {% if online_profile %}
    <div class = 'subsection'>
    <div class="header">
        Profil Online
    </div>
    <div class="box">
        <table class = 'object-list'>
            {% uni_form online_profile online_profile.helper %}
        </table>
    </div>
    </div>
    {% endif %}

    {% comment %}
    {% if additional_info %}
    <div class='subsection'>
    <div class='header'>
        <table class='object-list'>
            <tr>
                <th class='rowLabel'></th>
                <th class='formRow'>Informasi Tambahan</th>
            </tr>
        </table>
    </div>
    <div class='box'>
        <table class='object-list'>
            {% uni_form additional_info additional_info.helper %}
        </table>
    </div>
    </div>
    {% endif %}
    {% endcomment %}

    <div class='subsection'>
        <div class='topic'>
            Apakah Anda mendaftar/melamar
            pekerjaan/beasiswa selain pendaftaran ini?<em>*</em>
        </div>
        <div class='essay_text'>{{ additional_info.apply_other|display_value }}</div>
    </div>

    <div class='subsection'>
        <div class='topic'>
            Apakah Anda bersedia
            meninggalkan pekerjaan/kegiatan Anda jika diterima sebagai 
            ODP?<em>*</em>
        </div>
        <div class='essay_text'>{{ additional_info.willing_to_resign|display_value }}</div>
    </div>

    <div class='subsection'>
        <div class='topic'>
            Apakah ada catatan kesehatan
            seperti sakit berat, kecelakaan atau alergi yang perlu kami
            ketahui?<em>*</em>
        </div>
        <div class='essay_text'>{{ additional_info.health_note|display_value }}</div>
    </div>

    {% if additional_info.health_note_text.value %}
    <div class='subsection'>
        <div class='topic'>
            Sebutkan kondisi tersebut<em>*</em>
        </div>
        <div class='essay_text'>{{ additional_info.health_note_text|display_value }}</div>
    </div>
    {% endif %}

    <div class='subsection'>
        <div class='topic'>
            Apakah Anda mempertimbangkan
            untuk menjadi guru jangka panjang?<em>*</em>
        </div>
        <div class='essay_text'>{{ additional_info.long_term|display_value }}</div>
    </div>

    {% if additional_info.long_term.to_python %}
    <div class='subsection'>
        <div class='topic'>
            Apakah Anda bersedia menerima
            informasi mengenai lowongan menjadi guru dari institusi
            pendidikan lainnya?
        </div>
        <div class='essay_text'>{{ additional_info.vacancy_info|display_value }}</div>
    </div>
    {% endif %}

    <div class='subsection'>
        <div class='topic'>
            Pilihlah lokasi tes tahap
            kedua jika Anda lolos seleksi tahap pertama (lokasi dapat
            berubah)<em>*</em>
        </div>
        <div class='essay_text'>{{ additional_info.test_location|display_value }}</div>
    </div>

</div></div>

<div class = 'subsection'>
        <table><tr>
		    <td class = 'rowLabel preview-title'><span>Informasi Kontak</span></td>
		    <td class = 'formRow section_desc'>
		    {% if not application.submitted %}
                <a href = '{% url "application_form_other_info" %}' class = 'button medium-button edit-button'><span>Ubah</span></a>
            {% endif %}
            </td>
	    </tr></table>
        <div class="section">
            <div class="box">
                <div class="header">
                    Alamat tempat tinggal sekarang:
                </div>
                
                <table class = 'object-list'>
                {% uni_form address address.helper %}
                </table>
            </div>
    
            {% if id_address %}
                <div class="header">
                    Alamat sesuai KTP:
                </div>
                <table class = 'object-list'>
                {% uni_form id_address id_address.helper %}
                </table>
            {% endif %}
        </div>
</div>





<div class = 'subsection'>
        <table><tr>
		    <td class = 'rowLabel preview-title'><span>Pendidikan</span></td>
		    <td class = 'formRow section_desc'>
		    {% if not application.submitted %}
                <a href = '{% url "application_form_education" %}' class = 'button medium-button edit-button'><span>Ubah</span></a>
            {% endif %}
            </td>
	    </tr></table>
	    
    <div class="section">
        {% if education_formset %}
	        <div class = 'subsection'>
            <div class="header">
                *Berapa banyak gelar akademis yang Anda miliki?:
            </div>
            {% for education in education_formset.forms %}
            <div class="box">
                <table class = 'object-list'>
                {% uni_form education education.helper %}
                </table>
            </div>
            {% endfor %}
            </div>
        {% endif %}

        {% if training_formset.forms %}
            <hr>
            <div class = 'subsection'>
             <div class="header">
                Sebutkan maksimal 3 pelatihan yang paling bermanfaat selama Anda kuliah!
            </div>
            {% for training in training_formset.forms %}
            <div class="box">
                <table class = 'object-list'>
                 {% uni_form training training.helper %}
                </table>
            </div>
            {% endfor %}
            </div>
        {% endif %}
        
        {% if language.has_changed %}
	        <hr>
            <div class = 'subsection'>
            <div class="header">
                Penguasaan bahasa asing
            </div>
            {{ language.preview }}
            </div>
        {% endif %}

        {% if scholarship_formset.forms %}
            <hr>
            <div class = 'subsection'>
            <div class="header">
                Apakah Anda pernah menerima dana beasiswa? (Tuliskan 3 yang paling berharga bagi Anda)
            </div>
            {% for scholarship in scholarship_formset.forms %}
            <div class="box">
                <table class = 'object-list'>
                {% uni_form scholarship scholarship.helper %}
                </table>
            </div>
            {% endfor %}
            </div>
        {% endif %}

        {% if grant_formset.forms %}
            <hr>
            <div class = 'subsection'>
            <div class="header">
                Apakah Anda pernah menerima dana grant? (Tuliskan 3 yang paling berharga bagi Anda)
            </div>
            {% for grant in grant_formset.forms %}
            <div class="box">
                <table class = 'object-list'>
                {% uni_form grant grant.helper %}
                </table>
            </div>
            {% endfor %}
            </div>
        {% endif %}
        
        {% if achievements_formset.forms %}
            <hr>
            <div class = 'subsection'>
              <div class="header">
                Sebutkan prestasi (penghargaan/publikasi/proyek/lain) yang paling Anda banggakan atau penting menurut Anda (maksimal 3). Jika sudah tertera diatas, tidak perlu dituliskan dibawah.
            </div>
            {% for achievements in achievements_formset.forms %}
            <div class="box">
                <table class = 'object-list'>
                {% uni_form achievements achievements.helper %}
                </table>
            </div>
            {% endfor %}
            </div>
        {% endif %}
    </div>
    
</div>



{% if university_org_formset.forms or org_formset.forms or committee_formset.forms or working_experience_formset.forms or student_exchange_formset.forms %}
<div class = 'subsection'>
        <table><tr>
		    <td class = 'rowLabel preview-title'><span>Pengalaman</span></td>
		    <td class = 'formRow section_desc'>
		    {% if not application.submitted %}
                <a href = '{% url "application_form_experience" %}' class = 'button medium-button edit-button'><span>Ubah</span></a>
            {% endif %}
            </td>
	    </tr></table>
	    
    <div class="section">
    {% if university_org_formset.forms %}
        <div class = 'subsection'>
          <div class="header">
                Sebutkan nama organisasi di dalam Perguruan Tinggi yang pernah/sedang diikuti dan apa peran Anda (maksimal 3 yang utama menurut Anda)
          </div>
        {% for university_org_formset in university_org_formset.forms %}
        <div class="box">
            <table class = 'object-list'>
            {% uni_form university_org_formset university_org_formset.helper %}
            </table>
        </div>
        {% endfor %}
        </div>
    {% endif %}


    {% if org_formset.forms %}
        <hr class="line">
        <div class = 'subsection'>
        <div class="header">
         Sebutkan nama organisasi di luar Perguruan Tinggi yang pernah/sedang diikuti dan apa peran Anda (maksimal 3 yang utama menurut Anda)
        </div>
        {% for org_formset in org_formset.forms %}
        <div class="box">
            <table class = 'object-list'>
            {% uni_form org_formset org_formset.helper %}
            </table>
        </div>
        {% endfor %}
        </div>
    {% endif %}

    {% if committee_formset.forms %}
        <hr>
        <div class = 'subsection'>
        <div class="header">
          Sebutkan pengalaman kepanitiaan yang pernah/sedang diikuti dan apa peran Anda (maksimal 3 yang utama menurut Anda)</th>
                </tr>
            </table>
        </div>
        {% for committee_formset in committee_formset.forms %}
        <div class="box">
            <table class = 'object-list'>
            {% uni_form committee_formset committee_formset.helper %}
            </table>
        </div>
        {% endfor %}
        </div>
    {% endif %}

    {% if working_experience_formset.forms %}
        <hr>
        <div class = 'subsection'>
        <div class="header">
          Sebutkan pengalaman kerja bila Anda memilikinya
        </div>
        {% for working_experience_formset in working_experience_formset.forms %}
        <div class="box">
            <table class = 'object-list'>
            {% uni_form working_experience_formset working_experience_formset.helper %}
            </table>
        </div>
        {% endfor %}
        </div>
    {% endif %}

    {% if student_exchange_formset.forms %}
        <hr>
        <div class = 'subsection'>
        <div class="header">
           Apakah Anda pernah mengikuti program pertukaran pelajar?
        </div>
        {% for student_exchange_formset in student_exchange_formset.forms %}
        <div class="box">
            <table class = 'object-list'>
            {% uni_form student_exchange_formset student_exchange_formset.helper %}
            </table>
        </div>
        {% endfor %}
        </div>
    {% endif %}

    {% if difficulty_form %}
        <hr>
        <div class = 'subsection'>
        <div class="header">
           Dari pilihan berikut ini, manakah hambatan terbesar Anda untuk menjadi ODP dan mengapa? (Boleh pilih lebih dari 1)
        </div>
            <div class="box">
                <table class = 'object-list'>
                    {% uni_form difficulty_form difficulty_form.helper %}
                </table>
            </div>
        </div>
    {% endif %}
</div></div>
{% endif %}

{% if reason or objective or experience or achievement or strengths or weaknesses or youtube_form %}

<div class = 'subsection'>
        <table><tr>
		    <td class = 'rowLabel preview-title'><span>Esai</span></td>
		    <td class = 'formRow section_desc'>
		    {% if not application.submitted %}
                <a href = '{% url "application_form_essay" %}' class = 'button medium-button edit-button'><span>Ubah</span></a>
            {% endif %}
            </td>
	    </tr></table>
<div class="section essays">

    {% if reason %}
    <div class = 'subsection'>
        <div class = "topic">
            Apa motivasi Anda bergabung menjadi ODP 
            ODP?
        </div>       
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ reason.preview|linebreaks }}
            {% else %}
                {{ reason.text|linebreaks }}
            {% endif %}
        </div>
        
    </div>
    {% endif %}

    {% if challenge %}
    <div class = 'subsection'>
        <div class = "topic">
            Ceritakan pengalaman Anda ketika berusaha mencapai kesepakatan dalam situasi yang sulit di organisasi/pekerjaan.
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ challenge.preview|linebreaks }}
            {% else %}
                {{ challenge.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if experience %}
    <div class = 'subsection'>
        <div class = "topic">
            Jika ada, ceritakan pengalaman Anda dalam merintis suatu 
            kegiatan/membuat perubahan. Apa dampak dari tindakan 
            tersebut?
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ experience.preview|linebreaks }}
            {% else %}
                {{ experience.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if team_work  %}
    <div class = 'subsection'>
        <div class = "topic">
            Ceritakan pengalaman Anda dalam menyelesaikan tugas/pekerjaan dengan tim  yang sulit.
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ team_work.preview|linebreaks }}
            {% else %}
                {{ team_work.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if managing_disappointment %}
    <div class = 'subsection'>
        <div class = "topic">
            Ceritakan kekecewaan terbesar Anda dan bagaimana Anda mengelolanya.
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ managing_disappointment.preview|linebreaks }}
            {% else %}
                {{ managing_disappointment.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if principle_experience %}
    <div class = 'subsection'>
        <div class = "topic">
            Ceritakan pengalaman Anda ketika berada dalam situasi yang bertentangan dengan nilai/prinsip yang Anda yakini.
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ principle_experience.preview|linebreaks }}
            {% else %}
                {{ principle_experience.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if convinced_experience %}
    <div class = 'subsection'>
        <div class = "topic">
            Ceritakan pengalaman Anda dalam meyakinkan orang yang kedudukannya lebih tinggi dari Anda untuk mendapatkan dukungan atas sebuah ide  atau inisiatif.
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ convinced_experience.preview|linebreaks }}
            {% else %}
                {{ convinced_experience.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if expected_support %}
    <div class = 'subsection'>
        <div class = "topic">
            Dukungan apa yang Anda harapkan dari IM selama masa penugasan menjadi ODP?
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ expected_support.preview|linebreaks }}
            {% else %}
                {{ expected_support.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if strengths %}
    <div class = 'subsection'>
        <div class = "topic">Sebutkan 3 hal yang menjadi kekuatan karakter diri Anda.</div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ strengths.preview|linebreaks }}
            {% else %}
                {{ strengths.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if weaknesses %}
    <div class = 'subsection'>
        <div class = "topic">Sebutkan 3 hal yang menjadi kelemahan karakter diri Anda.</div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ weaknesses.preview|linebreaks }}
            {% else %}
                {{ weaknesses.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if select_reason %}
    <div class = 'subsection'>
        <div class = "topic">
            Sebutkan hal-hal yang mungkin menghalangi Anda untuk menjadi ODP, jika Anda diterima dan bagaimana mengatasinya?
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ select_reason.preview|linebreaks }}
            {% else %}
                {{ select_reason.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if other %}
    <div class = 'subsection'>
        <div class = 'topic'>
            Ceritakan kepada kami hal lain yang Anda ingin sampaikan 
            tentang diri Anda.
        </div>
        <div class = 'essay_text'>
            {% if not application.submitted %}
                {{ other.preview|linebreaks }}
            {% else %}
                {{ other.text|linebreaks }}
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if youtube_form %}
    <div class = 'subsection'>
        {% uni_form youtube_form youtube_form.helper %}
    </div>
    {% endif %}

</div></div>
{% endif %}


{% if reference_formset.forms %}

<div class = 'subsection'>
        <table><tr>
		    <td class = 'rowLabel preview-title'><span>Referensi</span></td>
		    <td class = 'formRow section_desc'>
		    {% if not application.submitted %}
                <a href = '{% url "application_form_reference" %}' class = 'button medium-button edit-button'><span>Ubah</span></a>
            {% endif %}
            </td>
	    </tr></table>


<div class="section">
    <div class="header">
    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).
    </div>
    {% for reference in reference_formset.forms %}
    <div class="box">
        <table class = 'object-list'>
        {% uni_form reference reference.helper %}
        </table>
    </div>
    {% endfor %}
</div>
</div>

{% endif %}
</div>

    <div class="submit">
      {% if not application.submitted and application.completed_count == 6 %}
        <button type="submit" class = 'button green-button send-application' value="KIRIM"/><span>Kirim Aplikasi</span></button>
        {% endif %}
    </div>

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