{{ form_start(form, {domain: 'admin'}) }}
<div class="row" data-controller="form">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                {{ _self.translationCard(form.orderStateTranslations) }}
                {{ form_row(form.color) }}
                <div class="mt-3">
                    {{ form_row(form.sendEmail) }}
                </div>
                <div class="email-template {% if not showEmailTemplate %}d-none{% endif %}">
                    {{ form_row(form.emailTemplate) }}
                </div>
            </div>
            <div class="card-footer text-right">
                {% if action == 'create' %}
                    <button type="submit" class="btn btn-primary">
                        <i class="fa fa-plus"></i>
                        {{ 'button_create_order_state'|trans({}, 'admin') }}
                    </button>
                {% else %}
                    <twig:FormSubmitButtonsComponent/>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{{ form_end(form) }}

{% macro translationCard(orderStateTranslations) %}
    {% for translationField in orderStateTranslations %}
        <div class="card">
            <div class="card-header">
                <twig:flag mutation="{{ shop.mutation(translationField.vars.data.locale) }}" withText="true"/>
                <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>
            <div class="card-body">
                {% for field in translationField %}
                    {{ form_row(field) }}
                {% endfor %}
            </div>
        </div>
    {% endfor %}
{% endmacro %}