{% extends 'backend/base.html' %}
{% load url from future %}

{% block content %}

<div class = 'top clearfix'>
    
    <h1>Program ODP Angkatan {{ program }}</h1>
    
    {% if program.in_scoring_phase %}
        <a href = '#' class = 'button' data-controls-modal="modal-confirm" data-backdrop="true" data-keyboard="true">Tutup tahap penilaian</a>
        <div id="modal-confirm" class="modal fade">
            <div class="modal-body">
                Apakah Anda yakin mau menutup tahap penilaian? Dengan menutup tahap ini, email akan dikirimkan ke semua ODP yang berhasil ataupun gagal.
            </div>

            {% if perms.applications.change_program %}
            <div class="modal-footer">
                <a href="#" class="close button gray">Batal</a>
                <a href="{% url 'backend:programs:close_scoring_phase' program.id %}" class="button red">Tutup</a>
            </div>
            {% endif %}

        </div>
    {% endif %}

</div>

<div id="detail">

<h2>Informasi Dasar</h2>
<div class="section">
    <div class = 'subsection'>

        <div class="box">
            <table class = 'data'>
                <tr>
                    <td class = 'rowLabel'>Registrasi dibuka</td>
                    <td class = 'formRow'>{{ program.registration_start_date }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Registrasi ditutup</td>
                    <td class = 'formRow'>{{ program.registration_end_date }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Aktif</td>
                    <td class = 'formRow'>{{ program.active|yesno:"Ya, Tidak" }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Seleksi tahap I</td>
                    <td class = 'formRow'>{{ program.phase_1_selection_date }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Seleksi tahap II</td>
                    <td class = 'formRow'>{{ program.phase_2_selection_date }}</td>
                </tr>
            </table>
        </div>
    </div>
    
<h2>Statistik</h2>
<div class="section">
    <div class = 'subsection'>

        <div class="box">
            <table class = 'data'>
                <tr>
                    <td class = 'rowLabel'>Jumlah Aplikasi</td>
                    <td class = 'formRow'>{{ program.applications.count }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Aplikasi telah terkirim</td>
                    <td class = 'formRow'>{{ program.get_submitted_application_count }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Aplikasi belum dinilai</td>
                    <td class = 'formRow'>{{ program.unreviewed_application_count }}</td>
                </tr>
                
                {% comment %}
                <tr>
                    <td class = 'rowLabel'>Aplikasi belum dikirim</td>
                    <td class = 'formRow'>{{ program.get_open_application_count }}</td>
                </tr>
                
                <tr>
                    <td class = 'rowLabel'>Aplikasi terdiskualifikasi</td>
                    <td class = 'formRow'>{{ program.get_submitted_application_count }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Lolos seleksi tahap I</td>
                    <td class = 'formRow'>{{ program.get_phase1_count }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Lolos seleksi tahap II</td>
                    <td class = 'formRow'>{{ program.get_phase2_count }}</td>
                </tr>
                <tr>
                    <td class = 'rowLabel'>Lolos menjadi ODP</td>
                    <td class = 'formRow'>{{ program.get_pengajar_muda_count }}</td>
                </tr>
                {% endcomment %}
            </table>
        </div>

    </div>
    
</div>



{% endblock %}