<div class="row">

    <div  style="width: 100%" class="panel">



        <div class="panel-body">

            <table  style="width: 100%" class="table well table-bordered">

                <thead>
                <th class="bg-info">

                    <label class="control-label">Toplam Ürün<span data-toggle="tooltip" title="" data-original-title="Kataloğunuzda bulunan toplam ürünün adedi."></span></label>
                </th>

                <th class="bg-info label-success ">                    <label style="color: azure" class="control-label">({{ code }}) Satışa Açık <span data-toggle="tooltip" title="" data-original-title="{{ marketplace }} Mağazanızda bulunan satışa açık toplam ürün adedi."></span></label> </th></th>
                <th style="background: #ccc" class="bg-info">                    <label style="color: black" class="control-label">({{ code }}) Satışa Kapalı <span data-toggle="tooltip" title="" data-original-title="{{ marketplace }} Mağazanızda bulunan satışa kapalı ürün adedi."></span></label> </th></th>
                <th class="bg-success"> <label class="control-label">Başarılı<span data-toggle="tooltip" title="" data-original-title="Yapacağınız toplu işlem sonucu başarılı işlem sayısını gösterir."></span></label>
                </th>
                <th class="bg-warning"><label class="control-label">Başarısız<span data-toggle="tooltip" title="" data-original-title="Yapacağınız toplu işlem sonucu başarısız işlem sayısını gösterir."></span></label></th>

                </thead>

                <tbody>
                <div class="well">

                    <p class="lead">{{ marketplace }} Mağazanızla ilgili yapabileceğiniz işlemlerden birini seçiniz.</p>
                    <div class="btn-group-">
                        <button code="{{ code }}" hidesuccess="true" product_id="{{ product_id }}" data-message="{{total_active  }} adet ürün {{ marketplace }} mağazanızda satışa kapatılacaktır. Onaylıyormusunuz ?" list_type="{{ list_type }}"  class="btn btn-warning btn-lg btnAction"  action="close_for_sale" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Satışa Kapatılıyor..."><i class="fa fa-pause" aria-hidden="true"> </i> Satışa Kapat</button>
                        <button code="{{ code }}" hidesuccess="true" product_id="{{ product_id }}"  data-message="{{total_close }} adet ürün {{ marketplace }} mağazanızda satışa açılacaktır. Onaylıyormusunuz ?" list_type="{{ list_type }}" class="btn btn-success btn-lg  btnAction"  action="open_for_sale" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Satışa Açılıyor..."><i class="fa fa-play" aria-hidden="true"> </i> Satışa Aç</button>

                    </div>

                </div>
                <div class="progress active" style="margin-top:20px;"> <div class="progress-bar progress-bar-striped progress-bar-animated"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width:0%"><span class="yuzde"></span></div></div>

                <tr>
                    <td><span class=" btn-block">{{ total }}</span></td>
                    <td class=""><span class=" btn-block   ">{{ total_passive }}</span></td>
                    <td class=""><span class=" btn-block">{{ total_active }}</span></td>
                    <td><span class=" btn-block btnSuccess">0</span></td>
                    <td><span class=" btn-block btnUnSuccess">0</span></td>

                </tr>


                </tbody>

            </table>



        </div>

        <div class="panel-footer">


        </div>

    </div>


</div>



<script>

    var thisbtn;
    $('.btnAction').on('click',function () {

        thisbtn=$(this);

        var confirm_message=thisbtn.attr('data-message');
        var button_text=thisbtn.text();
        var action=thisbtn.attr('action');
        var list_type=thisbtn.attr('list_type');


        var total_for_progress=0;

        if(action=='close_for_sale'){

            total_for_progress=parseInt({{ total_active }})

        }else if(action=='open_for_sale'){

            total_for_progress=parseInt({{ total_close }})

        }else if(action=='addproduct'){

            total_for_progress=parseInt({{ total_passive }})

        }else if(action=='deleteproduct'){

            total_for_progress=parseInt({{ total_close }}) + parseInt({{ total_active }})

        }else if(action=='update'){

            total_for_progress= parseInt({{ total_active }})

        }
        if(list_type=='selected'){

            total_for_progress= parseInt({{ total }})

        }




        if(action!='addproduct' && action!='open_for_sale' && parseInt({{ total_active }})<=0){

            Swal.fire("hata","İşlem Yapabilmek için {{ marketplace }} mağazanızda en az 1 satışa açık ürününüz olmalıdır!","error")

            return;
        }

        if(action=='open_for_sale' && parseInt({{ total_close }})<=0 ){

            Swal.fire("hata","İşlem Yapabilmek için {{ marketplace }} mağazanızda en az 1 kapalı ürününüz olmalıdır!","error")

            return;
        }


        if(action=='addproduct' && parseInt({{ total_passive }})<=0 ){

            Swal.fire('Hata',"{{ marketplace }} mağazanıza ürün gönderebilmeniz için kataloğunuzda en az 1 ürününüz olmalıdır!  ",'error')

            return;
        }




        $('.btnAction').prop('disabled',true);

       // var filter_data = '{{ filter_data }}'

        var filter_marketplace = '{{ filter_marketplace }}';
        var filter_marketplace_do = '{{ filter_marketplace_do }}';
        var filter_model = '{{ filter_model }}';
        var filter_name = '{{ filter_name }}';
        var filter_manufacturer = '{{ filter_manufacturer }}';
        var filter_category = '{{ filter_category }}';
        var filter_stock_prefix = '{{ filter_stock_prefix }}';
        var filter_stock = '{{ filter_stock }}';
        var filter_status = '{{ filter_status }}';

        var url_prefix='filter_marketplace='+filter_marketplace+'&filter_marketplace_do='+filter_marketplace_do+'&filter_model='+filter_model+'&filter_name='+encodeURI(filter_name)+'&filter_manufacturer='+filter_manufacturer+'&filter_category='+filter_category+'&filter_stock_prefix='+filter_stock_prefix+'&filter_stock='+filter_stock+'&filter_status='+filter_status;


        Swal.fire({
            title: 'Emin misiniz ?',
            text: confirm_message,
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'İptal',
            confirmButtonText: 'Evet '+button_text
        }).then((result) => {
            if (result.isConfirmed) {

                var updated_products=0;
                var totalpage;
                var current=1;

                $('#report').empty();
                $(this).button('loading');
                $('.btnCurrent').text(current);
                $('.btnSuccess').text(0);
                $('.btnUnSuccess').text(0);
                matched_products=parseInt($('#matched_product').text());
                page= parseInt('{{ current }}');
                totalpage =parseInt('{{ total }}');

                starttool('index.php?route=entegrasyon/product/bulk_action_progress&{{ token_link }}&code={{ code }}&page=1&list_type={{ list_type }}&action='+action+'&total={{ total }}&product_list={{ product_list }}&total_for_progress='+total_for_progress+'&'+url_prefix);


            }else {

                $('.btnAction').prop('disabled',false);

            }
        })

    });

</script>



<script>
    var lastnext='';
    function starttool(url) {
        lastnext=url;

        $.ajax({
            url: url,
            type: 'post',
            data:{test:'selam'},
            dataType: 'json',
            success: function(json) {
                var yuzde = Math.round(json['current'] * 100 / json['total_for_progress']);
                $('#currentPage').html(json['page']);

                $('#updated_product').html(json['total_matched']);
                $('.progress  .progress-bar').css('width', yuzde + '%');
                $('.progress  .yuzde').html(yuzde + '%' + ' tamamlandı');
                if(!json['status']){

                    $('.btnAction').prop('disabled',false);
                    thisbtn.button('reset');

                }else {

                    starttool(json['next']);

                }

                if(json['update_status']){

                    $('.btnSuccess').text(parseInt($('.btnSuccess').text())+1);

                    $('#report').prepend('<p class="text-success"><i class="fa fa-check-circle" aria-hidden="true"></i> '+json['message']+'</p>');

                }else {

                    $('.btnUnSuccess').text(parseInt($('.btnUnSuccess').text())+1);
                    $('#report').prepend('<p class="text-danger"><i class="fa fa-window-close" aria-hidden="true"></i> '+json['message']+'</p>');

                }
            },
            error: function (request, status, error) {
                //alert(request.responseText);
                starttool(lastnext);
            }
        });
    }

</script>

