{% extends "dav_events/event_create/base.html" %}
{% load i18n %}
{% load bootstrap3 %}

{% block head-additional %}
<script type="text/javascript">
    function init_registration_required_handler() {
        var e = $("#id_registration_required");
        if(e != null) {
            e.change(function(){ registration_required_handler(); });
            if(!e.prop("checked")) {
                $("input[name=deadline_other]").prop("disabled", true);
                $("div[class~=registration_settings]").hide();
            }
        }
    }

    function registration_required_handler() {
        var e = $("#id_registration_required");
        if(e != null)
            checked = e.prop("checked");
        else
            checked = true;

        // $("input[name=deadline]").prop("disabled", !checked);
        $("input[name=deadline_other]").prop("disabled", !checked);

        var elements = $("div[class~=registration_settings]");
        if(checked) {
            elements.slideDown();
        } else {
            elements.slideUp();
            $("#id_min_participants").val("0");
            $("#id_max_participants").val("0");
        }
    }

    $(document).ready(function(){
        init_registration_required_handler();
    });
</script>
{% endblock head-additional %}

{% block form-fields-visible %}
<div class="row">
    <div class="col-sm-12">
        <label>{% trans 'Teilnehmerzahl' %}</label> (0 = {% trans 'unreglementiert' %})
        <div class="row">
        <div class="col-sm-6">
            {% bootstrap_field form.min_participants %}
        </div>
        <div class="col-sm-6">
            {% bootstrap_field form.max_participants %}
        </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-3">
        <label>{% trans 'Anmeldung' %}</label>
        {% bootstrap_field form.registration_required %}
    </div>
    <div class="col-sm-9">
        <div class="row registration_settings">
            <div class="col-sm-12">
                {% bootstrap_field form.deadline %}
            </div>
        </div>
        <div class="row registration_settings">
            <div class="col-sm-12">
                {% bootstrap_field form.deadline_other %}
            </div>
        </div>
    </div>
</div>
<div class="row registration_settings">
    <div class="col-sm-12">
        {% bootstrap_field form.registration_howto %}
    </div>
</div>
{% endblock form-fields-visible %}