{% macro item(fields) %}

    {% set variantValue = fields.variantValue|default %}
    {% if variantValue %}
         {% set variantValueLangs = getVariantValueLangs({'variantValue':variantValue}) %}
    {% endif %}
    {% set repeater = fields.repeater|default %}

    {% set langs = getLangs() %}


    <div data-repeater-item class="{{ fields.hidden|default  ? 'hidden' }}">
        {% if variantValue %}
            <input type="hidden" name="variant_values[][id]" value="{{ variantValue.id }}">
        {% endif %}
        <div class="row ">
            <div class="col-md-4 col-12">

                <div class="product-form-view">

                    <div class="form-group">
                        <label for="itemname">Code</label>
                        <input type="text" class="form-control" id="" name="variant_values[][code]" value="{{ variantValue.code|default }}"  />
                    </div>
                </div>

            </div>

            <div class="col-md-12 col-12">


                <ul class="nav nav-tabs" role="tablist">
                    {% for k,lang in langs %}
                        <li class="nav-item">
                            <a class="nav-link pl-2 pr-2  {{ k == 0 ? 'active' : '' }}" id="{{ lang.shortTitle }}-tab" data-toggle="tab"
                               href="#itemlang-{{ lang.shortTitle }}" aria-controls="home" role="tab"
                               aria-selected="{{ k == 0 ? 'true' : 'false' }}"><i class="fa fa-flag"></i> {{ lang.shortTitle|upper }}</a>
                        </li>
                    {% endfor %}
                </ul>
                <div class="tab-content">

                    {% for k,lang in langs %}
                        {% set variantValueLang =  variantValueLangs[lang.shortTitle]|default %}
                        <div class="tab-pane {{ k == 0 ? 'active' : '' }}" id="itemlang-{{ lang.shortTitle }}"
                             aria-labelledby="{{ lang.shortTitle|upper }}-tabitem" role="tabpanel">
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label class="form-label" for="title">Değer ({{ lang.shortTitle|upper }})</label>
                                    <input type="text" id="title" class="form-control multiple-lang" name="variant_values[][variant_value_langs][{{ lang.shortTitle }}][name]"  value="{{ variantValueLang.value|default }}" required />
                                </div>
                            </div>

                        </div>
                    {% endfor %}


                </div>

            </div>




            <div class="col-md-2 col-12 mb-50">
                <div class="form-group">
                    <button class="btn btn-outline-danger text-nowrap px-1" data-repeater-delete type="button" style="position: relative; top: 7px;">
                        <i data-feather="x" class="mr-25"></i>
                        <span>Kaldır</span>
                    </button>
                </div>
            </div>
        </div>
    </div>



{% endmacro %}