@extends('layouts.master')

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

@section('content')

    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Filter</h4>
                <div class="row">
                    <div class="col-md-3" @if ($setting->business_location != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label class="required" style="font-weight: bold">business Location</label>
                            <select class="form-control custom-select" id="business_location_id" name="business_location_id">
                                <option value="">All</option>
                                @if (Auth::user()->role_id == '1')
                                    @foreach ($users_access_location as $business_location)
                                        @if ($business_location->is_active == '1')
                                            <option value="{{ $business_location->id }}">
                                                {{ $business_location->name }}
                                            </option>
                                        @else
                                        @endif
                                    @endforeach
                                @else
                                    @foreach ($users_access_location as $business_location)
                                        @if ($business_location->is_active == '1')
                                            <option value="{{ $business_location->business_location_id }}">
                                                {{ $business_location->name }}
                                            </option>
                                        @else
                                        @endif
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <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 }} |
                                        {{ $customer->mobile }}
                                    </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 select2" 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">Order Status</label>
                            <select class="form-control select2" 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 select2" id="payment_status" name="payment_status">
                                <option value="">All</option>
                                <option value="due">Pending</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">
                        <div class="form-group">
                            <label style="font-weight: bold" for="">Resources</label>
                            <select class="form-control custom-select" id="resources" name="resources">
                                <option value="">All</option>
                                <option value="whats_app">WhatsApp</option>
                                <option value="face_book_leeds">Facebook Leads</option>
                                <option value="face_book_massenger">Facebook Massenger</option>
                                <option value="bulk_order">Bulk Order</option>
                                <option value="daraz">Daraz</option>
                                <option value="voucher">Voucher Order</option>
                                <option value="tamil_order">Tamil Order</option>
                                <option value="follow_up">follow_up</option>
                                <option value="missed_call">Missed Call</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" @if ($setting->waybill_print_status_enable != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label style="font-weight: bold" for="">Print Status</label>
                            <select class="form-control custom-select" id="waybill_print_status" name="waybill_no">
                                <option value="">All</option>
                                <option value="printed">Printed</option>
                                <option value="none_printed">None Printed</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" @if ($setting->order_assign != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label style="font-weight: bold" for="order_asignee">Order Asignee</label>
                            <select class="form-control select2" id="order_asignee" name="order_asignee">
                                <option value="">All</option>
                                @foreach ($users as $users)
                                    <option value="{{ $users->id }}">{{ $users->username }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" @if ($setting->user_profile_enable != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label style="font-weight: bold" for="order_asignee">Users</label>
                            <select class="form-control select2" id="user_id" name="user_id">
                                <option value="">All</option>
                                @foreach ($created_user as $users)
                                    <option value="{{ $users->id }}">{{ $users->username }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" @if ($setting->reshedule_and_diliverd != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Order Reshedule Status</label>
                            <select class="form-control custom-select" id="reshedule_stauts" name="reshedule_stauts">
                                <option value="">All</option>
                                <option value="reshedule">Reshedule</option>
                                <option value="reshedule_and_diliverd">Reshedule & Delivered</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" @if ($setting->order_dublicate_alert != '1') style="display: none" @endif hidden>
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Duplicate Status</label>
                            <select class="form-control custom-select" id="status_duplicate" name="status_duplicate">
                                <option value="">All</option>
                                <option value="duplicate">Duplicate</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" @if ($setting->order_batch_enable != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label class="required" style="font-weight: bold" for="order_batch">Campaign Name</label>
                            <select class="form-control select2" id="order_batch" name="order_batch">
                                <option value="">All</option>
                                @foreach ($order_batch_ids as $order_batch_id)
                                    <option value="{{ $order_batch_id->id }}">{{ $order_batch_id->batch_name }}
                                    </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>
            <!--end card-body-->
        </div>
        <!--end card-->
    </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>

                &nbsp; <button class="btn btn-primary px-4 float-right mt-0 mb-3" data-toggle="modal"
                    @if ($setting->bulk_change_status_option != '1') style="display: none" @endif data-animation="bounce"
                    id="add_bulk_sale" data-href="{{ route('sales.change-bulk-delivery-status') }}"
                    style="margin-left: 10px; transform: translate(-10px);" href="javascript:void(0)"><i
                        class="mdi mdi-chevron-double-down mr-2"></i>Bulk Delivery status Change</button>

                <div class="col-md-4" hidden>
                    <form action="{{ route('sale.download') }}" method="post" target="__blank">
                        @csrf
                        <button type="submit" class="btn btn-primary" id="export_export_image">Pos System Import Excel
                        </button>
                    </form>
                </div><br>
                <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>
                                    <div class="checkbox my-2">
                                        <div class="custom-control">
                                            @foreach ($sources as $source)
                                                <input type="checkbox" class="custom-control-input" id="multipale-select"
                                                    name="mark_as_sale" data-parsley-multiple="groups"
                                                    data-parsley-mincheck="2" value="{{ $source->id }}">
                                            @endforeach
                                            <label class="custom-control-label" for="multipale-select">Check</label>
                                        </div>
                                    </div>
                                </th>
                                <th>Actions</th>
                                <th>Call Status</th>
                                <th>Delivery Status</th>
                                <th>Reshuduler Status</th>
                                <th>Payment Status</th>
                                <th>Payment Method</th>
                                <th>Order Status</th>
                                <th>Order Type</th>
                                <th>Currency Type</th>
                                <th>Resources</th>
                                <th>Print Status</th>
                                <th>Business Location</th>
                                <th>Customer</th>
                                <th>Order ID</th>
                                <th>Waybill No</th>
                                <th>Courier</th>
                                <th>Grand Total</th>
                                <th>Paid Amount</th>
                                <th>Balance</th>
                                <th>Assignee</th>
                                <th>Create By</th>
                                <th>Sale Date</th>
                                <th>Product Sku</th>
                                <th>Sale Note</th>
                                <th>Campaign Batch Id</th>
                            </tr>
                            <!--end tr-->
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="16" style="text-align: center"></th>
                                <th style="font-weight: bold">Grand Total</th>
                                <th colspan=""></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                @can('access_order_multiple')
                    <button class="btn btn-xs btn_delete_selected">Delete Selected
                    </button>
                @endcan
                &nbsp;&nbsp;
                @can('access_bulk_waybill_print')
                    <button id="btn3" @if ($setting->bulk_waybill_print != '1') style="display: none" @endif
                        class="btn btn-xs btn_multipal_bulk_print"><i class="mdi mdi-animation mr-2"></i> Bulk Waybill Print
                    </button>
                @endcan
                <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>
                @can('access_order_assing_edit')
                    <button type="button" class="btn btn-xs btn_multipal_edit_order_assing" id="btn"
                        @if ($setting->order_assign != '1') style="display: none" @endif>
                        <i class="mdi mdi-animation mr-2"></i>Edit Bulk Order Asign
                    </button>
                @endcan
                <form id="edit_order_assing" action="{{ route('orders.asign-edit') }}" method="get">
                    <input type="hidden" id="bulk_sale_id" name="bulk_sale_id" value="">
                </form>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </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="new_change_call_status" class="modal fade"></div>
    <div id="waybill-edit" class="modal fade"></div>
    <div id="change-status" class="modal fade"></div>
    <div id="change-status-reshedule" 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>
    <input class="form-check-input" id="reshedule_and_diliverd" type="text" name="reshedule_and_diliverd"
        value="{{ $setting->reshedule_and_diliverd }}" hidden>
    <input class="form-check-input" id="order_assign" type="text" name="order_assign"
        value="{{ $setting->order_assign }}" hidden>
    <input class="form-check-input" id="user_profile_enable" type="text" name="user_profile_enable"
        value="{{ $setting->user_profile_enable }}" hidden>
    <input class="form-check-input" id="waybill_print_status_enable" type="text" name="waybill_print_status_enable"
        value="{{ $setting->waybill_print_status_enable }}" hidden>
    <input class="form-check-input" id="product_sku_enable" type="text" name="product_sku_enable"
        value="{{ $setting->product_sku_enable }}" hidden>
    <input class="form-check-input" id="order_batch_enable" type="text" name="order_batch_enable"
        value="{{ $setting->order_batch_enable }}" hidden>
    @include('sale.bulk-status-update')
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('#contact_id').select2();
            $('#courier_id').select2();
            $('#resources').select2();
            $('#user_id').select2();
            $('#business_location_id').select2();
            $('#waybill_print_status').select2();
            $('#call_status').select2();
            $("#waybill_number_id").hide();
            // $('#reportrange').val('');
            $('#mdate').val(moment(new Date()).format("YYYY-MM-DD"));
            report_table = $('#laravel_datatable').DataTable({
                dom: 'Blfrtip',
                lengthMenu: [
                    [25, 50, 100, 500, 1500],
                    ['25 ', '50 ', '100', '500', '1500']
                ],
                dom: 'Blfrtip',
                columnDefs: [{
                    "targets": [0, 04, 19, 20, 25],
                    "orderable": false,
                    "searchable": false,
                    "order": false,
                }, {
                    "targets": [07, 24],
                    "orderable": false,
                    "searchable": 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, 19,
                                20, 21, 22, 23, 24, 25
                            ]
                        }
                    },
                    {
                        extend: 'excel',
                        exportOptions: {
                            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19,
                                20, 21, 22, 23, 24, 25
                            ]
                        }
                    },
                    {
                        extend: 'pdf',
                        exportOptions: {
                            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18,
                                20, 21, 22, 23, 24, 25
                            ]
                        }
                    },
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 20,
                                21, 22, 23, 24, 25

                            ]
                        }
                    },
                ],
                processing: true,
                serverSide: true,
                "autoWidth": false,
                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.order_asignee = $('#order_asignee').val();
                        d.waybill_id = $('#waybill_id').val();
                        d.resources = $('#resources').val();
                        d.user_id = $('#user_id').val();
                        d.reshedule_stauts = $('#reshedule_stauts').val();
                        d.status_duplicate = $('#status_duplicate').val();
                        d.business_location_id = $('#business_location_id').val();
                        d.waybill_print_status = $('#waybill_print_status').val();
                        d.order_batch = $('#order_batch').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(17).data().reduce(function(a, b) {
                        return intVal(a) + intVal(b);
                    }, 0);
                    $(api.column(17).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: 'reshedule_and_diliverd',
                        name: 'reshedule_and_diliverd'
                    },
                    {
                        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: 'resources',
                        name: 'resources'
                    },
                    {
                        data: 'waybill_print_status',
                        name: 'waybill_print_status'
                    },
                    {
                        data: 'location_id',
                        name: 'location_id'
                    },
                    {
                        data: 'contacts.name',
                        name: 'contacts.name'
                    },
                    {
                        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: 'user_id',
                        name: 'user_id'
                    },
                    {
                        data: 'sale_date',
                        name: 'sale_date'
                    },
                    {
                        data: 'products_sku',
                        name: 'products_sku'
                    },
                    {
                        data: 'sale_note',
                        name: 'sale_note'
                    },
                    {
                        data: 'campaign_id',
                        name: 'campaign_id'
                    },
                ]
            });
            let reshedule_and_diliverd = $('#reshedule_and_diliverd').val();
            let order_assign = $('#order_assign').val();
            let product_sku_enable = $('#product_sku_enable').val();
            let waybill_print_status_enable = $('#waybill_print_status_enable').val();
            let user_profile_enable = $('#user_profile_enable').val();
            let order_batch_enable = $('#order_batch_enable').val();
            if (reshedule_and_diliverd != '1') {
                report_table.column('reshedule_and_diliverd:name').visible(false);
            }
            if (order_assign != '1') {
                report_table.column('created:name').visible(false);
            }
            if (product_sku_enable != '1') {
                report_table.column('products_sku:name').visible(false);
            }
            if (waybill_print_status_enable != '1') {
                report_table.column('waybill_print_status:name').visible(false);
            }
            if (user_profile_enable != '1') {
                report_table.column('user_id:name').visible(false);
            }
            if (order_batch_enable != '1') {
                report_table.column('campaign_id:name').visible(false);
            }
            // woocommerceOrderSync();
            setInterval(tableReload, 600000); //300000 MS == 5 minutes
            function tableReload() {
                report_table.ajax.reload();
            }
            $(document).on('click', '.btn_delete_selected', function() {
                var selected_ids = $("#laravel_datatable input:checkbox:checked").map(function() {
                    return $(this).val();
                }).get();
                if (selected_ids.length > 0) {
                    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) => {
                        report_table.ajax.reload();
                        document.location.reload();
                        if (result.value) {
                            $.ajax({
                                type: "post",
                                url: '/sales/delete/multiple',
                                data: {
                                    "_token": "{{ csrf_token() }}",
                                    selected_ids: selected_ids,
                                },
                                success: function(response) {
                                    if (response.success == 1) {
                                        $.toast({
                                            heading: 'Success',
                                            text: response.msg,
                                            position: 'top-right',
                                            bgColor: '#1ecab8',
                                            icon: 'success',
                                            showHideTransition: 'fade',
                                            hideAfter: 7000,
                                            loaderBg: '#ecf0f1',
                                        })
                                        report_table.ajax.reload();
                                        document.location.reload();
                                    } else {
                                        $.toast({
                                            heading: 'Error',
                                            text: response.msg,
                                            position: 'top-right',
                                            bgColor: '#f1646c',
                                            icon: 'error',
                                            showHideTransition: 'fade',
                                            hideAfter: 7000,
                                            loaderBg: '#ecf0f1',
                                        })
                                    }
                                }
                            });
                        }
                    })
                }
            });
            $(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',
                                        hideAfter: 6500,
                                        loaderBg: '#ecf0f1',
                                    })
                                    report_table.ajax.reload();
                                } else {
                                    $.toast({
                                        heading: 'Error',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#f1646c',
                                        icon: 'error',
                                        showHideTransition: 'fade',
                                        hideAfter: 6500,
                                        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',
                                        hideAfter: 6500,
                                        loaderBg: '#ecf0f1'
                                    })
                                    report_table.ajax.reload();
                                } else {
                                    $.toast({
                                        heading: 'Error',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#f1646c',
                                        icon: 'error',
                                        showHideTransition: 'fade',
                                        hideAfter: 6500,
                                        loaderBg: '#ecf0f1'
                                    })
                                }
                            }
                        });
                    }
                })
            });
        });
        $(document).on('change',
            '#reportrange, #courier_id, #order_batch, #contact_id, #waybill_print_status, #business_location_id, #status, #call_status, #payment_status, #order_asignee, #resources, #reshedule_stauts, #status_duplicate, #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() {
            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', '#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', '#change_status_reshedule', function() {
            $('#change-status-reshedule').load($(this).data('href'), function() {
                $('#mdate3').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate3').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#change-status-reshedule').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();
        })
        // slaes import
        $(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',
                            hideAfter: 6500,
                            loaderBg: '#ecf0f1'
                        });
                        report_table.ajax.reload();
                    } else {
                        $.toast({
                            heading: 'Error',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#f1646c',
                            icon: 'error',
                            showHideTransition: 'fade',
                            hideAfter: 6500,
                            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',
                            hideAfter: 6500,
                            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',
                            hideAfter: 6500,
                            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',
                            hideAfter: 6500,
                            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',
                            hideAfter: 6500,
                            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',
                                    hideAfter: 6500,
                                    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',
                                    hideAfter: 6500,
                                    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' || val === 'not_confirm') {
                $('#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', '.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',
                            hideAfter: 6500,
                            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',
                            hideAfter: 6500,
                            loaderBg: '#ecf0f1'
                        })
                    }
                }
            });
        });
        $(document).on('click', '#btn', function() {
            let sale_id_array = getloadOrderAsignEdit();
            if (sale_id_array.length >= 1) {
                $('#bulk_sale_id').val(sale_id_array);
                $('#edit_order_assing').submit();
            } else {
                swal.fire('Please select at least 1 or more Orders.!', '', 'warning');
            }
        });

        function getloadOrderAsignEdit() {
            let sale_id_array = [];
            $('.check-multipale:checked').each(function() {
                sale_id_array.push($(this).attr('id'));
            });
            return sale_id_array;
        }
        $(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;
        }
        $(document).on('click', '#update_reshedule_stauts', function() {
            let reshedule = $('#reshedule').val();
            let mdate3 = $('#mdate3').val();
            let sale_id = $('#sale_id').val();
            let url = "{{ route('reshedule-status-update') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'reshedule': reshedule,
                    'mdate3': mdate3,
                    'sale_id': sale_id,
                },
                success: function(response) {
                    if (response.success == true) {
                        $.toast({
                            heading: 'Success',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#1ecab8',
                            icon: 'success',
                            showHideTransition: 'fade',
                            hideAfter: 6500,
                            loaderBg: '#ecf0f1',
                        })
                        $('#change-status-reshedule').modal('hide');
                        report_table.ajax.reload();
                    } else {
                        $.toast({
                            heading: 'Error',
                            text: response.msg,
                            position: 'top-right',
                            bgColor: '#f1646c',
                            icon: 'error',
                            showHideTransition: 'fade',
                            hideAfter: 6500,
                            loaderBg: '#ecf0f1',
                        })
                    }
                }
            });
        });
    </script>
@endsection