{% load i18n %}
{# add id_prefix to context if you have multiple submit_rows in a page #}
<div class="submitrow">
    {% if form.manipulator.change %}
        <div class="inner">
            <input id="{{id_prefix}}id_force_create" type="checkbox" name="force_create"
                   value="on"
                   {% if form.force_create.data %} checked="checked" {% endif %}
                   onclick="{{id_prefix}}handle_force_create_change()" />
            <label for="{{id_prefix}}id_force_create">{% trans "Neu anlegen statt aendern" %}</label>
        </div>
        {% if form.force_create.data %}
            <input class="vCheckboxField" type="submit" id="{{id_prefix}}id_submit" value="{% trans "Anlegen" %}" />
        {% else %}
            <input type="submit" id="{{id_prefix}}id_submit" value="{% trans "Aendern" %}" />
        {% endif %}
        <script type="text/javascript">
            function {{id_prefix}}handle_force_create_change() {
                var force_create_el = document.getElementById("{{id_prefix}}id_force_create");
                if (force_create_el) {
                    var submit_el = document.getElementById("{{id_prefix}}id_submit");
                    if (force_create_el.checked) {
                        submit_el.value="{% trans "Anlegen" %}";
                        submit_el.style.color="red";
                    }
                    else {
                        submit_el.value="{% trans "Aendern" %}";
                        submit_el.style.color="black";
                    }
                }
            }
        </script>
    {% else %}
        <input type="hidden" name='force_create' checked="checked" value="on" />
        <input type="submit" id="{{id_prefix}}id_submit" value="{% trans "Anlegen" %}" />
    {% endif %}
</div>