{{ header }}{{ column_left }}
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <div class="pull-right">
                <div class="pull-right easy-mode {{ easy_visibility }}">
                    <img src="view/image/entegrasyon/logo.png" />
                </div>

            </div>
            <ul class="breadcrumb">
                {% for breadcrumb in breadcrumbs %}
                    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="container-fluid">{% if error_warning %}
            <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        {% endif %}
        {% if success %}
            <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        {% endif %}

            <div class="row well"  style="border-top: 2px solid #27ad5e;">



                <div class="col-sm-1">
                    <img class="img-responsive" src="view/image/entegrasyon/bilgi.png"/>
                </div>
                <div class="col-sm-11">
                    <h3 style="color:#27ad5e;font-weight: bolder ">Bilgilendirme</h3>
                    <p class="" style="font-size: larger">Son 24 saat içerisinde pazaryerlerinden aldığınız siparişlerinizi <strong>Siparişleri Güncelle</strong> butonuna tıklayarak mağazanıza aktarabilisiniz. Siparişleriniz aktarıldığı anda sipariş verilen ürün/ürünler mağazanızda da mevcutsa, ilgili ürün/ürünler'in stoğu önce mağazanızda sonra tüm pazaryerlerinde otomatik olarak güncellenir. <span class="hidden"> Dilerseniz hosting panelinizden zamanlanmış bir Cron/Job görevi oluşturarak bu işlemi belli zaman aralıklarında otomatik olarak yapabilirsiniz. Cron Job linkinize <strong>Ayarlar</strong> sayfasından ulaşabilisiniz.</span></p>

                </div>
            </div>

            <div id="filter-order" class="col-md-12 col-sm-12 hidden-sm hidden-xs">
                <div class="panel panel-default"  style="border-top: 2px solid #27ad5e;">
                    <div class="panel-heading">
                        <h2 class="panel-title"><i class="fa fa-filter"></i> {{ text_filter }}</h2>

                    </div>
                    <div class="panel-body">
                        <div class="form-group col-md-4">
                            <label class="control-label" for="input-order-id">{{ entry_order_id }}</label>
                            <input type="text" name="filter_order_id" value="{{ filter_order_id }}" placeholder="{{ entry_order_id }}" id="input-order-id" class="form-control" />
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label" for="input-customer">{{ entry_customer }}</label>
                            <input type="text" name="filter_customer" value="{{ filter_customer }}" placeholder="{{ entry_customer }}" id="input-customer" class="form-control" />
                        </div>
                        <div class="form-group col-md-4 ">
                            <label class="control-label" for="input-order-status">{{ entry_order_status }}</label>
                            <select name="filter_order_status_id" id="input-order-status" class="form-control">
                                <option value="*">Tümü</option>


                                {% for order_status in order_statuses %}
                                    {% if order_status.order_status_id == filter_order_status_id %}

                                        <option value="{{ order_status.order_status_id }}" selected="selected">{{ order_status.name }}</option>

                                    {% else %}

                                        <option value="{{ order_status.order_status_id }}">{{ order_status.name }}</option>

                                    {% endif %}
                                {% endfor %}

                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label class="control-label" for="input-model">Sadece Seçilen Mağazanın Siparişleri</label>

                            <select name="filter_marketplace" class="form-control">
                                <option value="*">Tümü</option>
                                {% for marketplace in marketplaces %}

                                    {% if marketplace.status %}

                                        {% if filter_marketplace==marketplace.code %}
                                            <option selected value="{{ marketplace.code }}">{{ marketplace.name }}</option>
                                        {% else %}
                                            <option value="{{ marketplace.code }}">{{ marketplace.name }}</option>

                                        {% endif %}

                                    {% endif %}

                                {% endfor %}


                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label class="control-label" for="input-date-added">{{ entry_date_added }}</label>
                            <div class="input-group date">
                                <input type="text" name="filter_date_added" value="{{ filter_date_added }}" placeholder="{{ entry_date_added }}" data-date-format="YYYY-MM-DD" id="input-date-added" class="form-control" />
                                <span class="input-group-btn">
              <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
              </span> </div>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label" for="input-date-modified">{{ entry_date_modified }}</label>
                            <div class="input-group date">
                                <input type="text" name="filter_date_modified" value="{{ filter_date_modified }}" placeholder="{{ entry_date_modified }}" data-date-format="YYYY-MM-DD" id="input-date-modified" class="form-control" />
                                <span class="input-group-btn">
              <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
              </span> </div>
                        </div>
                        <div class="form-group text-right">
                            <button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button>
                        </div>
                    </div>
                </div>
            </div>


        <div class="col-md-12 col-sm-12">
                <div class="panel panel-default" style="border-top: 2px solid #27ad5e;">
                    <div class="panel-heading">
                        <h2 class="panel-title"><i class="fa fa-list"></i> {{ text_list }}</h2>
                        <div class="pull-right" style="margin-top: -9px;">
                            <button id="btnCheckOrder"  style="margin-right: 10px" data-toggle="tooltip" title="Yeni siparişleri kontrol et" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Siparişler Güncelleniyor" class="btn btn-primary"><i class="fa fa-refresh"></i> <span class="hidden-xs">Siparişleri Güncelle</span></button>
                            <button id="btnShipping"  style="margin-right: 10px" data-toggle="tooltip" title="KARGO ETİKETİ YAZDIR" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Etiketler Oluşuyor" class="btn btn-info"><i class="fa fa-truck"></i> <span class="hidden-xs">Kargo Etiketi Yazdır</span></button>
                            <button type="button" data-toggle="tooltip" title="Seçilen Siparişleri Sil" data-loading-text="<i class='fa fa-spinner fa-spin'></i>  Siliniyor.." class="btnBulkDel btn btn-danger pull-right">
                                <i class="fa fa-trash-o"  ></i>  <span class="hidden-xs">Seçilenleri Sil</span>
                            </button>
                        </div>
                    </div>
                    <div class="panel-body">
                        <form method="post" action="" enctype="multipart/form-data" id="form-order">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <td style="width: 1px;" class="text-center"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);" /></td>
                                        <td class="text-right">{% if sort == 'o.order_id' %} <a href="{{ sort_order }}" class="{{ order|lower }}">{{ column_order_id }}</a> {% else %} <a href="{{ sort_order }}">{{ column_order_id }}</a> {% endif %}</td>
                                        <td class="text-center">Mağaza</td>

                                        <td class="text-left">{% if sort == 'customer' %} <a href="{{ sort_customer }}" class="{{ order|lower }}">{{ column_customer }}</a> {% else %} <a href="{{ sort_customer }}">{{ column_customer }}</a> {% endif %}</td>
                                        <td class="col-sm-2">Şehir</td>

                                        <td class="text-center">

                                        <div class="row">
                                            <div class="col-sm-8">Ürün Adı</div>
                                            <div class="col-sm-2">Adet</div>

                                        </div>

                                              </td>

                                        <td class="text-right">{% if sort == 'o.total' %} <a href="{{ sort_total }}" class="{{ order|lower }}">{{ column_total }}</a> {% else %} <a href="{{ sort_total }}">{{ column_total }}</a> {% endif %}</td>
                                        <td class="text-left">{% if sort == 'o.date_added' %} <a href="{{ sort_date_added }}" class="{{ order|lower }}">{{ column_date_added }}</a> {% else %} <a href="{{ sort_date_added }}">{{ column_date_added }}</a> {% endif %}</td>
                                        <td class="text-left ">{% if sort == 'order_status' %} <a href="{{ sort_status }}" class="{{ order|lower }}">{{ column_status }}</a> {% else %} <a href="{{ sort_status }}">{{ column_status }}</a> {% endif %}</td>

                                        <td class="text-right">{{ column_action }}</td>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    {% if orders %}
                                        {% for order in orders %}
                                            <tr>
                                                <td class="text-center"> {% if order.order_id in selected %}
                                                        <input type="checkbox" class="select" name="selected[]" value="{{ order.order_id }}" checked="checked" />
                                                    {% else %}
                                                        <input type="checkbox" class="select" name="selected[]" value="{{ order.order_id }}" />
                                                    {% endif %}
                                                    <input type="hidden" name="shipping_code[]" value="{{ order.shipping_code }}" /></td>
                                                <td class="text-left">{{ order.market_order_id }}</td>
                                                <td class="text-left"><img src="{{ order.logo }}" /></td>
                                                <td class="text-left">{{ order.customer }}</td>
                                                <td>{{ order.city }}/{{ order.town }}</td>

                                                <td class="text-left">

                                                    {% for id,product in order.ordered_products %}


                                                        <div class="row">
                                                            <div class="col-sm-10">{{ product.name }}</div>
                                                            <div class="col-sm-2"><label class="label label-info"> {{ product.quantity }}</label></div>

                                                        </div>

                                                        {% endfor %}

                                                </td>
                                                <td class="text-right">{{ order.total }}</td>
                                                <td class="text-left">{{ order.date_added }}</td>
                                                <td class="text-left ">{{ order.order_status }}</td>

                                                <td class="text-right"><div style="min-width: 120px;">
                                                        <div class="btn-group-">
                                                            <a class="btn btn-danger"data-toggle="tooltip" title="Sil" href="{{ order.delete }}"><i class="fa fa-trash-o"></i> </a>
                                                            <a  data-toggle="tooltip" title="{{ button_view }}" order_id="{{ order.order_id }}" class="btn btn-info view_order"><i class="fa fa-eye"></i></a>
                                                            <button type="button" data-toggle="dropdown" class="btn btn-primary dropdown-toggle hidden"><span class="caret"></span></button>
                                                            <ul class="dropdown-menu dropdown-menu-right hidden">
                                                                <li><a href="{{ order.edit }}"><i class="fa fa-pencil"></i> {{ button_edit }}</a></li>
                                                                <li><a href="{{ order.order_id }}"><i class="fa fa-trash-o"></i> {{ button_delete }}</a></li>
                                                            </ul>
                                                        </div>
                                                    </div></td>
                                            </tr>
                                        {% endfor %}
                                    {% else %}
                                        <tr>
                                            <td class="text-center" colspan="8">{{ text_no_results }}</td>
                                        </tr>
                                    {% endif %}
                                    </tbody>

                                </table>
                            </div>
                        </form>
                        <div class="row">
                            <div class="col-sm-6 text-left">{{ pagination }}</div>
                            <div class="col-sm-6 text-right">{{ results }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <script>

        $(document).on('click', '.btnBulkDel', function () {
            var order_list = [];
            $('.btnBulkDel').button('loading');
            $(".table .select:checked").each(function () {
                var order_id = $(this).val();
                order_list.push(order_id);


            });
            if (order_list.length != 0) {

                deleteOrders(order_list[0],order_list);


            }
            else {
                $('.btnBulkDel').button('reset');
                Swal.fire('Ürün Seçmediniz');
            }



            function  deleteOrders(item,pList) {



                var first_element=$("input[type='checkbox'][name='selected[]']:checked").first();
                var reference= first_element.val();


                var data={};
                data.list=pList;

                if ($("#firstrow:checked").val()) {
                    data.reference= reference;
                }else {
                    data.reference= 0;
                }

                $.post('index.php?route=entegrasyon/order/delete_bulk&order_id='+item+'&{{ token_link }}',data,function (json) {



                    if (json['next']) {

                        deleteOrders(json['item'], json['list']);


                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 3000,
                            timerProgressBar: true,
                            didOpen: (toast) => {
                                toast.addEventListener('mouseenter', Swal.stopTimer)
                                toast.addEventListener('mouseleave', Swal.resumeTimer)
                            }
                        })

                        Toast.fire({
                            icon: 'success',
                            title: 'Silindi'
                        })


                    }  else {
                        $('.btnBulkDel').button('reset');
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 3000,
                            timerProgressBar: true,
                            didOpen: (toast) => {
                                toast.addEventListener('mouseenter', Swal.stopTimer)
                                toast.addEventListener('mouseleave', Swal.resumeTimer)
                            }
                        })

                        Toast.fire({
                            icon: 'success',
                            title: 'Silindi'
                        })
                        Swal.fire({
                            title: 'Başarılı',
                            text: 'Seçilen Siparişler Silindi',
                            icon: 'success',
                            confirmButtonText: 'Tamam'
                        }).then((result) => {
                            if (result.value) {

                                window.location.href='index.php?route=entegrasyon/order&{{ token_link }}';

                            }
                        })

                    }



                }, 'JSON');


            }


            });






    </script>


        <script type="text/javascript"><!--
            $('#button-filter').on('click', function() {
                url = '';

                var filter_order_id = $('input[name=\'filter_order_id\']').val();

                if (filter_order_id) {
                    url += '&filter_order_id=' + encodeURIComponent(filter_order_id);
                }

                var filter_customer = $('input[name=\'filter_customer\']').val();

                if (filter_customer) {
                    url += '&filter_customer=' + encodeURIComponent(filter_customer);
                }

                var filter_order_status_id = $('select[name=\'filter_order_status_id\']').val();

                if (filter_order_status_id !== '') {
                    url += '&filter_order_status_id=' + encodeURIComponent(filter_order_status_id);
                }

                var filter_marketplace = $('select[name=\'filter_marketplace\']').val();

                if (filter_marketplace) {
                    url += '&filter_marketplace=' + encodeURIComponent(filter_marketplace);
                }

                var filter_date_added = $('input[name=\'filter_date_added\']').val();

                if (filter_date_added) {
                    url += '&filter_date_added=' + encodeURIComponent(filter_date_added);
                }

                var filter_date_modified = $('input[name=\'filter_date_modified\']').val();

                if (filter_date_modified) {
                    url += '&filter_date_modified=' + encodeURIComponent(filter_date_modified);
                }

                location = 'index.php?route=entegrasyon/order&{{ token_link }}' + url;
            });
            //--></script>
        <script type="text/javascript"><!--
            $('input[name=\'filter_customer\']').autocomplete({
                'source': function(request, response) {
                    $.ajax({
                        url: 'index.php?route=entegrasyon/order/autocomplete&{{ token_link }}&filter_name=' +  encodeURIComponent(request),
                        dataType: 'json',
                        success: function(json) {
                            response($.map(json, function(item) {
                                return {
                                    label: item['name'],
                                    value: item['customer_id']
                                }
                            }));
                        }
                    });
                },
                'select': function(item) {
                    $('input[name=\'filter_customer\']').val(item['label']);
                }
            });
            //--></script>

        <script src="view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
        <link href="view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" media="screen" />
        <script type="text/javascript"><!--
            $('.date').datetimepicker({
                language: '{{ datepicker }}',
                pickTime: false
            });
            //--></script>


        <script>
$('#btnCheckOrder').on('click',function (event) {

    var $btn=$(this);
    $btn.button('loading');

    $.post('{{  catalog_url }}index.php?route=entegrasyon/update/orders',{},function (data) {

        $btn.button('reset');
        if(data['total']>0){

            Swal.fire({
                title: 'Sipariş Kontrol',
                text: 'Toplam'+data['total']+' Yeni Siparişiniz Var. Siparişler Sayfasını Yenilecenektir.',
                icon: 'info',
                showCancelButton: false,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sayfayı Yenile!'
            }).then((result) => {
                if (result.value) {

            window.location.href='index.php?route=entegrasyon/order&{{ token_link }}';

                }
            })

        }else {

            if(data['message']){

                Swal.fire({
                    title: 'Sipariş Kontrol',
                    icon: 'warning',
                    text: data['message'],
                    confirmButtonColor: '#3085d6',
                    icon: 'warning',
                    confirmButtonText: 'Tamam'
                })

            } else {
            
                Swal.fire({
                    title: 'Sipariş Kontrol',
                    icon: 'info',
                    text: 'Hiç Yeni Sipariş Yok!.',
                    confirmButtonColor: '#3085d6',
                    icon: 'success',
                    confirmButtonText: 'Sağlık Olsun!'
                })
            }

        }



    },'JSON');

})

        </script>
    <script>








          $(document).on('click', '#btnShipping', function () {



              var order_list = [];
              $(".table .select:checked").each(function () {
                  var order_id = $(this).val();
                  order_list.push(order_id);


              });
              if (order_list.length != 0) {

                  shipping(order_list[0],order_list);


              }
              else {
                  alert('Sipariş Seçmediniz');
              }

              function  shipping(item,pList) {

                  var first_element=$("input[type='checkbox'][name='selected[]']:checked").first();
                  var reference= first_element.val();


                  var data={};
                  data.list=pList;

                  if ($("#firstrow:checked").val()) {
                      data.reference= reference;
                  }else {
                      data.reference= 0;
                  }

               //   window.open('index.php?route=entegrasyon/order/create_barcode&{{ token_link }}&data='+pList);



                  BootstrapDialog.show({
                      title: 'Kargo Detayları',
                      closable: true,
                      size: BootstrapDialog.SIZE_WIDE,

                      message: function (dialog) {
                          var $message = $('<div></div>');
                          var pageToLoad = dialog.getData('pageToLoad');
                          $message.load(pageToLoad);
                          return $message;
                      },
                      data: {
                          'pageToLoad': 'index.php?route=entegrasyon/order/create_barcode&{{ token_link }}&data='+pList + ''
                      }
                  });



              }

          })
          $(document).on('click', '#btnPrint', function () {
              var order_list = [];
              $(".table .select:checked").each(function () {
                  var order_id = $(this).val();
                  order_list.push(order_id);


              });
                  shipping(order_list[0],order_list);

              function  shipping(item,pList) {

                  var first_element=$("input[type='checkbox'][name='selected[]']:checked").first();
                  var reference= first_element.val();


                  var data={};
                  data.list=pList;

                  if ($("#firstrow:checked").val()) {
                      data.reference= reference;
                  }else {
                      data.reference= 0;
                  }

                   window.open('index.php?route=entegrasyon/order/create_barcode&print=true&{{ token_link }}&data='+pList);




              }
          })

    </script>

    <script>

        $('.view_order').on('click', function () {


            var thisBtn = $(this);

            var order_id = thisBtn.attr('order_id');

            BootstrapDialog.show({
                title: 'Sipariş Etiketi',
                closable: true,
                size: BootstrapDialog.SIZE_WIDE,

                message: function (dialog) {
                    var $message = $('<div></div>');
                    var pageToLoad = dialog.getData('pageToLoad');
                    $message.load(pageToLoad);
                    return $message;
                },
                data: {
                    'pageToLoad': 'index.php?route=entegrasyon/order/info&{{ token_link }}&order_id=' + order_id + ''
                }
            });

        })

    </script>
    </div>



    {{ footer }}