{% extends "forms.html" %}
{% load forms %}
{% load applications %}


{% block title %}Step 3: Applicant{% endblock %}


{% block breadcrumbs %}
<div class="breadcrumbs">
    <a href='{% url "index" %}'>Home</a>&nbsp;›
    <a href="{% url 'kg_application_list' %}">Applications</a>&nbsp;›
    {{ application }}&nbsp;›
    Step 3: Applicant
</div>
{% endblock %}


{% block content %}
<div class="module">
    <h2>3. Applicant</h2>

    <form method="post" action="." novalidate>{% csrf_token %}
        {% if status %}
            <p>You are already registered in the system.</p>
            <div class="table-container">
                <table class="keyvalue">
                    <tr><th>Username:</th><td>{{ application.applicant.username }}</td></tr>
                    <tr><th>Short name:</th><td>{{ application.applicant.get_short_name }}</td></tr>
                    <tr><th>Full name:</th><td>{{ application.applicant.get_full_name }}</td></tr>
                    <tr><th>Institute:</th><td>{% if application.applicant.institute %}<a href="{{ application.applicant.institute.get_absolute_url }}">{{ application.applicant.institute }}</a>{% else %}None{% endif %}</td></tr>
                    {% if application.applicant.position %}<tr><th>Position:</th><td>{{ application.applicant.position }}</td></tr>{% endif %}
                    {% if application.applicant.telephone %}<tr><th>Phone:</th><td>{{ application.applicant.telephone }}</td></tr>{% endif %}
                    {% if application.applicant.mobile %}<tr><th>Mobile:</th><td>{{ application.applicant.mobile }}</td></tr>{% endif %}
                    {% if application.applicant.department %}<tr><th>Department:</th><td>{{ application.applicant.department }}</td></tr>{% endif %}
                    {% if application.applicant.supervisor %}<tr><th>Supervisor:</th><td>{{ application.applicant.supervisor }}</td></tr>{% endif %}
                    {% if application.applicant.fax %}<tr><th>Fax:</th><td>{{ application.applicant.fax }}</td></tr>{% endif %}
                </table>
            </div>
        {% else %}
            <p>Any changes to the following will affect all you applications. You currently have the following applications open.</p>
            <ol>
            {% for app in application.application.applications %}
                {% if app == application %}
                <li> {{ app }} (this application)</li>
                {% else %}
                <li> {{ app }} </li>
                {% endif %}
            {% endfor %}
            </ol>
            {% if form.errors or form.non_field_errors %}
            <p class="errornote">Please correct the error(s) below.</p>
            {% endif %}
            {% if application.header_message %}{{ application.header_message|linebreaks }}{% endif %}
            <fieldset class="module aligned ()">
            <h2>Account Details</h2>
            <p>This username will be used for your computer account as well as access to this website.</p>
            {% form_as_div form %}
        {% endif %}

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