{% extends "kaehmy:base.html" %}

{% load bootstrap3 %}
{% load i18n %}

{% block navigation %}
    {% include "kaehmy:navigation.html" %}
{% endblock %}

{% block content %}
<div>
    <h2 style="padding-top: 1rem">{% trans "Kaehmylomake" %}</h2>

    <div id="input_form">
        <p>
            {% blocktrans %}Kaehmykoneella voit ilmaista kiinnostuksesi toimia killassa ensi vuonna.
            Listassa on vastuualueittain sekä hallitus- että toimihenkilövirkoja.
            Koska lista ei ole koskaan täydellinen, voit myös ehdottaa ihan uutta toimenkuvaa.
            Jos sinulla on kysyttävää mistä tahansa virasta, kannattaa konsultoida <a href="/static/other/kahmyopas.pdf">kaehmyopasta</a>
            tai olla yhteydessä kyseistä virkaa tänä vuonna toimittavaan henkilöön.{% endblocktrans %}
        </p>
        <p>
            {% blocktrans %}Muista, että kaehmyn lähettäminen on kiinnostuksen ilmaus
            eikä siis missään nimessä sitova ilmoittautumien mihinkään tehtävään!{% endblocktrans %}
        </p>
        <h5>{% trans "Päivämääriä & deadlineja" %}</h5>
        <ul>
            <li><strong>24.10.</strong> {% blocktrans %}Kiltailta{% endblocktrans %}</li>
            <li><strong>28.10.</strong>  {% blocktrans %}Hallitustyrkkypaneeli (haku hallitukseen olisi hyvä tehdä ennen tätä!){% endblocktrans %}</li>
            <li><strong>4.11.</strong>  {% blocktrans %}Vaalikokous, osa 1 (puheenjohtajan valinta){% endblocktrans %}</li>
            <li><strong>14.11.</strong> {% blocktrans %}Vaalikokous, osa 2 (hallituksen valinta){% endblocktrans %}</li>
            <li><strong>18.11.</strong> {% blocktrans %}Infoilta toimarihakijoille (haku toimariksi olisi hyvä tehdä ennen tätä){% endblocktrans %}</li>
            <li><strong>25.11.</strong> {% blocktrans %}Vaalikokous, osa 3 (toimarien valinta){% endblocktrans %}</li>
        </ul>
        <form name="kaehmyForm" action="/kaehmy/submit/" method="post" class="form">{% csrf_token %}
            {% bootstrap_field form.name %}
            {% bootstrap_field form.email %}
            {% bootstrap_field form.phone_number %}
            {% bootstrap_field form.year %}

            <h4>{% trans "Preset roles" %}</h4>
            {% for preset_field in form %}
                {% if "preset_roles_" in preset_field.name %}
                    <div class="card">
                        <div class="card-header">
                            {{ preset_field.label }}
                        </div>
                        <div class="card-block">
                            {% bootstrap_field preset_field show_label=False %}
                        </div>
                    </div>
                {% endif %}
            {% endfor %}

            {% for custom_field in form %}
                {% if custom_field.name == 'custom_roles' %}
                    <div class="card">
                        <div class="card-header">
                            {{ custom_field.label }}
                        </div>
                        <div class="card-block">
                            {% bootstrap_field custom_field show_label=False %}
                        </div>
                    </div>
                {% endif %}
            {% endfor %}
            <div class="card">
                <div class="card-block">
                    {% bootstrap_field form.custom_role_name %}
                    {% bootstrap_field form.custom_role_is_board %}
                </div>
            </div>
            {% bootstrap_field form.text %}

            <input type="checkbox" required name="gdpr" value="1">
            <span>{% blocktrans %}
                Hyväksyn <a href="https://sik.ayy.fi/files/official/Tietosuojaseloste%20%E2%80%93%20Toimihenkil%C3%B6ksi%20hakemisen%20rekisteri.pdf" target="_blank">tietosuojaselosteen</a> ja tietojeni tallentamisen.
                {% endblocktrans %}
            </span>
            {% buttons %}
            <button type="submit" class="btn btn-primary">
                {% trans "Submit" %}
            </button>
            {% endbuttons %}
        </form>
    </div>
</div>
{% endblock content %}
