{% import "admin/Macros/Buttons/_button.html.twig" as button %}
    {% set langs = getLangs() %}




<div class="row">
    <div class="col-md-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="#lang-{{ 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 getVariantLang =  variantLangs[lang.shortTitle]|default %}
                <div class="tab-pane {{ k == 0 ? 'active' : '' }}" id="lang-{{ lang.shortTitle }}"
                     aria-labelledby="{{ lang.shortTitle|upper }}-tab" role="tabpanel">
                    <div class="row">
                        <div class="form-group col-md-4">
                            <label class="form-label" for="title">Varyant Adı ({{ lang.shortTitle|upper }})</label>
                            <input type="text" id="title" class="form-control" name="variant_lang[{{ lang.shortTitle }}][name]" value="{{ getVariantLang.name|default }}" required />
                        </div>
                    </div>

                </div>
            {% endfor %}


        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label for="">Kod :</label>
            <input type="text" class="form-control" value="{{ variant.code|default }}"  name="code" id="" required   />
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label for="">Pozisyon (Öncelik) :</label>
            <input type="number" class="form-control" value="{{ variant.position|default }}"  name="position" id="" required   />
        </div>
    </div>
</div>
<div class="row">
    <div class="form-group col-md-6">
        <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="enabled" name="is_enabled"
                    {% if variant|default %}
                        {{ variant.isEnabled ? 'checked' : '' }}
                    {% else %}
                        checked
                    {% endif %}
            >
            <label class="custom-control-label" for="enabled">Aktif</label>
        </div>
    </div>
</div>

<h5>Varyant Değerleri</h5>

<section class="form-control-repeater mb-2">
    <div  class="variant-repeater">
        <div data-repeater-list >
{#        <div>#}
            {% import "admin/Main/Product/Variant/Macro/_variant_value_item.html.twig" as macro %}
            {% if variant|default %}
                {# Düzenleme ekranı ise #}

                {% set variantValues = variant.variantValues %}
                {% if variantValues|length > 0 %}

                    {{ macro.item({
                        'repeater': true,
                        'hidden' : true
                    }) }}

                    {% for k,variantValue in variantValues %}

                        {{ macro.item({
                            'variantValue': variantValue,
                        }) }}

                    {% endfor %}
                {% else %}
                    {{ macro.item({
                        'repeater': true,
                    }) }}
                {% endif %}

            {% else %}
                {# Yeni ekleme ekranı ise #}
                {{ macro.item({
                    'repeater': true,
                }) }}
            {% endif %}
        </div>
        <div class="row">
            <div class="col-12">
                <button class="btn btn-icon btn-secondary" type="button" data-repeater-create>
                    <i class="feather icon-plus"></i>
                    <span>Yeni Ekle</span>
                </button>
            </div>
        </div>
    </div>
</section>




{{ button.button_submit() }}