{% extends 'backend/base.html' %}

{% load i18n number_tags uni_form_tags ui_utils_tags %}
{% load url from future %}
{% block content %}

<h1>Nomor: {{ application.registration_number }}</h1>

{% if application.score or application.score_auto or application.score_manual %}
    <div id = 'scores'>
        
        <h2>Hasil Penilaian</h2>
        
        <div class="section">
            <div class = 'subsection'>
                
                <div class="box">
                    <table class = 'data'>
                        <tr>
                            <td class = 'rowLabel'><strong>Nilai Akhir</strong></td>
                            <td class = 'formRow'><strong>{{ application.score|floatformat:2|default:'-' }}</strong></td>
                        </tr>
                        <tr>
                            <td class = 'rowLabel'>Nilai Manual</td>
                            <td class = 'formRow'>{{ application.score_manual|floatformat:2|default:'-' }}</td>
                        </tr>
                        <tr>
                            <td class = 'rowLabel'>Nilai Otomatis</td>
                            <td class = 'formRow'>{{ application.score_auto|floatformat:2|default:'-' }}</td>
                        </tr>
                    </table>
                </div>
                
                {% for review in application.reviews.all %}
                    {% if review.score or review.score == 0 %}
                    <div class="box">
                        <table class = 'data manual-score-container'>
                            <tr class = 'reviewer'>
                                <td class = 'rowLabel'>Penilai {{ forloop.counter }}:</td>
                                <td class = 'formRow'><strong>{{ review.reviewer.profile }}</strong></td>
                            </tr>
                            <tr class = 'manual-score'>
                                <td class = 'rowLabel'>Nilai</td>
                                <td class = 'formRow'>{{ review.score|floatformat:2 }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Nilai Tambahan</td>
                                <td class = 'formRow'>{{ review.university|yesno:"Ya,Tidak" }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Motivasi menjadi PM</td>
                                <td class = 'formRow'>{{ review.get_motivation_display }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Adaptability</td>
                                <td class = 'formRow'>{{ review.get_usefulness_display }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Initiating action</td>
                                <td class = 'formRow'>{{ review.get_initiative_display }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Gaining communication</td>
                                <td class = 'formRow'>{{ review.get_communication_display }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Resilience</td>
                                <td class = 'formRow'>{{ review.get_resilience_display }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Genuine/originalitas</td>
                                <td class = 'formRow'>{{ review.get_originality_display }}</td>
                            </tr>
                            <tr>
                                <td class = 'rowLabel'>Writing skills</td>
                                <td class = 'formRow'>{{ review.get_writing_skill_display }}</td>
                            </tr>
                            {% if review.comment %}
                            <tr class = 'comment'>
                                <td colspan = '2'>
                                    <h3>KOMENTAR</h3>
                                    {{ review.comment }}
                                </td>
                            </tr>
                            {% endif %}
                        </table>
                    </div>
                    {% else %}
                    <div class="box">
                        <table class = 'data manual-score-container'>
                            <tr class = 'reviewer'>
                                <td class = 'rowLabel'>Penilai {{ forloop.counter }}:</td>
                                <td class = 'formRow'><strong>{{ review.reviewer.profile }}</strong></td>
                            </tr>
                            <tr class = 'manual-score'>
                                <td class = 'rowLabel'>Belum selesai dinilai</td>
                                <td class = 'formRow'></td>
                            </tr>
                        </table>
                    </div>
                    {% endif %}
                {% endfor %}
                
            </div>
        </div>
    </div>

{% endif %}


<div id="detail">

<h2>Informasi Dasar</h2>
<div class="section">
    <div class = 'subsection'>
        <div class="box">
            <table class = 'data'>
                {% uni_form account_information account_information.helper %}
                <tr>
                    <td class = 'rowLabel'>Foto Profil</td>
                    <td class = 'formRow'>
                        {% if profile.picture %}
                            <img src = '{{ profile.picture.url }}'>
                        {% else %}
                            <span class = 'errorlist'>Foto profil tidak boleh kosong</span>
                        {% endif %}
                    </td>
                </tr>
            </table>
        </div>
    </div>

    {% if online_profile %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Profil Online</th>
                </tr>
            </table>
        </div>
        <div class="box">
            <table class = 'data'>
            {% uni_form online_profile online_profile.helper %}
            </table>
        </div>
    </div>
    {% endif %}

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

    <div class='subsection'>

        <div class='box'>
            <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='box'>
            <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='box'>
            <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='box'>
            <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='box'>
            <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='box'>
            <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='box'>
            <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>
    {% endif %}

</div>


<h2>Informasi Kontak</h2>
<div class="section">
    
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr class = "even">
                    <th class="rowLabel">Alamat Tinggal Sekarang</th>
                </tr>
            </table>
        </div>
        <div class="box">
            <table class = 'data'>
                {% uni_form address address.helper %}
            </table>
        </div>
    </div>
    
    {% if id_address %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr class = "even">
                    <th class="rowLabel">Alamat Sesuai KTP</th>
                </tr>
            </table>
        </div>
        <div class="box">
            <table class = 'data'>
            {% uni_form id_address id_address.helper %}
            </table>
        </div>
    </div>
    {% endif %}
</div>

<h2>Pendidikan</h2>
<div class="section">
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Berapa jumlah gelar yang Anda miliki?</th>
                    <td>{{ education_formset.total_form_count }}</td>
                </tr>
            </table>
        </div>
        {% for education in education_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form education education.helper %}
            </table>
        </div>
        {% endfor %}
    </div>

    {% if training_formset.forms %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Berapa pelatihan yang pernah Anda ikuti?</th>
                    <td>{{ training_formset.total_form_count }}</td>
                </tr>
            </table>
        </div>
        {% for training in training_formset.forms %}
        <div class="box">
            <table class = 'data'>
             {% uni_form training training.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if achievements_formset.forms %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Apakah Anda memiliki prestasi yang Anda banggakan?</th>
                    <td>{{ achievements_formset.total_form_count }}</td>
                </tr>
            </table>
        </div>
        {% for achievements in achievements_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form achievements achievements.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if scholarship_formset.forms %}
     <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Apakah Anda pernah menerima dana beasiswa?</th>
                    <td>{{ scholarship_formset.total_form_count }}</td>
                </tr>
            </table>
        </div>
        {% for scholarship in scholarship_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form scholarship scholarship.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if grant_formset.forms %}
    <div class = 'subsection'>    
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="title">Apakah Anda pernah menerima dana grant?</th>
                    <td>{{ grant_formset.total_form_count }}</td>
                </tr>
            </table>
        </div>
        {% for grant in grant_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form grant grant.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}
</div>


{% if university_org_formset.forms or org_formset.forms or committee_formset.forms or working_experience_formset.forms or student_exchange_formset.forms or difficulties %}
<h2>Pengalaman</h2>
<div class="section">
    {% if university_org_formset.forms %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Organisasi Kampus :</th>
                </tr>
            </table>
        </div>
        {% for university_org_formset in university_org_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form university_org_formset university_org_formset.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if org_formset.forms %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Organisasi :</th>
                </tr>
            </table>
        </div>
        {% for org_formset in org_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form org_formset org_formset.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if committee_formset.forms %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Kepanitiaan :</th>
                </tr>
            </table>
        </div>
        {% for committee_formset in committee_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form committee_formset committee_formset.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if working_experience_formset.forms %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Pengalaman kerja :</th>
                </tr>
            </table>
        </div>
        {% for working_experience_formset in working_experience_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form working_experience_formset working_experience_formset.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if student_exchange_formset.forms %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr>
                    <th class="rowLabel">Pertukaran pelajar :</th>
                </tr>
            </table>
        </div>
        {% for student_exchange_formset in student_exchange_formset.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form student_exchange_formset student_exchange_formset.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
    {% endif %}
    
    {% if difficulties %}
    <div class = 'subsection'>
        <div class="header">
            <table class = 'data'>
                <tr class = "even">
                    <th class="rowLabel">Hambatan</th>
                </tr>
            </table>
        </div>
        <div class="box">
            <table class = 'data'>
                {% uni_form difficulties difficulties.helper %}
            </table>
        </div>
    </div>
    {% endif %}
    
</div>
{% endif %}

{% if reason or objective or experience or achievement or strengths or weaknesses %}
<h2>Esai</h2>
<div class="section essays">
    <div class = 'subsection'>

        {% if reason %}
            <div class = 'box'>
                <div class = "topic">
                    Apa motivasi Anda bergabung menjadi ODP 
                    ODP?
                </div>
                <div class = 'essay_text'>{{ reason.text|linebreaks }}</div>
            </div>
        {% endif %}

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

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

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

        {% if managing_disappointment %}
            <div class = 'box'>
                <div class = "topic">
                    Ceritakan kekecewaan terbesar Anda dan bagaimana Anda mengelolanya.
                </div>
                <div class = 'essay_text'>{{ managing_disappointment.text|linebreaks }}</div>
            </div>
        {% endif %}

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

        {% if convinced_experience %}
            <div class = 'box'>
                <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'>{{ convinced_experience.text|linebreaks }}</div>
            </div>
        {% endif %}

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

        {% if strengths %}
            <div class = 'box'>
                <div class = "topic">
                    Jelaskan 3 hal yang menjadi kekuatan karakter diri Anda.
                </div>
                <div class = 'essay_text'>{{ strengths.text|linebreaks }}</div>
            </div>
        {% endif %}
        
        {% if weaknesses %}
            <div class = 'box'>
                <div class = "topic">
                    Jelaskan 3 hal yang menjadi kelemahan karakter diri Anda.
                </div>
                <div class = 'essay_text'>{{ weaknesses.text|linebreaks }}</div>
            </div>
        {% endif %}

        {% if biggest_challenge %}
            <div class = 'box'>
                <div class = "topic">
                    Sebutkan hal-hal yang mungkin menghalangi Anda untuk menjadi
                    ODP dan bagaimana mengatasinya!
                </div>
                <div class = 'essay_text'>{{ biggest_challenge.text|linebreaks }}</div>
            </div>
        {% endif %}

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

        {% if application.youtube %}
            <div class = 'box'>
                <div class = 'topic'>
                    Jika ada, Anda dipersilahkan untuk 
                    meng-upload video diri Anda di youtube dan 
                    mohon cantumkan link.
                </div>
                <div class = 'essay_text'>{{ application.youtube }}</div>
            </div>
        {% endif %}

        {% if objective %}
            <div class = 'box'>
                <div class = "topic">
                    Ketika Anda aktif dalam organisasi atau pekerjaan,
                    mohon ceritakan satu tujuan yang ingin dicapai,
                    hambatan (masalah) yang pernah menghadang pencapaian tujuan
                    tersebut, bagaimana inisiatif Anda untuk mengatasinya
                    dan bagaimana hasil akhirnya?
                </div>
                <div class = 'essay_text'>{{ objective.text|linebreaks }}</div>
            </div>
        {% endif %}
        
        {% endif %}

        {% if action %}
            <div class = 'box'>
                <div class = "topic">
                    Tindakan apa yang pernah Anda lakukan yang memberikan 
                    manfaat bagi orang lain dan paling berkesan bagi Anda? 
                    Mengapa Anda melakukan itu?
                </div>
                <div class = 'essay_text'>{{ action.text|linebreaks }}</div>
            </div>
        {% endif %}

        {% if hardest_experience %}
            <div class = 'box'>
                <div class = "topic">
                    Ceritakan satu pengalaman nyata dalam organisasi/ pekerjaan dimana ada hambatan/masalah/tantangan yang pernah dihadapi, bagaimana Anda mengatasinya dan bagaimana hasilnya.
                </div>
                <div class = 'essay_text'>{{ hardest_experience.text|linebreaks }}</div>
            </div>
        {% endif %}

        {% if future_plan %}
            <div class = 'box'>
                <div class = "topic">
                    Jika Anda menjadi ODP, apa rencana Anda setelah 
                    1 tahun penugasan?
                </div>
                <div class = 'essay_text'>{{ future_plan.text|linebreaks }}</div>
            </div>
        {% endif %}
        
        {% if achievement %}
            <div class = 'box'>
                <div class = "topic">Ceritakan pencapaian pribadi Anda yang paling Anda syukuri.</div>
                <div class = 'essay_text'>{{ achievement.text|linebreaks }}</div>
            </div>
        {% endif %}

        {% if select_reason %}
            <div class = 'box'>
                <div class = "topic">
                    Jelaskan mengapa kami harus memilih Anda menjadi ODP? 
                </div>
                <div class = 'essay_text'>{{ select_reason.text|linebreaks }}</div>
            </div>
        {% endif %}

    </div>
</div>

{% endif %}

{% if reference %}
<h2>Referensi</h2>
<div class="section">
    <div class = 'subsection'>
        {% for reference in reference.forms %}
        <div class="box">
            <table class = 'data'>
            {% uni_form reference reference.helper %}
            </table>
        </div>
        {% endfor %}
    </div>
</div>
{% endif %}

</div>



{% endblock %}