<div class="panel-body">

    <table class="table">

        <tr>
            <td class="col-md-4"><label class="control-label required">Kategori Eşleştir <span data-toggle="tooltip" title="Zorunlu Alan! Arama alanına kategorinizi tanımalayan anahtar kelimeler girerek arama yapabilirsiniz. Listlenen Trendyol kategorilerinden birini seçerek eşleştirme yapabilisiniz."></span></label></td>

            <td class="col-md-8">
                <a href="#" id="ty_category_id" class="eslestir" data-type="typeaheadjs" data-pk="{{ category_id }}" data-value="{{ ty_category_id }}" data-emptytext="Kategori Eşleştirin" data-url="index.php?route=entegrasyon/genel/save_setting&code=ty&action=category_match&controller=category&{{  token_link }}" data-title="Lütfen Kategori Arayın"></a></td>
        </tr>

        <tr>
        <td> <label class="control-label">Komisyon <span data-toggle="tooltip" title="" data-original-title="Zorunlu Değil!, Eğer ürüne özel bir komisyon oranı belirlyecekseniz buraya sadece rakamla bir komisyon oranı girin, örneğin ürünü %20 fiyat artışı ile göndermek isterseniz bu alana 20 yazınız. Ürüne yada markaya özel bir komisyon oranı girilmediyse kategoriye özel oran işleme alınır."></span></label></td>
        <td><a href="#" id="ty_commission" class="editable"  data-pk="{{ category_id }}" data-emptytext="Komisyon Giriniz" data-value="{{ ty_commission }}" data-url="index.php?route=entegrasyon/genel/save_setting&code=ty&controller=category&{{ token_link }}" data-title="Lütfen Komisyon Giriniz"></a>
        </td>
        </tr>

        <tr>
            <td> <label class="control-label">Para Birimi <span data-toggle="tooltip" title="" data-original-title="Zorunlu Değil!,  Kategoride yer alan ürünler için TL haricinde bir para birimi kullanıyorsanız, kullanığınız para birimini seçiniz. Kategoride yer alan ürün tutarı, seçilen para biriminden TL ye çevrilerek işlem yapılacaktır. TL para birimini kullanıyorsanız seçim yapmanıza gerek yoktur. Ürüne yada markaya özel bir para birimi girilmediyse kategoriye özel para birimi işleme alınır."></span></label></td>
            <td><a href="#" id="ty_currency" class="editable"  data-pk="{{ category_id }}" data-type="select" data-source='index.php?route=entegrasyon/genel/currencies&{{ token_link }}' data-emptytext="Para birimi seçiniz" data-value="{{ ty_currency }}" data-url="index.php?route=entegrasyon/genel/save_setting&code=ty&controller=category&{{ token_link }}" data-title="Lütfen para birimi seçiniz"></a>
            </td>
        </tr>

        <tr>
            <td class="col-sm-4"> <label class="control-label">Kargo Ücreti <span data-toggle="tooltip" title="" data-original-title="Zorunlu Değil!, Eğer ürüne özel bir kargo ücreti belirleyecekseniz buraya sadece rakamla bir kargo ücreti girin, Ürün fiyatına kargo ücreti eklenerek ürün gönderilir yada güncellenir."></span></label></td>
            <td class="col-sm-8"><a href="#" id="ty_shipping_price" class="editable"  data-pk="{{ category_id }}" data-emptytext="Kargo ücreti giriniz" data-value="{{ ty_shipping_price }}" data-url="index.php?route=entegrasyon/genel/save_setting&code=ty&controller=category&{{ token_link }}" data-title="Lütfen Kargo ücreti Giriniz"></a>
            </td>
        </tr>
        {% if easy_setting_store_category =='Mücevherat' %}
            <tr>
                <td><label class="control-label">Ürün Fiyatı Ağırlık ile Çarpılsın mı ? <span data-toggle="tooltip" title="Zorunlu Değil! Ürün fiyatı ürün ağırılığına göre değişiyorsa fiyat hesaplanırken ağırlık ile çarpılır. Mücevherat sektörü için gerekli bir ayardır."></span></label></td>
                <td><a href="#" id="ty_need_product_weight" class="editable" data-type="select"  data-pk="{{ category_id }}" data-emptytext="Ürün ağırlığı önemli mi?" data-value="{{ ty_need_product_weight }}" data-source='{"1":"Evet","0":"Hayır"}' data-url="index.php?route=entegrasyon/genel/save_setting&controller=category&code=ty&{{ token_link }}" data-title="Lütfen Seçiniz."></a>
                </td>
            </tr>
        {% endif %}

    </table>
    <div class="option">


    </div>

</div>
<div class="panel-footer">
    <button id="btnComplate" class="btn btn-primary btn-lg btn-block">Bitti</button>
</div>
<script>

    var having_options="{{ having_options }}";
    if(having_options){

        $('.option').load('index.php?route=entegrasyon/category/match_option_form&code=ty&category_id={{ market_category_id }}&{{ token_link }}');

    }
    $('.eslestir').editable({
        typeahead: {
            limit: 200,
            remote:"index.php?route=entegrasyon/genel/getjson&page=categories&code=ty&filter_name=%QUERY&{{ token_link }}",            displayKey: 'manufacturer_id',
            valueKey : 'name',
            display: function(item){ return item.name },

        }, success:function (json,newValue) {

            if(!json['status']){
               if(json['alert_type']==2){

                   Swal.fire('Hata',json['message'],'danger');
               }else {

                   $.toast({heading: 'Hata',text: json['message'], position: 'top-right',loader: true,allowToastClose: false,showHideTransition: 'slide',icon: 'warning'});

               }


            }else {

                if(json['option']){

                    Swal.fire("Bilgi","Seçtiğiniz Kategori için Varyantlı ürün gönderebilirsiniz.Aşağıdaki Listeden Seçeneklerinizi Eşleştiriniz.","success");
                    // $.toast({heading: 'Başarılı',text: json['message'], position: 'top-right',loader: true,allowToastClose: false,showHideTransition: 'slide',icon: 'success'});
                    $('.option').load('index.php?route=entegrasyon/category/match_option_form&code=ty&category_id='+json['category_id']+'&{{ token_link }}');


                }

            }

        }
    });

    $(document).ready(function(){

        $('.editable').editable({mode : 'inline', inputclass: 'intclass input-sm',success:function (json,newValue) {


                if(json['status']){

                    $.toast({heading: 'Başarılı',text: json['message'], position: 'top-right',loader: true,allowToastClose: false,showHideTransition: 'slide',icon: 'success'});

                    if(json['alert_type']==2){

                        Swal.fire({
                            title: 'Komisyon Oranı Değişti!',
                            text: json['message'],
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Evet, Şimdi Güncelle!',
                            cancelButtonText: 'Şimdi Değil!'
                        }).then((result) => {
                            if (result.value) {

                                BootstrapDialog.show({
                                    title:'Toplu Güncelleme',
                                    message: function(dialog) {
                                        var $message = $('<div></div>');
                                        var pageToLoad = dialog.getData('pageToLoad');
                                        $message.load(pageToLoad);
                                        return $message;
                                    },
                                    data: {
                                        'pageToLoad': json['url']+'&{{ token_link }}'
                                    }
                                });



                            }
                        })



                    }


                }else {


                    Swal.fire('Hata',json['message'],'warning');



                }

            }});



    });

    $.fn.editableform.buttons =
        '<button type="submit" class="btn btn-primary btn-sm editable-submit">'+
        '<i class="fa fa-check"></i>'+
        '</button>'+
        '<button type="button" class="btn btn-danger btn-sm editable-cancel">'+
        '<i class="fa fa-times"></i>'+
        '</button>';


</script>

