@extends('core::layouts.master')
@section('breadcrumb','Quản lý đơn hàng')
@section('head-action')
    {{ Form::bsNavButton('Tạo đơn hàng mới',route('admin.order.create')) }}
@endsection
@section('content')
    <div class="panel panel-flat">
        <table class="table table-bordered datatable-ajax" data-source="{{ route('admin.order.datatables', request()->all()) }}" data-destroymulti="{{route('admin.order.destroy-multi')}}">
            <thead>
            <tr>
                <th class="text-center" width="50"><input type="checkbox" bs-type="checkbox" value="all" id="inputCheckAll"></th>
                <th width="9%">Đơn hàng</th>
                <th width="15%">Ngày đặt</th>
                <th>Khách hàng</th>
                <th>Tổng tiền</th>
                <th width="15%">Hình thức thanh toán</th>
                <th width="15%">Thanh toán</th>
                <th width="150">Trạng thái</th>
                <th width="0" class="hidden"></th>
                <th width="0" class="hidden"></th>
                <th width="0" class="hidden"></th>
            </tr>
            </thead>
        </table>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        const CONFIRM_ORDER_STATUS = 2;
        var columnDatas = [
            {
                data: null,
                render: function (data) {
                    return WBDatatables.showSelect(data.id);
                },
                orderable: false, searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return '<a href="/admin/order/' + data.id + '">' + data.code + '</a>';
                },
                orderable: false, searchable: false
            },
            {
                data: 'created_at',
                render: function (created_at) {
                    return moment(created_at).format('DD/MM/YYYY h:mm:ss');
                },
                orderable: false, searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return '<p>'+data.fullname+'</p><p>Điện thoại: '+data.phone+'</p>';
                },
                orderable: false, searchable: false

            },
             {
                data: null,
                render: function (data) {
                    return number_format(data.total) + ' '+ data.currency;
                },
                orderable: false, searchable: false
            },
            {
                data: 'payment_method',
                className: "text-center",
                orderable: false, searchable: false
            },
            {
                data: null,
                render: function (data) {
                    if(data.payment_status == 1){
                        return '<span class="label bg-success-400">Đã thanh toán</span>';
                    }
                    return '<span class="label bg-grey-400">Chưa thanh toán</span>';
                },
                className: "text-center",
                orderable: false, searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return '<select class="form-control order_status" style="width: 100%;" data-id="' + data.id + '">'
                        + '<option value="0" ' + ((data.status == '0') ? 'selected' : '') + '>Chưa đặt hàng</option>'
                        + '<option value="1" ' + ((data.status == '1') ? 'selected' : '') + '>Mới</option>'
                        + '<option value="2" ' + ((data.status == '2') ? 'selected' : '') + '>Đã xác nhận</option>'
                        + '<option value="3" ' + ((data.status == '3') ? 'selected' : '') + '>Đang vận chuyển</option>'
                        + '<option value="4" ' + ((data.status == '4') ? 'selected' : '') + '>Hoàn tất</option>'
                        + '<option value="-1" disabled ' + ((data.status == '-1') ? 'selected' : '') + '>Đã hủy</option>'
                        + '</select>';
                },
                orderable: false, searchable: false
            },
            {
                data: 'code',
                className: 'hidden'

            },
            {
                data: 'fullname',
                className: 'hidden'

            },
            {
                data: 'phone',
                className: 'hidden'

            },
        ];

        WBDatatables.init('.datatable-ajax', columnDatas,{"createdRow": function ( row, data, index ) {
            if ( data.view_by_admin==0 ) {
                $(row).addClass('row_new');
            }
        }});
         WBDatatables.showAction();
        var status = '{{Form::select('status',[-2=>'Tất cả',0=>'Chưa đặt hàng',1=>'Mới',2=>'Đã xác nhận', 3=>'Đang vận chuyển', 4=>'Hoàn tất', -1=>'Đã hủy'], -2, ['class'=>'form-control'])}}';
        WBDatatables.addFilter(status, 'select[name=status]');

        let html = '<div class="dataTables_filter"><a class="btn btn-default  button-export" target="_blank"  href="javascript:void(0)" onclick="exportExcel()" role="button">Xuất file</a></div>';
        $("div.datatable-header .datatable-header-right").append(html);


        $('table').on('change', '.order_status', function (e) {
            var id = $(this).attr('data-id');
            let status = $(this).val();
            var data_update = {
                status: status,
                type: 'update-status',
            };
            if (status == CONFIRM_ORDER_STATUS) {
                data_update.force_update = 0;
            }
            return _update(id, data_update);
        });

        $('table').on('change', '.payment_status', function (e) {
            var id = $(this).attr('data-id');
            var payment_status = $(this).is(':checked') ? 1 : 0;
            var data_update = {
                payment_status: payment_status
            };
            return _update(id, data_update);
        });

        function _update(id, data) {
            data._token = '{{ csrf_token() }}';
            $.ajax({
                type: "PATCH",
                url: '{{route('admin.order.index')}}/' + id,
                data: data,
                success: function (response) {
                    if (response.success) {
                        successNotice('Thông báo', response.message);
                        $('.save-menu').removeClass('disabled');
                        swal.close();
                    } else {
                        if (response.need_confirmation) {
                            swal({
                                showLoaderOnConfirm: true,
                                closeOnConfirm: false,
                                title: response.title,
                                text: response.message,
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#FF7043",
                                cancelButtonText: "Không",
                                confirmButtonText: "Có"
                            }, function () {
                                data.force_update = 1;
                                return _update(id, data);
                            });
                        } else {
                            errorNotice('Thông báo', response.message);
                            swal.close();
                        }
                    }
                },
            });
        }

        function checkOrderQuantity (id) {
            return new Promise((resolve, reject) => {
                $.ajax({
                    type: 'GET',
                    url: '/admin/order/check-quantity/' + id,
                    data: {
                        _token: _token
                    },
                    dataType: 'json',
                    success: function (response) {
                        resolve(response);
                    },
                    error: function () {
                        reject(new Error('Không thể kiểm tra số lượng sản phẩm trong đơn hàng, vui lòng kiểm tra đường truyền mạng và thử lại'));
                    }
                });
            });
        }
        function exportExcel(){
            location.href="/admin/order/export?export_type=excel&status="+$('select[name="status"]').val()+'&key='+$("input[type='search']").val();
        }

    </script>
@endsection