{% extends 'base.html' %}

{% load url from future %}
{% block title %}Account Settings{% endblock %}
{% block bodyclass %}account_settings{% endblock %}

{% block content %}

{% if application %}
    <div id = 'application_status'>
        <h3>STATUS APLIKASI ODP ANGKATAN {{ application.program }}</h3>
        <h2>{{ application.get_status_display }}</h2>
        {% if next_form %}
            <a href="{{ next_form }}" class="next_form orange_button">Lanjutkan Aplikasi</a>
            <span id="form_counter">({{ application.completed_count }} dari 6 SELESAI)</span>
        {% endif %}
        {% if application.submitted %}
            <p>
            No. registrasi Anda adalah <strong>{{ application.registration_number }}</strong>. Hasil seleksi akan diumumkan di website pada tanggal {{ program.phase_1_selection_date|date:"d F Y" }}.</p>
            {% if today > program.registration_end_date %}
                <a href="{% url application_preview %}" class="next_form orange_button">Lihat Aplikasi</a>
            {% endif %}
        {% endif %}
    </div>
{% else %}
    <div id = 'application_status'>
        <h3>APLIKASI ODP ANGKATAN {{ application.program }}</h3>
        <hr/>
        <h2>PENDAFTARAN SUDAH DIBUKA</h2>
        <br>
        <a href="{% url application_form_basic_info %}" class="next_form orange_button">Mulai isi applikasi</a>
    </div>
{% endif %}

{% if application_list %}
<div id='account_settings'>
    <h4>RIWAYAT APLIKASI ANDA SEBELUMNYA</h4>
    <hr/>
    <table class = 'object_list'>
        {% for app in application_list %}
            <tr>
                <td class='name'>
                    <a href='{% if application.id == app.id %}{% url application_preview %}{% else %}{% url old_application_preview app.program_id %}{% endif %}'>
                        APLIKASI ANGKATAN {{ app|upper }}
                    </a>
                </td>
                <td class='status'>
                    {{ app.get_status_display|upper }}
                </td>
            </tr>
        {% endfor %}
    </table>
</div>
{% endif %}

<div id = 'account_settings'>
    <div id = 'profile_info' class = 'table_container'>
        <a href="{% url userena_profile_edit %}" class="edit orange_button">Edit</a>
        <h4>INFORMASI PROFIL</h4>
        <hr/>
        <table class = 'object_list'>
            <tr>
                <td class = 'label'>Nama</td>
                <td class = 'val'>
                {{ profile.first_name }}
                {{ profile.middle_name|default:"" }}
                {{ profile.last_name|default:"" }}
                </td>
            </tr>
            <tr>
                <td class = 'label'>Alamat</td>
                <td class = 'val'>{{ profile.address }}</td>
            </tr>
            <tr>
                <td class = 'label'>Nomor HP</td>
                <td class = 'val'>{{ profile.mobile_phone }}</td>
            </tr>
            <tr>
                <td class = 'label'>Telp. Rumah/HP 2</td>
                <td class = 'val'>{{ profile.phone }}</td>
            </tr>
            <tr>
                <td class = 'label'>Profil Facebook</td>
                <td class = 'val'>{{ profile.facebook }}</td>
            </tr>
            <tr>
                <td class = 'label'>Profil Twitter</td>
                <td class = 'val'>{{ profile.twitter }}</td>
            </tr>
            <tr>
                <td class = 'label'>Profil LinkedIn</td>
                <td class = 'val'>{{ profile.linked_in }}</td>
            </tr>
        </table>

        <div id="change_email">
            <hr/>
            <h4>EMAIL</h4>
            <a href="{% url userena_email_change user %}" class="edit orange_button">Edit</a>
            <hr/>
        </div>

        <table class = 'object_list'>
            <tr>
                <td class = 'label'>Email</td>
                <td class = 'val'>{{ profile.user.email }}</td>
            </tr>
        </table>
    </div>


    <div id = 'change_password' class = 'table_container'>
        <form action="{% url applications_change_password %}" method="post">
            {% csrf_token %}
            <h4>GANTI PASSWORD</h4>
            <hr/>
            <table>
                <tr>
                    <td class = 'label'>Password Lama</td>
                    <td class = 'val'>
                        {{ password_change_form.old_password.errors }}
                        {{ password_change_form.old_password }}
                    </td>
                </tr>
                <tr>
                    <td class = 'label'>Password Baru</td>
                    <td class = 'val'>
                        {{ password_change_form.new_password1.errors }}
                        {{ password_change_form.new_password1 }}
                    </td>
                </tr>
                <tr>
                    <td class = 'label'>Konfirmasi Password</td>
                    <td class = 'val'>
                        {{ password_change_form.new_password2.errors }}
                        {{ password_change_form.new_password2 }}
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type = 'submit' value = 'SUBMIT' class = 'button'></td>
                </tr>

            </table>
        </form>
    </div>


</div>

{% endblock %}