{% load custom_tags_and_filters %}
{# include original file from NEMO #}
{% include 'accounts_and_projects/create_account.html' %}
<div class="form-group" id="account-billing-details" style="display: none">
    <label for="invoice_configuration" class="control-label col-sm-2">Invoice configuration</label>
    <div class="col-sm-4">
        <select id="invoice_configuration" name="invoice_configuration" class="form-control">
            <option value="">---------</option>
            {% for cfg_id, cfg_name in form_details.fields.invoice_configuration.choices %}
                {% if cfg_id %}
                    <option value="{{ cfg_id }}"
                            {% if cfg_id == form_details.invoice_configuration.value|to_int %}selected{% endif %}>
                        {{ cfg_name }}
                    </option>
                {% endif %}
            {% endfor %}
        </select>
        <div class="form-control-static">
            <small><i>{{ form_details.invoice_configuration.help_text }}</i></small>
        </div>
    </div>
    <div class="col-sm-6 form-control-static danger-highlight">
        {{ form_details.invoice_configuration.errors|striptags }}
    </div>
</div>
<script>
    const type_select = $('#type');
    type_select.closest('.form-group').after($('#account-billing-details').show());
    type_select.closest('form').attr('action', "{% if form.instance.id %}{% url 'invoices_edit_account' form.instance.id %}{% else %}{% url 'invoices_create_account' %}{% endif %}");
    {% if form.instance.id %}
		$('h1:contains("New account")').text('Edit account');
        $('button[title="Create new account"]')
			.attr('title', 'Update account')
			.attr('aria-label', 'Update account')
			.html('<i aria-hidden="true" class="glyphicon glyphicon-floppy-save"></i> Update account');
    {% endif %}
</script>