{{ form_start(form, {domain: 'admin'}) }}
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="form-group">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="customSwitch1">
                        {{ form_widget(form.isEnabled) }}
                        {{ form_label(form.isEnabled) }}
                    </div>
                </div>
            </div>
        </div>
        <div class="card card-primary card-outline card-outline-tabs" {{ stimulus_controller('tabs') }}>
            <div class="card-header p-0 border-bottom-0">
                <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-target="category-description"
                                {{ stimulus_action('tabs', 'switch') }}>
                            {{ 'form_tab_description'|trans({}, 'admin') }}
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-target="category-seo" {{ stimulus_action('tabs', 'switch') }}>
                            SEO
                        </a>
                    </li>
                </ul>
            </div>
            <div class="card-body">
                <div class="tab-content" id="custom-tabs-four-tabContent">
                    <div class="tab-pane fade show active" id="category-description">
                        {{ _self.translationCard(form.categoryTranslations) }}
                    </div>
                    <div class="tab-pane fade" id="category-seo">
                        {{ _self.seoCard(form.seoTranslations) }}
                    </div>
                </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_category'|trans({}, 'admin') }}
                    </button>
                {% else %}
                    <twig:FormSubmitButtonsComponent/>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{{ form_end(form) }}

{% macro translationCard(categoryTranslations) %}
    {% for translationField in categoryTranslations %}
        <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 %}
                    {% if translationField.vars.value.locale == shop.defaultMutation.code and field.vars.name == 'name' %}
                        {{ form_row(field, {'attr': {'data-action': 'product-editor#changeName'}}) }}
                    {% else %}
                        {{ form_row(field) }}
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    {% endfor %}
{% endmacro %}

{% macro seoCard(seoTranslations) %}
    {% for translationField in seoTranslations %}
        <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 %}
                    {% if translationField.vars.value.locale == shop.defaultMutation.code and field.vars.name == 'name' %}
                        {{ form_row(field, {'attr': {'data-action': 'product-editor#changeName'}}) }}
                    {% else %}
                        {{ form_row(field) }}
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    {% endfor %}
{% endmacro %}