{% from 'admin/zone/_translation_filed.html.twig' import showTranslationCard %}
{{ form_start(form, {domain: 'admin'}) }}
<div class="row">
    <div class="col-4">
        <div class="card">
            <div class="card-body">
                <div class="mb-3">
                    {{ form_row(form.isActive) }}
                </div>
                {% for translationField in form.zoneTranslations %}
                    {{ showTranslationCard(translationField) }}
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="col-8">
        <div class="card">
            <div class="card-body">
                {% for mutation in activeMutations %}
                    <div class="available-mutation p-3">
                        <div class="form-group">
                            <div class="custom-control custom-switch">
                                <div class="form-check">
                                    <input type="checkbox" id="{{ mutation.id }}" name="mutation[{{ mutation.id }}]"
                                           class="custom-control-input form-check-input" novalidate="novalidate"
                                           value="1"
                                            {% if mutation.id in selectedMutations %}
                                                checked="checked"
                                            {% endif %}
                                    >
                                    <label class="custom-control-label form-check-label pl-3" for="{{ mutation.id }}">
                                        <twig:flag mutation="{{ mutation }}" withText="true"/>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </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_zone'|trans({}, 'admin') }}
                    </button>
                {% else %}
                    <twig:FormSubmitButtonsComponent/>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{{ form_end(form) }}