@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Siparişler</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a
                                            href="http://petcanlar.eticaretyap.net/panel/gosterge-paneli">Gösterge
                                            Paneli</a>
                                    </li>
                                    <li class="breadcrumb-item active">Siparişler
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-body">
                <section id="multiple-column-form">
                    <div class="row match-height">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">İşlem</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        @if(isset($_GET['filter']['type']) && $_GET['filter']['type'] == 'processed')
                                        <button type="button" onclick="window.location.replace('{{route('mng-list')}}')" class="btn btn-info">Gönderi Oluşturulacaklar</button>
                                            <button type="button" id="print-bulk" class="btn btn-secondary">Seçili Barkodları Yazdır</button>
                                            @else
                                            <button type="button" onclick="window.location.replace('{{route('mng-list')}}?filter[type]=processed')" class="btn btn-info">Gönderi Oluşturulanlar</button>
                                            <button type="button" id="create-bulk" class="btn btn-secondary">Seçililerin Gönderilerini Oluştur</button>
                                            <button type="button" id="print-bulk" class="btn btn-primary">Seçili Barkodları Yazdır</button>
                                    @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Data list view starts -->
                <section id="data-list-view" class="data-list-view-header">

                    <div class="card">

                        <div class="card-content">
                            <div class="card-body">

                                <!-- Table with outer spacing -->
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th><input type="checkbox" id="select-all"></th>
                                            <th>Sipariş No</th>
                                            <th>Müşteri</th>
                                            <th>Eklenme Tarihi</th>
                                            <th>Güncellenme Tarihi</th>
                                            <th>Kargo</th>
                                            <th>Kargo Barkodu</th>
                                            <th>Aksiyon</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <form id="data-list">
                                        @if(isset($orders) && $orders)
                                            @foreach($orders as $k => $order)
                                                <tr id="mng-{{$order->id}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="">
                                                    <td><input name="order_id[{{$k}}]" value="{{$order->id}}" type="checkbox"></td>
                                                    <td>{{$order->id}}</td>
                                                    <td>{{$order->customer_name}}</td>
                                                    <td>{{date('d-m-Y H:i:s',strtotime($order->created_at))}}</td>
                                                    <td>{{date('d-m-Y H:i:s',strtotime($order->updated_at))}}</td>
                                                    <td>{{@$order->shipping['shipping_name']}}</td>
                                                    <td>@if($order->shipping_number) <a href="{{route('mng-slip')}}?order_id[{{$k}}]={{$order->id}}" target="_blank">Görüntüle</a>@endif</td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <button type="button"
                                                                onclick="window.location.replace('{{route('get-order-detail',['order_id' => $order->id])}}')"
                                                                class="btn btn-md btn-success waves-effect waves-light"><i
                                                                    class="feather icon-eye"></i></button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </form>
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">
                                        {{$orders->appends(request()->query())->render()}}

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </section>
                <!-- Data list view end -->

            </div>
        </div>
    </div>


@endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.css')}}">
@endsection
@section('js')

    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <!-- END: Page JS-->

    <script>
        $('#print-bulk').on('click',function () {
            window.open('{{route('mng-slip')}}?'+$('#data-list').serialize(), '_blank');
        });
        $('#select-all').on('click',function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
        $('#create-bulk').on('click',function () {

           //data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top" style="background-color: lightcoral;"
            $.each($('#data-list').serializeArray(),function (index,value) {
                setTimeout(function(){
                $.get('{{route('mng-cr',[''])}}/'+value.value,function (response) {
                    if(response.status == 'success'){
                        $('#mng-'+value.value).fadeOut(100).remove();
                    }else{
                        $('#mng-'+value.value).attr('data-original-title',response.msg).attr('title',response.msg).css('background-color','lightcoral');
                    }
                });
                },500*index);

            });
        });
        $('.change-order-status').on('change', function () {
            var inpdata = $(this);
            $.get('/panel/ajax/update-order/' + inpdata.attr('data-id') + '/order_status_id/' + inpdata.children('option:selected').val(), function (response) {
                if (response.status == 'success') {
                    toastr.success(inpdata.attr('data-id') + ' Numaralı siparişinizin durumu ' + inpdata.children('option:selected').text() + ' olarak değiştirildi.', 'Başarılı!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                } else {
                    toastr.danger('Sipariş Güncellenemedi', 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                }
            });
        })
    </script>
@endsection