@extends('backend.layouts.master')
@section('content')
    <style>
        input.select2-search__field {
            margin-top: 0 !important;
        }

        .modal-header.bg-main {
            height: 35px;
        }

        .modal-header.bg-main .modal-title {
            line-height: 10px;
            font-size: 18px;
        }

        .btnThemLandingData {
            position: absolute;
            right: 5px;
        }

        .fam-container {
            bottom: 3%;
            position: fixed;
            margin: 1em;
            left: 2.5%;
            z-index: 9999;
            width: 100px;
        }

        .buttons {
            font-size: 11px;
            text-align: center;
            box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
            border-radius: 50%;
            display: block;
            width: 56px;
            height: 56px;
            margin: 20px auto 0;
            position: relative;
            -webkit-transition: all .1s ease-out;
            transition: all .1s ease-out;
        }

        .buttons i.fa {
            font-size: 18px;
            color: white;
            line-height: 40px;
        }

        .fam-success {
            background: #51a351;
        }

        .fam-primary {
            background: #1e9ad6;
        }

        .fam-pink {
            background: #f861a3;
        }

        .fam-warning {
            background: #f88808;
        }

        .fam-container:hover .buttons:not(:last-child) {
            margin: 20px auto 0;
            width: 40px;
            height: 40px;
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            margin: 15px auto 0;
        }

        .buttons:not(:last-child) {
            width: 0px;
            height: 0px;
            margin: 0px auto 0;
            opacity: 0;
            -webkit-transform: translateY(50px);
            -ms-transform: translateY(50px);
            transform: translateY(50px);
        }

        .buttons:nth-last-child(1) {
            transition-delay: 25ms;
            background-size: contain;
            background: #6ea543;
        }

        .buttons:nth-last-child(1) i {
            color: white;
            font-size: 24px;
            line-height: 55px;
        }

        .box-active {
            box-shadow: inset 0 0 4px orange;
        }

        .notice {
            background-color: #ffffee;
            border: 1px solid #ffaa00;
            border-radius: 2px;
            color: #333;
            font-size: 11px;
            padding: 6px 10px 4px;
        }
    </style>

    @php
        if (count($order_status)){
            foreach ($order_status as $key => $item){
                $sum[$item->id] = 0;
            }
        }
    @endphp

    <nav class="fam-container">
        <a id="btnDangDonGiaoVan" class="buttons fam-primary" data-toggle="tooltip" data-placement="right"
           title="Đăng đơn">
            <i class="fa fa-calendar-check-o"></i>
        </a>

        <a id="btnHuyDonGiaoVan" class="buttons fam-warning" data-toggle="tooltip" data-placement="right"
           title="Hủy đăng đơn">
            <i class="fa fa-calendar-times-o"></i>
        </a>

        <a id="btnCapNhatDonNhieu" class="buttons fam-success" data-toggle="tooltip" data-placement="right"
           title="Cập nhật trạng thái giao hàng">
            <i class="fa fa-truck"></i>
        </a>
        @php
            $is_admin = Auth::user()->department_id == \App\Constants\DepartmentConstant::ADMIN ? true : false;
            $is_ceo = Auth::user()->department_id == \App\Constants\DepartmentConstant::CEO ? true : false;
            $is_leader = Auth::user()->is_leader == \App\Constants\DepartmentConstant::IS_LEADER ? true : false;
            $is_doisoat = Auth::user()->doi_soat == \App\Constants\DepartmentConstant::DOI_SOAT ? true : false;
        @endphp
        @if($is_admin||$is_leader||$is_doisoat||$is_ceo)
            <a class="DanhSachContact_btnPhanBoLai buttons fam-pink" data-toggle="tooltip" data-placement="right"
               title="Phân bổ ngay lập tức">
                <i class="fa fa-user-circle"></i>
            </a>
            <a class="btnChiaHoaHong buttons fam-success" data-toggle="tooltip" data-placement="right"
               title="Hoa hồng">
                <i class="fa fa-money"></i>
            </a>
            <a class="buttons fam-primary exportExcel" data-toggle="tooltip" data-placement="right"
               title="Xuất Excel kiểu 1">
                <i class="fa fa-file-excel-o"></i>
            </a>
        @endif
        <a id="btnInDon" class="buttons fam-success" data-toggle="tooltip" data-placement="right" title="In đơn">
            <i class="fa fa-print"></i>
        </a>
        <input type="hidden" id="btnInDon1">


        <a class="buttons" tooltip="Share" href="#"><i class="fa fa-bars"></i></a>
    </nav>



    <div class="content-body">
        <!-- card actions section start -->
        <section id="card-actions">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        {!! Form::open(array('url' => url()->current(), 'method' => 'get', 'id'=> 'gridForm','role'=>'form')) !!}
                        <div class="card-header fix-header bottom-card add-paginate">
                            <div class="row" style="align-items: baseline">
                                <h4 class="col-lg-3">6.1 Thủ kho tác nghiệp</h4>
                                <div class="col-lg-4 col-md-6">
                                    <input type="hidden" name="start_date" id="start_date">
                                    <input type="hidden" name="end_date" id="end_date">
                                    <input id="reportrange" type="text" class="form-control square">
                                </div>
                                <div class="col-lg-2">
                                    <input type="text" class="form-control square" placeholder="Số điện thoại"
                                           name="phone" id="phone">
                                </div>

                                <button class="btn btn-primary searchData"><i class="fa fa-search"></i> Tìm kiếm
                                </button>


                            </div>
                            @include('backend.depot.dang_don.dropdownFilter')
                        </div>
                        <input type="hidden" value="" name="order_status" class="statusOrder">
                        {!! Form::close() !!}
                        <div class="card-header fix-header"></div>

                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12" id="mydiv">
                                        @include('backend.depot.dang_don.ajax')
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!-- Modal trạng thái -->
    @include('backend.depot.dang_don.modal')

    <!-- Modal hoa hồng -->
    @include('backend.depot.dang_don.hoa_hong_modal')

    <!-- Modal  update đơn hàng-->
    @include('backend.depot.dang_don.update_order_modal')

    <!-- Modal  phân bổ data-->
    @include('backend.depot.dang_don.modalPhanBo')

    <!-- Modal In đơn-->
    @include('backend.depot.dang_don.indon')

    <div class="modal fade text-left" id="modalHistory" tabindex="-1" role="dialog" aria-labelledby=""
         style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header bg-main">
                    <h3 class="modal-title">Lịch sử tác nghiệp</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <table class="table table-bordered">
                                <thead>
                                <th>#</th>
                                <th>Trạng thái</th>
                                <th>Phụ trách</th>
                                <th>Ghi chú</th>
                                <th>Thời gian</th>
                                </thead>
                                <tbody class="list-history">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <form action="/depot/export-order1">
        <input type="hidden" name="start_date" value="" class="start_date">
        <input type="hidden" name="end_date" value="" class="end_date">
        <input type="hidden" name="kieu_ngay" value="" class="kieu_ngay">
        <input type="hidden" name="in_don" value="" class="in_don">
        <input type="hidden" name="care_don" value="" class="care_don">
        <input type="hidden" name="product_id" value="" class="product_id">
        <input type="hidden" name="doi_soat_noi_bo" value="" class="doi_soat_noi_bo">
        <input type="hidden" name="chon_ptgh" value="" class="chon_ptgh">
        <input type="hidden" name="depot_id" value="" class="depot_id">
        <input type="hidden" name="sale_id" value="" class="sale_id">
        <input type="hidden" name="order_status" value="" class="statusOrder">
        <input type="hidden" name="phone" value="" class="phone">
        <input type="hidden" name="ids" value="" class="ids">
        <input type="submit" class="submitExportExcel" style="display: none;">
    </form>

    @include('components.tin_nhan_noi_bo.modal_internal_message')
    @include('backend.depot.dang_don.modal_update_trang_thai_giao_hang')
    @include('backend.sale.operation.modal_list_order')
@endsection
@section('script')
    @include('backend.layouts.script')
    <script type="text/javascript" src="{{asset('js/moment.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/daterangepicker.min.js')}}"></script>
    <link rel="stylesheet" type="text/css" href="{{asset('css/daterangepicker.css')}}"/>
    <script type="text/javascript" src="{{asset('js/dateranger-config.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/barcode.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/printPreview.js')}}"></script>

    <script type="text/javascript">

        $('.statusAll').addClass('box-active');

        //đăng đơn
        $(document).on('click', '#btnDangDonGiaoVan', function () {
            let favorite = [];
            $.each($(".getData:checked"), function () {
                favorite.push($(this).val());
            });

            if(favorite.length <1){
                alertify.warning('Vui lòng chọn đơn hàng');
                return;
            }

            swal({
                title: 'Bạn có chắc chắn đăng đơn?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                showCloseButton: true,
            }).then(function () {
                $.ajax({
                    data: {
                        data_status: 5,
                        data_update: favorite
                    },
                    url: '/depot/update-status-order',
                    method: 'put',
                    success: function (data) {
                        if (data) {
                            alertify.success('Đăng đơn thành công!');
                            setTimeout(() => {
                                location.reload();
                            }, 1000)
                        }

                    }
                });
            }, function (dismiss) {
            });

        })

        //hủy đăng đơn
        $(document).on('click', '#btnHuyDonGiaoVan', function () {
            let favorite = [];
            $.each($(".getData:checked"), function () {
                favorite.push($(this).val());
            });

            swal({
                title: 'Bạn có chắc chắn hủy đăng đơn?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                showCloseButton: true,
            }).then(function () {
                $.ajax({
                    data: {
                        data_status: 1,
                        data_update: favorite
                    },
                    url: '/depot/update-status-order',
                    method: 'put',
                    success: function (data) {
                        if (data) {
                            alertify.success('Đăng đơn thành công!');
                            setTimeout(() => {
                                location.reload();
                            }, 1000)
                        }
                    }
                });
            }, function (dismiss) {
            });

        })


        $(document).on('click', '#btnCapNhatDonNhieu', function () {
            resetValue();

            let favorite = [];
            $.each($(".getData:checked"), function () {
                favorite.push($(this).data('code'));
            });

            let abc = favorite.join();
            abc = abc.split(",").join("\n");

            $('.listCode').val(abc);

            $('#exampleModal').modal('show');
        })



        $(document).on('click', '.btnChiaHoaHong', function () {
            resetValue();
            let favorite = [];
            $.each($(".getData:checked"), function () {
                favorite.push($(this).data('code'));
            });

            let abc = favorite.join();
            abc = abc.split(",").join("\n");

            $('.listCodeHoaHong').val(abc);

            $('#hoaHongModal').modal('show');
        })

        //cập nhật trạng thái giao hàng
        $('.saveOrderChangeStatus').on('click', function () {
            swal({
                title: 'Bạn chắc chắn muốn cập nhật?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                showCloseButton: true,
            }).then(function () {
                showLoading();
                $.ajax({
                    data: {
                        data_status: $('.listCode').val(),
                        data_update: $('.statusUpdate').val()
                    },
                    url: '/depot/update-status-order/list-code',
                    method: 'put',
                    success: function (data) {
                        if (data) {
                            hideLoading();
                            alertify.success('Cập nhật thành công!');

                            $('.totalOrder').html(data.count_order);
                            // $('.totalOrderDaThucHien').html(data.count_order);
                            $('.totalOrderDone').html(data.count_order_done);
                            $('.totalOrderFail').html(data.count_order_fail);

                            if (data.order_fail.length > 0) {
                                let row = $('.detailOrderFail');
                                let html = '';
                                data.order_fail.forEach(function (item) {
                                    html += `
                                        <div class="tb-item tb-item0">
                                            <i class="tb-icon fa fa-warning text-warning"></i>
                                            <a class="tb-link" href="#">
                                                ` + item + `:
                                            </a>
                                            <span class="tb-mota small-tip"> Không tìm thấy đơn</span>
                                        </div>
                                    `
                                })

                                row.html(html);

                            }
                        }
                    }
                });
            }, function (dismiss) {
            });
        })

        //cập nhật hoa hồng
        $('.saveHoaHongChangeStatus').on('click', function () {
            swal({
                title: 'Bạn chắc chắn muốn cập nhật?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                showCloseButton: true,
            }).then(function () {
                showLoading();
                $.ajax({
                    data: {
                        data_code: $('.listCodeHoaHong').val(),
                        data_hoa_hong: $('.statusHoaHong').val()
                    },
                    url: '/depot/update-order/hoa-hong',
                    method: 'put',
                    success: function (data) {
                        if (data) {
                            hideLoading();
                            alertify.success('Cập nhật thành công!');

                            $('.totalOrder').html(data.count_order);
                            // $('.totalOrderDaThucHien').html(data.count_order);
                            $('.totalOrderDone').html(data.count_order_done);
                            $('.totalOrderFail').html(data.count_order_fail);

                            if (data.order_fail.length > 0) {
                                let row = $('#hoaHongModal .detailOrderFail');
                                let html = '';
                                data.order_fail.forEach(function (item) {
                                    html += `
                                        <div class="tb-item tb-item0">
                                            <i class="tb-icon fa fa-warning text-warning"></i>
                                            <a class="tb-link" href="#">
                                                ` + item + `:
                                            </a>
                                            <span class="tb-mota small-tip"> Không tìm thấy đơn</span>
                                        </div>
                                    `
                                })

                                row.html(html);

                            }
                        }
                    }
                });
            }, function (dismiss) {
            });
        })

        function resetValue() {
            $('.totalOrder').html('');
            $('.totalOrderDaThucHien').html('');
            $('.totalOrderDone').html('');
            $('.totalOrderFail').html('');
            $('.detailOrderFail').html('');
        }

        $(document).on('click', '#checkAll', function () {
            if (this.checked) {
                $('input:checkbox').not(this).prop('checked', true);
            } else {
                $('input:checkbox').not(this).prop('checked', false);
            }
        })

        let form = $('#gridForm');


        //click search
        $(document).on('click', '.dm-tac-nghiep', function () {
            let order_status = $(this).data('id');
            $('.statusOrder').val(order_status);
            $('.searchData').click();
        })

        $(document).on('click', '.exportExcel', function () {
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            let kieu_ngay = $('#kieu_ngay').val();
            let in_don = $('#in_don').val();
            let care_don = $('#care_don').val();
            let product_id = $('#product_id').val();
            let doi_soat = $('#doi_soat').val();
            let chon_ptgh = $('#chon_ptgh').val();
            let depot_id = $('#depot_id').val();
            let sale_id = $('#sale_id').val();
            let phone = $('#phone').val();
            let ids = [];
            $.each($(".getData:checked"), function () {
                ids.push($(this).val());
            });
            ids = $('.ids').val(JSON.stringify(ids));

            $('.start_date').val(start_date);
            $('.end_date').val(end_date);
            $('.kieu_ngay').val(kieu_ngay);
            $('.in_don').val(in_don);
            $('.care_don').val(care_don);
            $('.product_id').val(product_id);
            $('.doi_soat_noi_bo').val(doi_soat);
            $('.chon_ptgh').val(chon_ptgh);
            $('.depot_id').val(depot_id);
            $('.sale_id').val(sale_id);
            $('.phone').val(phone);

            $('.submitExportExcel').click();
        })


        $(document).on('click', '.page-link', function (e) {
            e.preventDefault();
            let page = $(this).html();
            $.ajax({
                url: window.location.href + '?page=' + page,
                data: {
                    'start_date': $('#start_date').val(),
                    'end_date': $('#end_date').val(),
                    'kieu_ngay': $('#kieu_ngay').val(),
                    'in_don': $('#in_don').val(),
                    'care_don': $('#care_don').val(),
                    'product_id': $('#product_id').val(),
                    'doi_soat': $('#doi_soat').val(),
                    'chon_ptgh': $('#chon_ptgh').val(),
                    'depot_id': $('#depot_id').val(),
                    'sale_id': $('#sale_id').val(),
                    'phone': $('#phone').val(),
                    'page': page
                },
                success: function (data) {
                    if (data) {
                        $('.tableFixHead.table-bordered.table-hover.table-responsive').html(data)
                    }
                }
            })
        })
        $(document).on('click', '#btnInDon', function () {
            // $('#modalInDon').modal('show');
            let favorite = [];

            $.each($(".getData:checked"), function () {
                favorite.push($(this).val());
            });

            let html = "";
            $.ajax({
                url: '/ajax/order/searchOrder',
                data: {arrId: favorite},
                success: function (data) {
                    if (data) {
                        data.forEach(function (item) {
                            let nguoi_nhan = item.receive ? item.receive : item.customer.name;
                            let order_detail = "";

                            item.order_details.forEach(function (item1) {
                                order_detail += `
                                    <tr>
                                        <td><span class="ten-sp" style="text-overflow:ellipsis">` + item1.product.name + `</span></td>
                                        <td class="text-center">` + item1.quantity + `</td>
                                        <td class="text-right">` + formatNumber(item1.price) + `</td>
                                    </tr>
                                `
                            });

                            html += `

                                <div style="width: 100%; padding: 10px 5px; margin: auto; display: inline-block; font-size: 12px">
                                    <table class="tb-in" style="min-height: 0px;">
                                        <tbody>
                                        <tr>
                                            <td class="line1 text2">PHIẾU GỬI HÀNG
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center line2">
                                                <div style="height: 1px;"></div>

                                               <svg class="barcode"
                                                     jsbarcode-format="CODE128"
                                                     jsbarcode-value=` + item.code + `
                                                     jsbarcode-fontoptions="normal"
                                                     jsbarcode-fontsize="11"
                                                     jsbarcode-displayvalue="true"
                                                     jsbarcode-height="40"
                                                     jsbarcode-width="1"
                                                >
                                                </svg>
                                            </td>
                                        </tr>
                                        <tr class="hidden">
                                            <td class="text-center " style="vertical-align: middle;">
                                                <span style="font-size: 32px;"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text1 line3">NGƯỜI GỬI</td>
                                        </tr>
                                        <tr>
                                            <td class="line4 text3">
                                                <div style="padding: 5px 0;">
                                                    <br>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text1 line3">NGƯỜI NHẬN</td>
                                        </tr>
                                        <tr>
                                            <td class="line4 text3">
                                                <div style="padding: 5px 0;">
                                                    <div class=""><span class="">` + nguoi_nhan + `</span></div>
                                                    <div class=""><span class="fb" style="font-size: 15px">` + item.customer.phone + `</span></div>
                                                    <div class="">` + item.address + ` , ` + item.ward.name + `, ` + item.district.name + `, ` + item.city.name + `</div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text1 line5">THANH TOÁN</td>
                                        </tr>
                                        <tr>
                                            <td class="line6 text-left no-pading ">
                                                <div style="padding: 5px 0;">
                                                    <table class="tb-in-sp">
                                                        <tbody><tr class="">
                                                            <td class="no-wrap">Phí VC (người gửi trả):
                                                            </td>
                                                            <td class="no-wrap text-right" style="padding-right: 10px;">
                                                                0
                                                            </td>
                                                        </tr>
                                                        <tr class="hidden">
                                                            <td class="no-wrap">Chiết khấu:
                                                            </td>
                                                            <td class="no-wrap text-right" style="padding-right: 10px;">
                                                                ` + item.discount + `
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="no-wrap">Tiền thu hộ:
                                                            </td>
                                                            <td class="no-wrap text-right" style="padding-right: 10px;">
                                                                <span class="fb" style="font-size: 15px">` + formatNumber(item.total) + `</span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">
                                                                <div class="fb" style="text-align: justify; padding-top: 10px; padding-bottom: 5px; font-size: 13px">

                                                                </div>
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text1 line5">ĐƠN HÀNG</td>
                                        </tr>
                                        <tr>
                                            <td class="line6 no-pading">
                                                <div style="padding: 5px 0; font-size: 12px">
                                                    <table class="tb-in-sp">
                                                        <tbody>
                                                            ` + order_detail + `
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody></table>
                                    <div class="text4" style="font-size: 12px">

                                    </div>
                                </div>
                                <div class="pagebreak"></div>

                            `
                        })
                    }

                    $('.div-in').html(html);
                }
            })


            setTimeout(function () {
                JsBarcode(".barcode").init();

                $("#btnInDon1").click();
            }, 500)
        })


        $(document).on('click', '.showUpdateGiaoHang', function () {
            let item = $(this).data('item');
            let current_status = item.order_status.id == 1 ? 'Chờ vận đơn' : item.order_status.name;
            let checked_goi_dau = item.goi_dau ? true : false;

            $('#modalUpdateGiaoHang .order_id').val(item.id);
            $('#modalUpdateGiaoHang .ma_don_hang').html(item.code);
            $('#modalUpdateGiaoHang .ten_kh').html(item.customer.name + (item.is_upsale ? ' (Upsale)' : ''));
            $('#modalUpdateGiaoHang .sdt_kh').html(item.customer.phone);
            $('#modalUpdateGiaoHang .ma_giao_van').html();
            $('#modalUpdateGiaoHang .trang_thai_hien_tai').html(current_status);
            $('#modalUpdateGiaoHang .status').val('').change();
            $('#modalUpdateGiaoHang .note').val('');

            $("#modalUpdateGiaoHang .hoaHong").val(item.hoa_hong);

            $('#modalUpdateGiaoHang').modal('show');
            $('#goi_dau').prop('checked', checked_goi_dau);
        })


        //cập nhật trạng thái giao hàng
        $(document).on('click', '.submitUpdateGiaoHang', function () {
            let order_id = $('#modalUpdateGiaoHang .order_id').val();
            let status_new = $('#modalUpdateGiaoHang .status').val();
            let note = $('#modalUpdateGiaoHang .note').val();
            let type_ship = $('#modalUpdateGiaoHang .typeShip').val();
            let hoa_hong = $('#modalUpdateGiaoHang .hoaHong').val();
            let goi_dau = $('#goi_dau').is(":checked");


            swal({
                title: 'Bạn có chắc chắn thay đổi?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                showCloseButton: true,
            }).then(function () {
                $.ajax({
                    url: '/ajax/depot/update-status-giao-hang',
                    method: 'post',
                    data: {
                        order_id: order_id,
                        status_new: status_new,
                        note: note,
                        type_ship: type_ship,
                        hoa_hong : hoa_hong,
                        goi_dau : goi_dau
                    },
                    success: function (data) {
                        if (data) {
                            // location.reload();
                            alertify.success('Cập nhật thành công');
                            $('#modalUpdateGiaoHang').modal('hide');
                            $('.searchData').click();
                        }
                    }
                })
            }, function (dismiss) {
            });

        })


        // click phone number (trùng số)
        $(document).on('click', '.phoneNumber', function () {
            let phone = $(this).data('phone');
            let row = $(document).find('.list-order-phone-number');
            row.html('');
            let row_html = '';
            $.ajax({
                url: '/get-order-phoneNumber/' + phone,
                success: function (data) {
                    data.forEach(element => {
                        let source_name = element.source ? element.source.name : '';
                        let sale_name = element.sale ? element.sale.name : '';
                        let customer_status = element.customer_status ? element.customer_status.name : '';
                        if (element.orders.length > 0) {
                            element.orders.forEach(el => {
                                let order_status = el.order_status ? el.order_status.name : '';
                                let is_upsale = el.is_upsale ? '(Upsale)' : '';

                                let total = new Intl.NumberFormat('de-IT', {
                                    style: 'currency',
                                    currency: 'VND'
                                }).format(el.total + el.advance_price);
                                row_html += `
                                     <tr>
                                        <td class="text-center">` + el.id + `</td>
                                        <td class="text-center">` + source_name + ` <br> ` + element.created_at + `</td>
                                        <td class="text-center">` + element.name + ` ` + is_upsale + `</td>
                                        <td class="text-center">` + element.message + `</td>
                                        <td class="text-center">` + sale_name + `</td>
                                        <td class="text-center">` + customer_status + `</td>
                                        <td class="text-center"></td>
                                        <td class="text-center">` + total + `</td>
                                        <td class="text-center">` + el.created_at + ` <br> ` + el.code + `</td>
                                        <td class="text-center">` + order_status + ` <br> ` + el.code + `</td>
                                        <td class="text-center"></td>
                                    </tr>
                                `
                            })

                        } else {
                            row_html += `
                                 <tr>
                                    <td class="text-center">` + element.id + `</td>
                                    <td class="text-center">` + element.source.name + ` <br> ` + element.created_at + `</td>
                                    <td class="text-center">
                                        ` + element.name + `
                                        <br>
                                        ` + element.phone + `
                                    </td>
                                    <td class="text-center">` + element.message + `</td>
                                    <td class="text-center">` + element.sale.name + `</td>
                                    <td class="text-center">` + customer_status + `</td>
                                    <td class="text-center"></td>
                                    <td class="text-center"></td>
                                    <td class="text-center"></td>
                                    <td class="text-center"></td>
                                </tr>
                            `
                        }

                    })
                    row.html(row_html);
                }
            });
            $('#modalPhoneNumber').modal('show');
        })
    </script>

    <script>
        // $(".barcode").JsBarcode("Hi!");
        JsBarcode(".barcode").init();
        $(function () {
            $("#btnInDon1").printPreview({
                obj2print: '.div-in',
                width: '720'
            });
        });
    </script>
    <script>
        $(document).on('click', '.dropdown-custom', function () {
            $(this).toggleClass('show');
        })
        $(document).on('click.bs.dropdown.data-api', 'label', function (e) {
            e.stopPropagation();
        });

        $("#checkAll").click(function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });

        $(document).on('click', '.saveFilter', function () {
            let favorite = [];
            $.each($("input[getDataItem]:checked"), function () {
                favorite.push($(this).val());
            });

            $.ajax({
                url: '/ajax/user-filter-grid',
                method: 'POST',
                data: {
                    url: location.pathname,
                    fields: JSON.stringify(favorite)
                },
                success: function (data) {
                    if (data && data == 1) {
                        alertify.success('Cập nhật thành công !')
                    }
                }
            })
        })

        //Phan bo data
        var arr_id_kh = [];
        $(document).on('click', '.DanhSachContact_btnPhanBoLai', function () {
            $('.selectedDepot').val('').change();
            let ids = [];
            $.each($(".getData:checked"), function () {
                ids.push($(this).val());
            });

            if (ids.length > 0) {
                $('#selectedDepot').val('').trigger('change');
                $('#ModalPhanBoData').modal('show');
                arr_id_kh = ids;
            } else {
                alertify.warning('Bạn chưa chọn đơn hàng !')
            }
        })

        //phân bổ data
        $('.buttonPhanBo').on('click', function () {
            swal({
                title: 'Bạn chắc chắn muốn cập nhật?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                showCloseButton: true,
            }).then(function () {
                $.ajax({
                    data: {
                        ids: arr_id_kh,
                        warehouse_id: $('#selectedDepot').val(),
                    },
                    url: '/ajax/depot/update-warehouse',
                    method: 'post',
                    success: function (data) {
                        if (data) {
                            alertify.success('Phân bổ hoàn tất!');
                            $('.searchData').click();
                            $('#ModalPhanBoData').modal('hide');
                            // $("#mydiv").load(location.href + " #mydiv");
                            // setTimeout(function () {
                            //     window.location.reload();
                            // }, 500)
                        }
                    }
                });
            }, function (dismiss) {
            });
        })

        $(document).on('click','.saveNote',function () {
            let note = $(this).closest('td').find('.depotNote').val();
            let order_id = $(this).data('id');
            $.ajax({
                data: {
                    order_id: order_id,
                    note: note,
                },
                url: '/ajax/depot/update-note',
                method: 'put',
                success: function (data) {
                    if (data) {
                        alertify.success('Lưu thành công!');
                    } else {
                        alertify.error('Có lỗi xảy ra!');
                    }
                }
            });

        })

        $(document).on('click','.showHistoryDepot',function () {
            let order_id = $(this).data('id');

            $('.list-history').html("");
            $.ajax({
                url:'/ajax/customer/history-operation-depot',
                data:{
                    order_id: order_id
                },
                success: function (data) {
                    if(data.length > 0 ){
                        let html = "";
                        data.forEach(function (item,index) {
                            let hoa_hong = item.hoa_hong == 1 ? 'Thưởng' : (item.hoa_hong == 2 ? 'Phạt' : 'Bỏ qua') ;
                            let stt = index + 1;
                            let status = item.order_status && item.order_status.name ? item.order_status.name : '';
                            html += `
                                <tr>
                                    <td>`+stt+`</td>
                                    <td>`+status+`</td>
                                    <td>`+item.warehouse.name+`</td>
                                    <td>`+item.note+`</td>
                                    <td>`+item.user.name+` (`+item.user.username+`) <br> `+item.created_at+`</td>
                                </tr>
                            `
                        })
                        $('.list-history').html(html)
                    }
                }

            })
            $('#modalHistory').modal('show');
        })


    </script>
    <script>
        $(document).on('click','.editOrder',function () {
            let order_id = $(this).data('id');
            $('#editOrder .order_id').val(order_id);
            $('#editOrder .hide').hide();
            $.ajax({
                url:'/get-order/'+order_id,
                success:function (data) {
                    console.log(23424,data);
                    if(data){
                        let name = data.order && data.order.customer_name ? data.order.customer_name : data.order.customer.name;
                        $('#editOrder .ma_don_hang').html(data.order.code);
                        $('#editOrder .ten_kh').html(name);
                        $('#editOrder .sdt_kh').html(data.order.customer.phone);

                        if(data.depots && data.depots.length > 0){
                            let html = '';

                            data.depots.forEach(function (item) {
                                let selected = item.id == data.order.depot_id ? 'selected' : '';
                                html += `
                                        <option value=`+item.id+` `+selected+`> `+item.name+`</option>
                                    `

                            })

                            $('#editOrder .optionDepot').html(html)
                        }

                        if(data.order && data.order.order_details.length > 0){
                            let html_p = '';
                            data.order.order_details.forEach(item=>{
                                html_p += `
                                    `+item.product.name+` | `+item.quantity+` | `+formatNumber(item.total_price)+` </br>
                                `
                            })
                            $('#editOrder .list-product').html(html_p);
                        }
                    }
                }
            })
            // console.log(123123,item);
            $('#editOrder').modal('show');
        })

        $(document).on('click','#editOrder .updateOrder',function () {
            let depot_id = $('#editOrder .optionDepot').val();
            let order_id = $('#editOrder .order_id').val();
            $.ajax({
                url:'/update-order-depot',
                data:{
                    depot_id: depot_id,
                    order_id: order_id
                },
                success:function (data) {
                    if(data && data == 1){
                        alertify.success('Cập nhật thành công !');
                    } else {
                        alertify.error('Cập nhật thất bại !');
                        let html = '';
                        if(data && data.length > 0){
                            data.forEach(item=>{
                                html+= `
                                    `+item.product.name+` | Không đủ sl </br>
                                `
                            })
                        }
                        $('#editOrder .error').html(html);
                        $('#editOrder .hide').show()
                    }
                }
            })
        })
    </script>
    @include('components.tin_nhan_noi_bo.js_internal_message')
@endsection