<div class="panel-body">

    <table class="table">

        <thead>
        <th class="{{ product_currency_display }}">
            <label class="control-label">Para Birimi <span data-toepttle="tooltip" title=""
                                                           data-original-title="Zorunlu Değil!, Her ürün için farklı para birimi kullanıyorsanız, kullanığınız para birimini seçiniz. Ü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."></span></label>
        </th>
        <th>
            <label class="control-label">Kargo Ücreti <span data-toepttle="tooltip" title=""
                                                            data-original-title="Zorunlu Değil!, Eğer ürüne özel bir kargo ücreti belirleyecekseniz buraya sadece rakamla bir kargo ücreti girin, girdiniğiniz kargo ücreti ürün fiyatına eklenecektir."></span></label>
        </th>

        <th>
            <label class="control-label">Komisyon <span data-toepttle="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."></span></label>
        </th>
        </thead>
        <tbody>
        <tr>

            <td class="{{ product_currency_display }}"> <a href="#" id="eptt_currency" charset="btn btn-default"
                   data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&controller=product&{{ token_link }}"
                   data-name="eptt_currency" data-type="select"
                   data-source='index.php?route=entegrasyon/genel/currencies&{{ token_link }}'
                   data-value="{{ eptt_currency }}" data-title="Para birimi seçin" data-pk="{{ product_id }}"
                   class="editable btn btn-default" data-emptytext="Para Birimi" title="Bir Para birimi seçin"></a></td>
            <td>
                <a href="#" id="eptt_shipping_price" class="editable btn btn-default" data-pk="{{ product_id }}"
                   data-emptytext="Kargo ücreti" data-value="{{ eptt_shipping_price }}"
                   data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&controller=product&{{ token_link }}"
                   data-title="Kargo Ücreti Giriniz"></a>
            </td>

            <td>

                <a href="#" id="eptt_commission" class="editable btn btn-default" data-pk="{{ product_id }}"
                   data-emptytext="Komisyon giriniz" data-value="{{ eptt_commission }}"
                   data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&controller=product&{{ token_link }}"
                   data-title="Komisyon Oranı Giriniz"></a>

            </td>
        </tr>
        </tbody>
    </table>
    <table class="table">
        <thead>

        <th><label class="control-label">Ürüne Özel Açıklaması <span data-toepttle="tooltip" title="ZORUNLU ALAN DEĞİLDİR ! Eğer katalog ürün kategorisine ürün gönderiyorsanız, bu alana minimum 0 maksimum 150 karakterlik bir ürün açıklaması giriniz. Eğer ürüne ait açıklamayı göndermek istiyorsanız bu alanı boş bırakınız."></span></label></th>
        <th><label class="control-label">Ürüne Özel Başlık <span data-toepttle="tooltip" title="ZORUNLU ALAN DEĞİLDİR ! "></span></label></th>

        </thead>
        <tbody >

        {% if eptt_product_desciption %}
            <td><a  href="#" id="eptt_product_desciption" class="editable "  data-type="textarea" data-pk="{{ product_id }}"
                    data-value="{{ eptt_product_desciption}}" data-emptytext="Ürün Açıklaması Girin"
                    data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&&controller=product&{{  token_link }}"
                    data-title="Açıklama giriniz."> Değiştirmek İçin Tıklayın</a></td>
        {% else %}
            <td><a  href="#" id="eptt_product_desciption" class="editable "  data-type="textarea" data-pk="{{ product_id }}"
                    data-value="{{ eptt_product_desciption}}" data-emptytext="Ürün Açıklaması Girin"
                    data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&&controller=product&{{  token_link }}"
                    data-title="Açıklama giriniz."></a></td>
        {% endif %}


        {% if eptt_product_title %}
            <td><a  href="#" id="eptt_product_title" class="editable "  data-type="textarea" data-pk="{{ product_id }}"
                    data-value="{{ eptt_product_title}}" data-emptytext="Ürün Başlığı Girin"
                    data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&&controller=product&{{  token_link }}"
                    data-title="Başlık Giriniz.">Başlığı Değiştir</a> </td>
        {% else %}
            <td><a  href="#" id="eptt_product_title" class="editable "  data-type="textarea" data-pk="{{ product_id }}"
                    data-value="{{ eptt_product_title}}" data-emptytext="Ürün Başlığı Girin"
                    data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&&controller=product&{{  token_link }}"
                    data-title="Başlık Giriniz."></a></td>
        {% endif %}


        </tbody>




    </table>
    <table class="table">
        <tr>
            <td style="width:27%;"><label id="price_toepttle" class="control-label">Satış Fiyatı <span
                            data-toepttle="tooltip"
                            title="ZORUNLU ALAN DEĞİLDİR !  Bu alana fiyat girerseniz, ürünün direkt satış fiyatı, girdiğiniz rakam olacaktır. Bu alan boş bırakılırsa, ürün fiyatı katalogtaki fiyat olacaktır."></span></label>
            </td>
            <td><a href="#" id="eptt_product_sale_price" class="editable" data-pk="{{ product_id }}"
                   data-value="{{ eptt_product_sale_price }}" data-emptytext="Fiyat Giriniz"
                   data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&controller=product&{{ token_link }}"
                   data-title="Fiyat Giriniz"></a></td>
        </tr>
        <tr>
            <td><label class="control-label">Üstü Çizili Fiyat<span data-toepttle="tooltip"
                                                                    title="ZORUNLU ALAN DEĞİLDİR ! Bu alana girdiğiniz değer, ürünün üstü çizili indirimsiz fiyatı olarak gösterilecektir. Buraya fiyat girmezseniz ürün kampanyasız satış fiyatı ile gidecektir."></span></label>
            </td>
            <td><a href="#" id="eptt_product_list_price" class="editable" data-pk="{{ product_id }}"
                   data-value="{{ eptt_product_list_price }}" data-emptytext="Fiyat Giriniz"
                   data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&controller=product&{{ token_link }}"
                   data-title="Fiyat Giriniz"></a></td>
        </tr>
        <tr class="{{ product_category_display }}">
            <td><label class="control-label">Kategori Seç <small class="text-success">(Ürüne Özel)</small> <span
                            data-toepttle="tooltip"
                            title="ZORUNLU ALAN DEĞİLDİR ! Ürüne özel kategori seçebilirsiniz, eğer ürün bulunduğu kategoriyi eşleştirdiyseniz ürüne özel kategori seçmek zorunda değilsiniz. eğer ürüne özel kategori seçildiyse ürün seçilen kategoriye gönderilir."></span></label>
            </td>
            <td><a href="#" id="eptt_category_id" class="eslestir" data-type="typeaheadjs" data-pk="{{ product_id }}"
                   data-value="{{ eptt_category_id }}" data-emptytext="Kategori Seçin"
                   data-url="index.php?route=entegrasyon/genel/save_setting&code=eptt&&controller=product&{{ token_link }}"
                   data-title="Lütfen Kategori Arayın"></a></td>
        </tr>

    </table>

    <table class="table">
        <thead>

        <th><label id="eptt_product_image" class="control-label">Pazar Yerine Özel Ana Görsel<span data-toggle="tooltip" title="Ana ürün görselini buradan değiştirebilirsiniz.."></span></label></th>


        </thead>

        <tbody>

        <td><a href=""  id="thumb-image" data-toggle="image" class="send_main_img" ><img style="border: 1px solid #dddddd" src="{{ image  }}" alt="" title="" data-placeholder="görsel" /></a>
            <input class="txtimage" type="hidden" name="eptt_main_image" value="{{ image  }}" id="input-image" /></td>

        </tbody>


    </table>
    <!-- eğer marka kategori yada genel ayarlarda komisyon oranı değişirse  ilgili mağazanın etkilenecek ürünleri listelenerek kullancıya bu ürünlerin en komisyon oranı ile güncellemek isteyip istemediği sorulacak, kullanıcı onaylarsa bu ürünlerprogresli popup penceresinde güncellenecek-->
    {% if not marketplace_data %}
    <div class="row">
        <div class="panel panel-default" style=" width:100%;border-top: 2px solid #27ad5e;">

            <table class="table">
                {% if product_categories | length > 1 %}
                    <p class="text-warning">Sadece 1 kategori eşleştirmeniz yeterlidir!</p>
                {% endif %}
                {% for product_category in product_categories %}

                    <tr>
                        <td class="text-left">
                            {{ product_category.name }}
                        </td>
                        <td class="text-right">
                            <button name="{{ product_category.name }}" category_id="{{ product_category.category_id }}"
                                    id="btnMatch" class="btn btn-primary"> Eşleştir
                            </button>
                        </td>

                    </tr>

                {% endfor %}
            </table>

        </div>
        {% endif %}
    </div>

    <script>

        var one=true;
        var ival="";
        var i = 0;

        $('.send_main_img').on('click',function (event) {

            var $val = $.fn.val;
            one=true;
            i++;
            if (i == 1) {


                $.fn.val = function (newVal) {
                    if (one) {
                        if (this.attr('id') === 'input-image') this.trigger('input');
                        newVal = this.attr('value');
                        ival = newVal;
                        $val.call(this, newVal);
                    }
                };

                $('#input-image').on('input', function () {
                    $.post('index.php?route=entegrasyon/genel/save_setting&code=eptt&&controller=product&{{ token_link }}', {
                        pk:{{ product_id }},
                        value: ival,
                        name: 'eptt_main_image'
                    }, function (json) {

                        
                        if (json['status']) {
                            $.toast({
                                heading: 'Başarılı',
                                text: 'Ürün Görseli eptt İçin Değiştirildi!',
                                position: 'top-right',
                                loader: true,
                                allowToastClose: true,
                                showHideTransition: 'slide',
                                icon: 'success'
                            });

                        }

                        i = 2;

                    }, 'JSON');

                    one = false;


                });

            }

        });




    </script>


    <script>


        $('#attributes').load('index.php?route=entegrasyon/category/attributes&code=eptt&category_id={{ oc_category_id }}&product_id={{ product_id }}&{{ token_link }}');

        $('.eslestir').editable({
            typeahead: {
                limit: 200,
                remote: "index.php?route=entegrasyon/genel/getjson&page=categories&code=eptt&filter_name=%QUERY&{{ token_link }}",
                displayKey: 'category_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 {

                    $('#attributes').load('index.php?route=entegrasyon/category/attributes&code=eptt&product_id={{ product_id }}&{{ token_link }}').hide('slow').show('fast');


                    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=eptt&category_id=' + json['category_id'] + '&{{ token_link }}');


                    }

                }

            }
        });
    </script>
    <script>
        $('#btn-send').on('click', function () {

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

            var product_id = '{{ product_id }}';

            $.post('index.php?route=entegrasyon/genel/save_setting&code=eptt&controller=product&{{ token_link }}&product_id=' + product_id, {
                    pk: product_id,
                    name: 'selected_attributes',
                    value: attributes
                },
                function (datas) {
                    $('#btn-send').html("Güncellendi");


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


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


    <script>



        var auto_update_price = '{{ easy_setting_auto_update_price }}'
        var aup = 0;

        var product_id = parseInt({{ product_id }});

        $('#eptt_product_sale_price').on('click', function () {
            aup=1;
        })


        $('.editable').editable({
            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 (auto_update_price){
                        if (aup){
                            Swal.fire('Güncelleniyor..', 'Lütfen bekleyin ürün Güncelleniyor..', 'info');

                            $.post('index.php?route=entegrasyon/product/update&{{ token_link }}', {
                                product_id: product_id,
                                code: 'eptt'
                            }, function (json) {

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

                                if (json['status']) {

                                    Swal.fire('Güncellendi!', json['message'], 'success');

                                }


                            }, 'JSON');



                        }
                    } */

                    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>




