{% extends 'backend/base.html' %}
{% load uni_form_tags %}
{% load url from future %}
{% block bodyclass %}manual_score{% endblock %}

{% block content %}
<h1>Nomor: {{ review.application.registration_number }}</h1>
<div id="detail"><form action = '' method = 'POST' name = 'scoring_form' id="manual_score_form">
    {% csrf_token %}
    <h2>Data Aplikasi</h2>
    
    <div class="section essays">
        {{ form.errors }}
        <div class = 'subsection'>            
            <div class = 'box relative'>
                <table class = 'data'>
                    <tr>
                        <td class = 'rowLabel'>Perguruan tinggi</td>
                        <td class = 'formRow'>
                            {% for education in review.application.educations.all %}
                                {% if education.university_other %}
                                    {{ education.university_other }}
                                {% else %}
                                    {{ education.get_university_display }}
                                {% endif %}
                            {% endfor %}
                        </td>
                    </tr>
                </table>
                <div class = 'score'>
                    <table>
                        <tr>
                            <td class = 'label'>Beri nilai tambahan</td>
                            <td class = 'input'>{{ form.university }}</td>
                        </tr>
                        <tr>
                            <td class='label'>Motivasi menjadi PM</td>
                            <td class='input'>{{ form.motivation }}</td>
                        </tr>
                        <tr>
                            <td class='label'>Adaptability</td>
                            <td class='input'>{{ form.usefulness }}</td>
                        </tr>
                        <tr>
                            <td class='label'>Initiating action</td>
                            <td class='input'>{{ form.initiative }}</td>
                        </tr>
                        <tr>
                            <td class='label'>Gaining Communication</td>
                            <td class='input'>{{ form.communication }}</td>
                        </tr>
                        <tr>
                            <td class='label'>Resilience</td>
                            <td class='input'>{{ form.resilience }}</td>
                        </tr>
                        <tr>
                            <td class='label'>Genuine/originalitas</td>
                            <td class='input'>{{ form.originality }}</td>
                        </tr>
                        <tr>
                            <td class='label'>Writing skills</td>
                            <td class='input'>{{ form.writing_skill }}</td>
                        </tr>
                    </table>
                </div>
            </div>
            
            
            {% if reason %}
                <div class = 'box'>
                    <div class = "topic">Mengapa Anda ingin menjadi ODP?</div>
                    <div class = 'essay_text'>
                        {{ reason.text|linebreaks }}
                    </div>
                </div>
            {% endif %}
            
            {% if objective %}
                <div class = 'box'>
                    <div class = "topic">
                        Inisiatif dalam Organisasi dan Tantangan didalamnya, Serta Hasil dari Mengatasi tantangan
                    </div>
                    <div class = 'essay_text'>
                        {{ objective.text|linebreaks }}
                        {% comment %}
                        <div class = 'score'>
                            <table>
                                <tr>
                                    <td class = 'label'>Tujuan muncul</td>
                                    <td class = 'input'>{{ form.purpose }}</td>
                                </tr>
                                <tr>
                                    <td class = 'label'>Hambatan muncul</td>
                                    <td class = 'input'>{{ form.difficulty }}</td>
                                </tr>
                                <tr>
                                    <td class = 'label'>Action muncul</td>
                                    <td class = 'input'>{{ form.action }}</td>
                                </tr>
                                <tr>
                                    <td class = 'label'>Result muncul</td>
                                    <td class = 'input'>{{ form.result }}</td>
                                </tr>
                            </table>
                        </div>
                        {% endcomment %}
                    </div>
                </div>
            {% endif %}

            {% if challenge %}
                <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'>
                        {{ challenge.text|linebreaks }}
                    </div>
                </div>
            {% endif %}
            
            {% if experience %}
                <div class = 'box'>
                    <div class = "topic">
                        Pengalaman Anda dalam Merintis Sesuatu
                    </div>
                    <div class = 'essay_text'>
                        {{ experience.text|linebreaks }}
                        {% comment %}
                        <div class = 'score'>
                            <table>
                                <tr>
                                    <td class = 'label'>Ide</td>
                                    <td class = 'input'>{{ form.idea }}</td>
                                </tr>
                                <tr>
                                    <td class = 'label'>Dampak</td>
                                    <td class = 'input'>{{ form.impact }}</td>
                                </tr>
                            </table>
                        </div>
                        {% endcomment %}
                    </div>
                </div>
            {% 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 tersulit yang pernah Anda hadapi
                        dan bagaimana Anda melaluinya?
                    </div>
                    <div class = 'essay_text'>
                        {{ hardest_experience.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 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 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">Pencapaian pribadi Anda yang paling Anda syukuri.</div>
                    <div class = 'essay_text'>
                        {{ achievement.text|linebreaks }}
                        {% comment %}
                        <div class = 'score'>
                            <table>
                                <tr>
                                    <td class = 'label'>Daya juang</td>
                                    <td class = 'input'>{{ form.perseverance }}</td>
                                </tr>
                            </table>
                        </div>
                        {% endcomment %}
                    </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 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 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 %}

            {% 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 %}
            
        </div>
        <div class = 'subsection'>            
            <div class = 'box'>
                <div class="header">
                    <table class = 'data'>
                        <tr><th class="rowLabel">Komentar</th></tr>
                    </table>
                </div>
                <div class = 'input_wrapper'>{{ form.comment }}</div>
            </div>
        </div>
        
        <input type = 'hidden' name = 'continue' value = '' id = 'id_continue'>
        <div class = 'buttons'>
        <button class="button submit_and_stop" data-loading-text="<span>Loading...</span>"><span>Submit</span></button> 
        <button class="button submit_and_continue" data-loading-text="<span>Loading...</span>"><span>Simpan & Teruskan</span></button> 
        </div>
    </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 %}
        
        {% if language %}
            <div class = 'subsection'>
                <div class="header">
                    <table class = 'data'>
                        <tr>
                            <th class="title" colspan='2'><strong>Penguasaan Bahasa Asing</strong></th>
                        </tr>
                    </table>
                </div>
                <div class="box">
                    <table class = 'data'>
                        {% for lang in language %}
                            <tr>
                                <th class="title" colspan='2'><strong>{{ lang.get_language_display }}</strong></th>
                            </tr>
                            <tr>
                                <td class="rowLabel">Reading</td>
                                <td class="formRow">{{ lang.get_reading_display }}</td>
                            </tr>
                            <tr>
                                <td class="rowLabel">Writing</td>
                                <td class="formRow">{{ lang.get_writing_display }}</td>
                            </tr>
                            <tr>
                                <td class="rowLabel">Speaking</td>
                                <td class="formRow">{{ lang.get_speaking_display }}</td>
                            </tr>
                        {% endfor %}
                    </table>
                </div>
	        </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 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 %}
        
</form></div>
{% endblock %}