<div id="sylius_product_variant_channelPricings">
    {{ form_errors(variantForm.channelPricings) }}
    <div class="ui top attached tabular menu">
        {% for channelCode, channelPricing in variantForm.channelPricings %}
            {% if loop.index0 == 0 %}
                <a class="item active" data-tab="{{ channelCode }}">{{ channelPricing.vars.label }}</a>
            {% else %}
                <a class="item" data-tab="{{ channelCode }}">{{ channelPricing.vars.label }}</a>
            {% endif %}
        {% endfor %}
    </div>
    {% for channelCode, channelPricing in variantForm.channelPricings %}
        {% if loop.index0 == 0 %}
            <div class="ui bottom attached active tab segment" data-tab="{{ channelCode }}">
        {% else %}
            <div class="ui bottom attached tab segment" data-tab="{{ channelCode }}">
        {% endif %}

        {% if channelCode not in product.channels|map(channel => channel.code) %}
        <div class="ui info message">
            {{ 'sylius.ui.product.product_not_active_in_channel'|trans }}
        </div>
        {% endif %}
            {{ form_row(channelPricing, {'label': false}) }}
        </div>
    {% endfor %}
</div>
