<div class="row">
    <div class="panel panel-default"  style=" width:100%;border-top: 2px solid #27ad5e;">

        {% if attributes['message'] %}

        <p class="lead required"> {{ attributes['message'] }}</p>

        {% elseif attributes.result %}

        <form id="myform" >
            {% for attribute in attributes.result %}

                <div class="col-sm-4 form-group">

                    {% if attribute.required %}

                        <label class="required text-danger" style="font-size: 10px;height: 25px;display: block;vertical-align: bottom;" >{{ attribute.name }}</label>

                    {% else %}

                        <label style="font-size: 10px;height: 25px;display: block;vertical-align: bottom;">{{ attribute.name }}</label>

                    {% endif %}

                    <select name="{{attribute.name}}" data-live-search="true" class="select2 form-control attribute">

                        <option value='0'>==Seçiniz==</option>
                        {% if attribute.name == 'Marka' %}
                            {% if 'Diğer' in s_attr %}

                                <option selected="selected"  value='Diğer'>Diğer</option>

                            {% else %}
                                <option  value='Diğer'>Diğer</option>

                            {% endif %}


                        {% endif %}

                        {% for value in attribute.values %}

                            {% if manufacturer == value.name and attribute.name == 'Marka'   %}
                                <option selected="selected" value='{{ value.name }}'>{{ value.name }}</option>

                            {% endif %}
                            {% if value.name |replace({"''":'x_x'}) in s_attr %}
                                <option selected="selected" value='{{ value.name |replace({"''":'x_x'}) }}'>{{ value.name}}</option>

                            {% else %}
                                <option value="{{ value.name |replace({"''":'x_x'}) }}">{{ value.name}}</option>
                            {% endif %}
                        {% endfor %}

                    </select>


                </div>

            {% endfor %}
        </form>




    </div>
    <div class="panel-footer">

        <div class="form-group">

            <button id="btn-send" class="btn btn-lg btn-primary btn-block">Kaydet</button>


        </div>

    </div>

</div>
{% else %}

    <p style="margin-top: 10px " class="text-info">Bu ürünün bulunduğu kategori için herhangi bir zorunlu N11 özelliği bulunmamaktadır. Ürünlerinizi Gönderebilirsiniz.</p>

        {% endif %}
</div>

<script>

    $('.select2').selectpicker();

    $('#btn-send').on('click',function () {

        var attributes=$('#myform').serializeArray();

        var product_id='{{ product_id}}';

        $.post('index.php?route=entegrasyon/genel/save_setting&code=n11&controller=product&{{ token_link }}&product_id='+product_id,{pk:product_id,name:'selected_attributes',value:attributes},
            function(datas){


                $.toast({heading: 'Başarılı',text: 'Ürün Özelliği Güncellendi!', position: 'top-right',loader: false,allowToastClose: false,showHideTransition: 'slide',icon: 'success'});
                $('#btn-send').html("Güncellendi");


            },'JSON');
    })
</script>