@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;
        }
        .box-active {
            box-shadow: inset 0 0 4px orange;
        }
    </style>

    @php
        if (count($order_status)){
            foreach ($order_status as $key => $item){
                $sum[$item->id] = 0;
            }
        }
    @endphp
    <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">8.1 Kế toán đối soát</h4>
                                <div class="col-4"></div>
                                <div class="col-lg-3">
                                    <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.accounting.doi_soat.dropdownFilter')

                        </div>
                        <input type="hidden" value="" name="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">
                                        @include('backend.accounting.doi_soat.ajax')
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="modalDoiSoat" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            {{--<form action="/update-status-order/list-code" method="post" id="validateForm">--}}
            <div class="modal-content">
                <div class="modal-header bg-main">
                    <h3 class="modal-title">Cập nhật đối soát </h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    @include('backend.accounting.doi_soat.modal_doi_soat')
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Hủy</button>
                    <button type="button" class="btn btn-primary saveOrderDoiSoat">Lưu lại</button>
                </div>
            </div>
            {{--</form>--}}
        </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="status" value="" class="statusOrder">
        <input type="hidden" name="phone" value="" class="phone">
        <input type="submit" class="submitExportExcel" style="display: none;">
    </form>
@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>
        //đăng đơn
        $(document).on('click', '#btnDangDonGiaoVan', function () {
            let favorite = [];
            console.log(111, $(".getData:checked"));
            $.each($(".getData:checked"), function () {
                favorite.push($(this).val());
            });

            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 = [];
            console.log(111, $(".getData:checked"));
            $.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) {
            });

        })


        // open form cập nhật trạng thái giao hàng
        $(document).on('click', '#btnCapNhatDonNhieu', function () {

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

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

            console.log(11111, abc);

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

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

        //save form 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 () {
                $.ajax({
                    data: {
                        data_status: $('.listCode').val(),
                        data_update: $('.statusUpdate').val()
                    },
                    url: '/depot/update-status-order/list-code',
                    method: 'put',
                    success: function (data) {
                        if (data) {
                            alertify.success('Cập nhật thành công!');
                            setTimeout(() => {
                                location.reload();
                            }, 1000)
                        }
                    }
                });
            }, function (dismiss) {
            });
        })

        $(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 () {
            console.log(111111111);
            let order_status = $(this).data('id');
            $('.statusOrder').val(order_status);
            // form.append(`<input type="hidden" value="` + order_status + `" name="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();

            $('.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();
        })

        // phân trang
        $(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)
                    }
                }
            })
        })

        //open form modal đối soát
        $(document).on('click', '#btnCapNhatDSNBNhieu', function () {
            let favorite = [];
            // console.log(111,$(".getData:checked"));
            $.each($(".getData:checked"), function () {
                favorite.push($(this).data('code'));
            });

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

            console.log(11111, abc);

            $('.listCodeDoiSoat').html(abc);

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

        $(document).on('click', '.saveOrderDoiSoat', function () {
            let data_status = $('.statusUpdateDoiSoat').val();
            if (!data_status) {
                alertify.success('Cập nhật thành công!');
                return;
            }
            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: {
                        data_status: data_status,
                        data_update: $('.listCodeDoiSoat').val()
                    },
                    url: '/accounting/doi-soat/' + data_status,
                    method: 'put',
                    success: function (data) {
                        if (data) {
                            alertify.success('Cập nhật thành công!');
                            $('#modalDoiSoat').modal('hide');
                            $('input:checkbox').not(this).prop('checked', false);
                        }
                    }
                });
            }, function (dismiss) {
            });
        })
    </script>
@endsection