@extends('layouts.master')

@section('page_title', 'Orders Details')
@section('title', 'Orders Details')
@section('main_item', 'Orders')
@section('sub_item', 'Orders Details')

@section('content')
    <style>
        div.dt-buttons {
            position: relative;
            float: right;
        }

        div.dataTables_filter {
            margin-top: 7px
        }

        .search {
            padding: 17px;
            margin-top: -18px
        }

        .btn_multipal_bulk_print {
            margin-top: 10px;
            background: rgb(60, 195, 190);
            color: aliceblue;
            transform: translate(0px);
        }
    </style>
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Customer</label>
                            <select class="form-control select2" id="contact_id" name="contact_id">
                                <option value="">All</option>
                                @foreach ($customers as $customer)
                                    <option value="{{ $customer->id }}">{{ $customer->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="courier_id">Courier</label>
                            <select class="form-control select2" id="courier_id" name="courier_id">
                                <option value="">All</option>
                                @foreach ($couriers as $courier)
                                    <option value="{{ $courier->id }}">{{ $courier->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Call Status</label>
                            <select class="form-control custom-select" id="call_status" name="call_status">
                                <option value="">All</option>
                                <option value="pending">Pending</option>
                                <option value="confirm">Confirmed</option>
                                <option value="not_confirm">Not Confirmed</option>
                                <option value="cancel">Cancel</option>
                                <option value="hold_oders">Hold</option>

                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Delivery Status</label>
                            <select class="form-control custom-select" id="status" name="contact_id">
                                <option value="">All</option>
                                <option value="dispatched">Dispatched</option>
                                <option value="pending">Pending</option>
                                <option value="delivered">Delivered</option>
                                <option value="returned">Returned</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="payment_status">Payment Status</label>
                            <select class="form-control custom-select" id="payment_status" name="payment_status">
                                <option value="">All</option>
                                <option value="due">Cash On Delivery</option>
                                <option value="online">Online</option>
                                <option value="paid">Paid</option>

                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="reportrange"> Date </label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="dates-d" id="reportrange" value=""
                                    readonly>
                                <div class="input-group-append">
                                    <span class="input-group-text"><i class="dripicons-calendar"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3" @if ($setting->woocommerce_user_wise_report != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Agent User</label>
                            <select class="form-control select2" id="woocommerce_user_id" name="woocommerce_user_id">
                                <option value="">All</option>
                                @foreach ($woocommerce_users as $woocommerce_user)
                                    <option value="{{ $woocommerce_user->id }}">{{ $woocommerce_user->username }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="com-md-3">
                        <div class="search">
                            <label style="font-weight: bold" for="waybill_id">Waybill No</label>
                            <div class="input-group">
                                <input id="waybill_id" name="waybill_id" type="text" class="form-control"
                                    placeholder="Search for..." aria-label="Search for...">
                                <span class="input-group-append">
                                    <button id="search-waybill" class="btn btn-sm btn-primary" type="button"><i
                                            class="fas fa-search"></i></button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
       
    </div>

    <div class="col-12" style="width: 1180px;">
        <div class="card">
            <div class="card-body">
                <a href="{{ route('orders.create') }}" style="padding:10px">
                    <button class="btn btn-primary px-4 float-right mt-0 mb-3"></i>Add</button>
                </a> &nbsp; &nbsp;
                &nbsp; <button class="btn btn-primary px-4 float-right mt-0 mb-3" data-toggle="modal"
                    data-animation="bounce" id="add_bulk_sale" data-href="{{ route('sales.add-bulk-sale') }}"
                    style="margin-left: 10px; transform: translate(-10px);" href="javascript:void(0)"><i
                        class="mdi mdi-chevron-double-down mr-2"></i>Excel</button>
                <h4 class="header-title mt-0">Sales Details</h4>
                <div class="table-responsive dash-social">
                    <table id="laravel_datatable" class="table table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>
                                    <input type="checkbox" class="check_all" id="multipale-select">
                                </th>
                                <th>Action</th>
                                <th>Call Status</th>
                                <th>Delivery Status</th>
                                <th>Payment Status</th>
                                <th>Payment Method</th>
                                <th>Order Status</th>
                                <th>Order Type</th>
                                <th>Currency Type</th>
                                <th>Customer</th>
                                <th>Mobile</th>
                                <th>Order ID</th>
                                <th>Waybill No</th>
                                <th>Courier</th>
                                <th>Grand Total</th>
                                <th>Paid Amount</th>
                                <th>Balance</th>
                                <th>Created By Clickom User</th>
                                <th>Created By Agent User</th>
                                <th>Order Status <br> Date</th>
                                <th>Sale Date</th>
                                {{-- <th>Paid Date</th> --}}
                            </tr>
                            <!--end tr-->
                        </thead>
                        <tbody>

                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="12" style="text-align: center"></th>
                                <th style="font-weight: bold">Grand Total</th>
                                <th colspan="3"></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <button id="btn3" class="btn btn-xs btn_multipal_bulk_print"><i class="mdi mdi-animation mr-2"></i>
                    Bulk Waybill Print
                </button>
                <form id="bulk_print" action="{{ route('order-bulk.update') }}" method="get">
                    @csrf
                    <input type="hidden" id="id" name="id" value="">
                    <input type="hidden" id="call_status" name="call_status" value="">
                </form>
            </div>
           
        </div>
     
    </div>
    <div id="waybill-no" class="modal fade">
    </div>
    <div id="return-create" class="modal fade">
    </div>
    <div id="call-change-status" class="modal fade">
    </div>
    <div id="waybill-edit" class="modal fade"></div>
    <div id="new_change_call_status" class="modal fade">
    </div>
    <div id="change-status" class="modal fade">
    </div>
    <div id="payment" class="modal fade">
    </div>
    <div id="add_feedbacks" class="modal fade">
    </div>
    <div id="edit_feedbacks" class="modal fade">
    </div>
    <div id="add_bulk_product_modal" class="modal fade">
        <div class="modal-dialog" role="document" id="add_bulk_modal_content">
        </div>
    </div>
    @include('sale.bulk-status-update')
    <input type="hidden" id="woocommerce_user_wise_report" name="woocommerce_user_wise_report" class="form-control"
        value="{{ $setting->woocommerce_user_wise_report }}">
    <input type="hidden" id="carrancy_type_enable" name="carrancy_type_enable" class="form-control"
        value="{{ $setting->carrancy_type_enable }}">
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('#contact_id').select2();
            $('#courier_id').select2();
            $("#waybill_number_id").hide();
            $('#mdate').val(moment(new Date()).format("YYYY-MM-DD"));
            report_table = $('#laravel_datatable').DataTable({
                dom: 'Blfrtip',
                lengthMenu: [
                    [25, 50, 100, -1],
                    ['25 ', '50 ', '100', 'All']
                ],
                dom: 'Blfrtip',
                columnDefs: [{
                        "targets": [0],
                        "orderable": false,
                        "searchable": false,
                    },
                    {
                        "targets": [19],
                        "orderable": false,
                        "visible": false,
                    },
                ],

                buttons: [

                    {
                        extend: 'copy',
                        exportOptions: {
                            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18]
                        }
                    },

                    {
                        extend: 'excel',
                        exportOptions: {
                            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18]
                        }
                    },
                    {
                        extend: 'pdf',
                        exportOptions: {
                            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18]
                        }
                    },
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18]
                        }
                    },
                ],
                processing: true,
                serverSide: true,
                ajax: {

                    url: "{{ url('/orders') }}",
                    data: function(d) {
                        d.contact_id = $('#contact_id').val();
                        d.courier_id = $('#courier_id').val();
                        d.range = $('#reportrange').val();
                        d.status = $('#status').val();
                        d.call_status = $('#call_status').val();
                        d.payment_status = $('#payment_status').val();
                        d.waybill_id = $('#waybill_id').val();
                        d.woocommerce_user_id = $('#woocommerce_user_id').val();
                    }

                },
                "fnDrawCallback": function(oSettings) {
                    $.fn.tooltip && $('[data-toggle="tooltip"]').tooltip()
                },
                "footerCallback": function(row, data, start, end, display) {
                    var api = this.api(),
                        data;
                    // converting to interger to find total
                    var intVal = function(i) {
                        return typeof i === 'string' ?
                            i.replace(/[\$,]/g, '') * 1 :
                            typeof i === 'number' ?
                            i : 0;
                    };
                    // get basic salary
                    // total allowance
                    let grand_total = api.column(13).data().reduce(function(a, b) {
                        return intVal(a) + intVal(b);
                    }, 0);
                    $(api.column(13).footer()).html(formatNumber(grand_total) + '.00')
                },
                columns: [{
                        data: 'check',
                        name: 'check'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                    {
                        data: 'call_status',
                        name: 'call_status'
                    },
                    {
                        data: 'status',
                        name: 'status'
                    },
                    {
                        data: 'payment_status',
                        name: 'payment_status'
                    },
                    {
                        data: 'payment_method',
                        name: 'payment_method'
                    },
                    {
                        data: 'woocommerce_order_status',
                        name: 'woocommerce_order_status'
                    },
                    {
                        data: 'woocommerce_sale_id',
                        name: 'woocommerce_sale_id'
                    },
                    {
                        data: 'currency_type',
                        name: 'currency_type'
                    },
                    {
                        data: 'contacts.name',
                        name: 'contacts.name'
                    },
                    {
                        data: 'contacts.mobile',
                        name: 'contacts.mobile'
                    },
                    {
                        data: 'ref_no',
                        name: 'ref_no'
                    },
                    {
                        data: 'full_waybill_no',
                        name: 'full_waybill_no'
                    },
                    {
                        data: 'couriers_name',
                        name: 'couriers.name'
                    },
                    {
                        data: 'invoice_nettotal',
                        name: 'invoice_nettotal'
                    },
                    {
                        data: 'paid_amount',
                        name: 'paid_amount'
                    },
                    {
                        data: 'balance',
                        name: 'balance'
                    },
                    {
                        data: 'created',
                        name: 'created'
                    },
                    {
                        data: 'woocommerce_user_id',
                        name: 'woocommerce_user_id'
                    },
                    {
                        data: 'sales.updated_at',
                        name: 'sales.updated_at'
                    },
                    {
                        data: 'sale_date',
                        name: 'sale_date'
                    },
                ]
            });
            let woocommerce_user_wise_report = $('#woocommerce_user_wise_report').val();
            let carrancy_type_enable = $('#carrancy_type_enable').val();
            if (woocommerce_user_wise_report != '1') {
                report_table.column('woocommerce_user_id:name').visible(false);
            }
            if (carrancy_type_enable != '1') {
                report_table.column('currency_type:name').visible(false);
            }
           
            setInterval(tableReload, 600000); //300000 MS == 5 minutes
            function tableReload() {
                report_table.ajax.reload();
            }
            $(document).on('click', '.print-bill', function(e) {
                var url = $(this).attr('href');
                $.ajax({
                    method: 'GET',
                    url: url,
                    success: function(response) {}
                });
            });
            $(document).on('click', '.delete-sale', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.value) {
                        $.ajax({
                            type: "GET",
                            url: url,
                            success: function(response) {
                                if (response.success == 1) {
                                    $.toast({
                                        heading: 'Success',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#1ecab8',
                                        icon: 'success',
                                        showHideTransition: 'fade',
                                        loaderBg: '#ecf0f1'
                                    })
                                    report_table.ajax.reload();
                                } else {
                                    $.toast({
                                        heading: 'Error',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#f1646c',
                                        icon: 'error',
                                        showHideTransition: 'fade',
                                        loaderBg: '#ecf0f1'
                                    })
                                }
                            }
                        });
                    }
                })
            });

            $(document).on('click', '.cancel-sale', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, cancel it!'
                }).then((result) => {
                    if (result.value) {
                        $.ajax({
                            type: "GET",
                            url: url,
                            success: function(response) {
                                if (response.success == 1) {
                                    $.toast({
                                        heading: 'Success',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#1ecab8',
                                        icon: 'success',
                                        showHideTransition: 'fade',
                                        loaderBg: '#ecf0f1'
                                    })
                                    report_table.ajax.reload();
                                } else {
                                    $.toast({
                                        heading: 'Error',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#f1646c',
                                        icon: 'error',
                                        showHideTransition: 'fade',
                                        loaderBg: '#ecf0f1'
                                    })
                                }
                            }
                        });
                    }
                })
            });
        });

        $(document).on('change',
            '#reportrange, #courier_id, #contact_id, #status, #call_status, #payment_status, #waybill_id, #woocommerce_user_id',
            function() {
                report_table.ajax.reload();
            });
        $(document).on('click', '#search-waybill', function() {
            report_table.ajax.reload();
        });

        $(document).on('click', '.export-btn', function(e) {
            e.preventDefault();
            var range = $('#reportrange').val();
            window.location.href = '{{ url('sales/export') }}';
        });
        $(document).on('change', '#refund_type2', function() {
            let refund_type = $(this).val();
            let payment_type_return = $('#payment_type_return2').val();
            if (payment_type_return == 'online') {
                $('.refund_account_div').hide();
                $('#payment_account').attr('required', false);
            } else {
                if (refund_type == 'refund') {
                    $('.refund_account_div2').show();
                    $('#payment_account').attr('required', true);
                } else {
                    $('.refund_account_div2').hide();
                    $('#payment_account').attr('required', false);
                }
            }
        });

        function getSelectedOrders() {
            let orders = [];
            $('input[name="sale_id"]:checked').each(function() {
                let value = $(this).val();
                orders.push(value);
            });
            return orders;
        }
        $(document).on('click', '#bulk-modal', function() {
            $.ajax({
                method: 'POST',
                url: "{{ route('orders.get-payment-accounts') }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                },
                success: function(response) {
                    $('#payment_account').empty().html(response);
                }
            });
        });
        $('#status_bulk').on('change', function() {
            let status_bulk = $(this).val();
            $.ajax({
                success: function(response) {
                    if (status_bulk == 'delivered') {
                        $('.account_div').show();
                    } else {
                        $('.account_div').hide();
                    }
                }
            });
        });
        $('#payment_status_2').on('change', function() {
            let payment_status_2 = $(this).val();
            $.ajax({
                success: function(response) {
                    if (payment_status_2 == 'paid') {
                        $('.account_div').show();
                    } else {
                        $('.account_div').hide();
                    }
                }
            });
        });
        $(document).on('click', '#bulk-modal', function() {
            // $('#bulk_delivery_status').select2();
            let orders = getSelectedOrders();
            if (orders.length >= 1) {
                $.ajax({
                    method: 'POST',
                    url: "{{ route('orders.get-total') }}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        ids: orders,
                    },
                    success: function(response) {
                        $('#total_net_value').val(response);
                    }
                });
                $('#sale_ids').val(orders);
                $('#bulk-status').modal('show');
            } else {
                Swal.fire(
                    'Error..!',
                    'Please select one or more Sales to bulk update',
                    'warning'
                );
            }
        });
        $(document).on('change', '.status_bulk', function() {
            let status = $(this).val();
            if (status == "dispatched") {
                $("#waybill_number_id").show();
            } else {
                $("#waybill_number_id").hide();
            }
        })
        $(document).on('click', '#dipatch_oder', function() {
            $('#waybill-no').load($(this).data('href'), function() {
                $('#waybill-no').modal('show');
            })
        });
        $(document).on('click', '#return_create', function() {
            $('#return-create').load($(this).data('href'), function() {
                $('#mdate3').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate3').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#return-create').modal('show');
            })
        });
        $(document).on('click', '.print-bill', function() {
            $('#waybill-edit').load($(this).data('href'), function() {
                $('#mdate3').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate3').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#waybill-edit').modal('show');
            })
        });
        $(document).on('click', '#update_waybill_print', function() {
            let name = $('#name').val();
            let mobile = $('#mobile').val();
            let landmark = $('#landmark').val();
            let waybill_prefix = $('#waybill_prefix').val();
            let waybill_postfix = $('#waybill_postfix').val();
            let waybill_no = $('#waybill_no').val();
            let id = $('#sale_id').val();
            let contact_id = $('#contact_id_free').val();
            let url = "{{ route('waybill-print.update-waybill') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'name': name,
                    'mobile': mobile,
                    'landmark': landmark,
                    'waybill_prefix': waybill_prefix,
                    'waybill_postfix': waybill_postfix,
                    'waybill_no': waybill_no,
                    'id': id,
                    'contact_id': contact_id,
                },
                success: function(response) {
                    if (response.success == 1) {
                        $.toast({
                            heading: 'Success',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#1ecab8',
                            icon: 'success',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        })
                        $('#waybill-edit').modal('hide')
                        report_table.ajax.reload();
                    } else {
                        $.toast({
                            heading: 'Error',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#f1646c',
                            icon: 'error',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        })
                    }
                }
            });
        });
        $(document).on('click', '#change_status', function() {
            $('#change-status').load($(this).data('href'), function() {
                $('#mdate3').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate3').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#change-status').modal('show');

            })
        });
        $(document).on('click', '#call_change_status', function() {
            $('#call-change-status').load($(this).data('href'), function() {
                $('#mdate3').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate3').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#call-change-status').modal('show');

            })
        });
        $(document).on('click', '#view_history', function() {
            $('#view_payment').load($(this).data('href'), function() {
                $('#mdate').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#view_payment').modal('show');
            })
        });
        $(document).on('click', '#update_waybill', function() {
            let waybill = $('#waybill').val();
            let id = $('#sale_id').val();
            let url = "{{ route('oder.update-dispatch') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'waybill': waybill,
                    'id': id,
                },
                success: function(response) {
                    $('#waybill-no').modal('hide');
                    $.toast({
                        heading: 'Success',
                        text: response.msg,
                        position: 'top-right',
                        bgColor: '#1ecab8',
                        showHideTransition: 'fade',
                        loaderBg: '#ecf0f1'
                    })
                    report_table.ajax.reload();
                }
            });
        });
        // customer has feed backs start here
        $(document).on('click', '#addfeedback', function() {
            $('#add_feedbacks').load($(this).data('href'), function() {
                $('#mdate1').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: true
                });
                $('#add_feedbacks').modal('show');
            })
        });
        $(document).on('click', '#save_feedback', function() {
            let feedback = $('#feddback').val();
            let date = $('#mdate1').val();
            let contact_id = $('#contact_id_feed').val();
            let sale_id = $('#sale_id').val();
            $.ajax({
                method: 'POST',
                url: "{{ route('feedback.store') }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    "feedback": feedback,
                    "date": date,
                    "sale_id": sale_id,
                    "contact_id": contact_id
                },
                success: function(response) {
                    $(response).appendTo($("#customer_feedback_table tbody"));
                }
            })
        });
        $(document).on('click', '.edit_feedback', function() {
            $('#add_feedbacks').modal('hide');
            $('#edit_feedbacks').load($(this).data('href'), function() {
                $('#mdate1edit').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: true
                });
                $('#edit_feedbacks').modal('show');
            })
        });
        $(document).on('click', '.remove_row_feedback', function() {
            $(this).closest("#customer_feedback_table_edit tr").remove();
            calucalte();
        })

        
        $(document).on('click', '#add_bulk_sale', function() {
            let url = $(this).data('href');
            $('#add_bulk_modal_content').load(url, function() {
                $('#add_bulk_product_modal').modal('show');
            });
        });

        function woocommerceOrderSync() {
            $.ajax({
                method: 'GET',
                url: "{{ route('woocommerce.auto_sync_orders') }}",
                success: function(response) {
                    if (response.success == 1) {
                        $.toast({
                            heading: 'Success',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#1ecab8',
                            icon: 'success',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        });
                        report_table.ajax.reload();
                    } else {
                        $.toast({
                            heading: 'Error',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#f1646c',
                            icon: 'error',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        });
                    }
                }
            });
        }
        $(document).on('click', '#add_payment', function() {
            $('#payment').load($(this).data('href'), function() {
                $('#mdate').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#payment').modal('show');
            })
        });
        $(document).on('change', '#payment_method', function() {
            let payment_method = $(this).val();
            if (payment_method === 'bank_transfer') {
                $('#div_bank_account_number').prop('hidden', false);
            } else {
                $('#div_bank_account_number').prop('hidden', true);
            }
        });
        $(document).on('change', '#payment_amount', function() {
            let invoice_total = $('#net_total').val();
            let paid_amount = $('#paid_amount').val();
            let balance = $('#balance').val();
            let payment_amount = $('#payment_amount').val();
            if (payment_amount == '') {
                payment_amount = 0;
                $('#payment_amount').val(0);
            }
            let new_balance = parseFloat(invoice_total) - ((parseFloat(paid_amount) + parseFloat(payment_amount)));
            if ((parseFloat(paid_amount) + parseFloat(payment_amount)) > parseFloat(invoice_total)) {
                $('#error').prop('hidden', false);
                $('#store_payment').prop('disabled', true);
                $('#update_payment').prop('disabled', true);
            } else {
                $('#error').prop('hidden', true);
                $('#store_payment').prop('disabled', false);
                $('#update_payment').prop('disabled', false);
            }
            $('#balance').val(new_balance);
        });

        $(document).on('click', '#payment_amount', function() {
            $(this).select();
        });

        $(document).on('click', '#store_payment', function() {
            let url = "{{ route('oder.update_payment') }}"
            let data = $('#add_payment_form').serialize();
            $('#store_payment').prop('disabled', true);
            $.ajax({
                method: 'POST',
                url: url,
                data: data,
                success: function(response) {
                    if (response.success) {
                        $.toast({
                            heading: 'Success',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#1ecab8',
                            icon: 'success',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        });
                        $('#payment').modal('hide')
                        report_table.ajax.reload();
                    } else {
                        $.toast({
                            heading: 'Error',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#f1646c',
                            icon: 'error',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        });
                    }
                }
            })
        });
        $(document).on('click', '#view_payments', function() {
            let href = $(this).data('href');
            $('#payment').load(href, function() {
                $('#payment').modal('show');
            })
        });
        $(document).on('click', '#edit_payment', function() {
            $('#payment').load($(this).data('href'), function() {
                $('#mdate').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#payment').modal('show');
            })
        });
        $(document).on('click', '#update_payment', function() {
            let url = $('#update_payment_form').attr('action');
            let data = $('#update_payment_form').serialize();
            $('#update_payment').prop('disabled', true);
            $.ajax({
                method: 'POST',
                url: url,
                data: data,
                success: function(response) {
                    if (response.success) {
                        $.toast({
                            heading: 'Success',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#1ecab8',
                            icon: 'success',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        });
                        $('#payment').modal('hide')
                        report_table.ajax.reload();
                    } else {
                        $.toast({
                            heading: 'Error',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#f1646c',
                            icon: 'error',
                            showHideTransition: 'fade',
                            loaderBg: '#ecf0f1'
                        });
                    }
                }
            })
        });
        $(document).on('click', '#delete_payment', function() {
            let href = $(this).data('href');
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        type: "DELETE",
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        url: href,
                        success: function(response) {
                            if (response.success == 1) {
                                $.toast({
                                    heading: 'Success',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#1ecab8',
                                    icon: 'success',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                                $('#payment').modal('hide')
                                report_table.ajax.reload();
                            } else {
                                $.toast({
                                    heading: 'Error',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#f1646c',
                                    icon: 'error',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                            }
                        }
                    });
                }
            })
        });

        $(document).on('change', '#call_status', function() {
            let val = $(this).val();
            if (val === 'hold_oders') {
                $('.response').attr('hidden', true);
                $('.call_date').attr('hidden', false);
            } else {
                $('.response').attr('hidden', false);
                $('.call_date').attr('hidden', true);
                $('.next_call_date').val('');
            }
            if (val === 'confirm' || val === 'cancel') {
                $('#call_status_sms').prop('checked', true);
                $("#call_status_sms").prop("disabled", false);
            } else {
                $('#call_status_sms').prop('checked', false);
                $("#call_status_sms").prop("disabled", true);
            }
        })

        $(document).on('click', '#change_call_status', function() {
            let call_status = $('#call_status').val();
            let call_status_reason = $('#call_status-reson').val();
            let next_call_date = $('.next_call_date').val();
            let id = $('#sale_id').val();
            let remark = $('#remark').val();
            var call_status_sms = "0";
            if ($('#call_status_sms').prop("checked") == true) {
                call_status_sms = "1";
            }
            let url = "{{ route('call-status.update-status') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'call_status': call_status,
                    'id': id,
                    'remark': remark,
                    'call_status_reason': call_status_reason,
                    'next_call_date': next_call_date,
                    'call_status_sms': call_status_sms
                },
                success: function(response) {
                    if (response == 'ok') {
                        $('#new_change_call_status').modal('hide');
                        report_table.ajax.reload();
                    }
                }
            });
        });
        $(document).on('click', '#multipale-select', function() {
            if ($(this).prop('checked')) {
                $('.check-multipale').prop('checked', true);
            } else {
                $('.check-multipale').prop('checked', false);
            }
        })
        $(document).on('click', '#btn3', function() {
            let id = getSelectedOrdersbulk();
            if (id.length >= 1) {
                $('#id').val(id);
                $('#bulk_print').submit();
            } else {
                swal.fire('Please select at least 1 or more Orders.!', '', 'warning');
            }
        });

        function getSelectedOrdersbulk() {
            let id = [];
            $('.check-multipale:checked').each(function() {
                id.push($(this).attr('id'));
            });
            return id;
        }
    </script>
@endsection