@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
        }

        .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 id="accordion">
                <div class="border-bottom card-header" style="background-color: white; cursor: pointer;" data-toggle="collapse"
                    data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    <h4 class="mb-0 header-title">
                        Filter
                    </h4>
                </div>
                <div id="collapseOne" class="collapse mt-3" aria-labelledby="headingOne" data-parent="#accordion">
                    <div class="card-body">
                        <form action="{{ url('orders/new_index/page') }}" method="get" id="filter_form">
                            <div class="row">                                                 
                                <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" @if (request('call_status') == 'pending') selected @endif>
                                                Pending
                                            </option>
                                            <option value="confirm" @if (request('call_status') == 'confirm') selected @endif>
                                                Confirmed
                                            </option>
                                            <option value="not_confirm" @if (request('call_status') == 'not_confirm') selected @endif>
                                                Not
                                                Confirmed</option>
                                            <option value="cancel" @if (request('call_status') == 'cancel') selected @endif>Cancel
                                            </option>
                                            <option value="hold_oders" @if (request('call_status') == 'hold_oders') selected @endif>
                                                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 select2" id="status" name="status">
                                            <option value="">All</option>
                                            <option value="dispatched" @if (request('status') == 'dispatched') selected @endif>
                                                Dispatched</option>
                                            <option value="pending" @if (request('status') == 'pending') selected @endif>
                                                Pending
                                            </option>
                                            <option value="delivered" @if (request('status') == 'delivered') selected @endif>
                                                Delivered
                                            </option>
                                            <option value="returned" @if (request('status') == 'returned') selected @endif>
                                                Returned
                                            </option>
                                            {{-- <option value="in_transit" @if (request('status') == 'in_transit') selected @endif>
                                                packing
                                            </option> --}}
                                            <option value="packing" @if (request('status') == 'packing') selected @endif>
                                                packing
                                            </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" 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="waybill_id">Waybill No</label>
                                        <input id="waybill_id" name="waybill_id" type="text" class="form-control"
                                            placeholder="Search for..." aria-label="Search for..."
                                            value="{{ request('waybill_id') }}">
                                    </div>
                                </div>              
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <div class="form-check mt-4">
                                            <input class="form-check-input" type="checkbox" id="without_order_date" name="without_order_date" value="1"
                                                {{ request('without_order_date') ? 'checked' : '' }}>
                                            <label class="form-check-label font-weight-bold" for="without_order_date">
                                                Without Order Date
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <button type="submit" class="btn btn-primary px-5 py-2 submit-filters" id="btn-search"
                                    data-type="table">Filter</button>
                                <a href="{{ url('orders/new_index/page') }}" class="btn btn-danger px-5 py-2">Reset</a>
                            </div>
                            <input type="hidden" name="data_type" id="data_type" value="">
                            <input type="hidden" name="login_user_id" id="login_user_id" value="{{ Auth::user()->id }}">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12" style="width: 1180px;">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive dash-social">

                     @if ($setting->oder_list_add_button == '1')
                    <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;
                    @endif 

                    <div class="d-flex align-items-center justify-content-between mb-3 flex-wrap">
                        <div class="header-container d-flex align-items-center">
                            <h4 class="header-title mt-0 mb-0 me-3">Sales Details</h4>
                        </div>

                        <div class="button-group d-flex">
                            <button 
                                class="btn btn-primary btn-sm px-3 sales-details-btn mr-3" 
                                id="add_bulk_sale"
                                data-toggle="modal"
                                data-animation="bounce"
                                data-href="{{ route('sales.add-bulk-sale') }}"
                                type="button">
                                <i class="mdi mdi-chevron-double-down me-1"></i>
                                Import Excel
                            </button>
                            <a 
                                href="{{ url('orders/new_index/page') }}" 
                                class="btn btn-primary btn-sm px-3 submit-filters sales-details-btn" 
                                data-type="excel">
                                Download Excel
                            </a>
                        </div>
                    </div>
                    <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>Customer</th>
                                <th>Order ID</th>
                                <th>Waybill No</th>
                                <th>Courier</th>
                                <th>Grand Total</th>
                                <th>Sale Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sales as $sale)
                                <tr>
                                    <td>
                                        <div class="checkbox my-2">
                                            <div class="custom-control check-multipale">
                                                <input type="checkbox" class="custom-control-input check-multipale"
                                                    id="{{ $sale->id }}" name="mark_as_sale"
                                                    value="{{ $sale->id }}" data-parsley-multiple="groups"
                                                    data-parsley-mincheck="2">
                                                <label class="custom-control-label" for="{{ $sale->id }}"></label>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-secondary py-2 px-1 dropdown-toggle" type="button"
                                                id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                Action
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                @if (auth()->user()->can('order_access'))
                                                    @if (auth()->user()->can('order_show'))
                                                        <a href="{{ url('orders/' . $sale->id) }}" target="_blank"
                                                            class="dropdown-item" data-toggle="tooltip"
                                                            data-placement="top"><i
                                                                class="fas fa-eye  text-primary font-16"></i> View</a>
                                                    @endif
                                                @endif
                                                @if (auth()->user()->can('order_create'))
                                                    @if ($sale->payment_status != 'paid')
                                                        @if ($sale->call_status != 'cancel')
                                                            @if (auth()->user()->can('add_payment'))
                                                                <a id="add_payment" href="javascript:void(0)"
                                                                    data-href="{{ route('oder.add_payment', $sale->id) }}"
                                                                    class="dropdown-item" data-toggle="tooltip"
                                                                    data-placement="top"><i
                                                                        class="far fa-money-bill-alt  text-primary font-16"></i>
                                                                    Add
                                                                    Payment</a>
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endif
                                                @if (auth()->user()->can('order_access'))
                                                    @if ($sale->call_status == 'confirm')
                                                        <a href="{{ url('orders/' . $sale->id . '/invoice_print') }}"
                                                            class="dropdown-item" data-toggle="tooltip"
                                                            data-placement="top"><i
                                                                class="fas fa-print  text-primary font-16"></i> Download
                                                            Invoice</a>
                                                    @endif
                                                @endif
                               
                                                @if (auth()->user()->can('order_return_access') && $sale->status != 'returned')

                                                    @if (in_array($sale->call_status, ['pending', 'packing', 'packet']) && $sale->status != 'dispatched')
                                                        <a href="javascript:void(0)" id="return_create" class="dropdown-item" onclick="showReturnToast()"
                                                            data-toggle="tooltip" data-placement="top">
                                                            <i class="fas fa-undo text-warning font-16"></i> Add Return
                                                        </a>

                                                    @elseif ($sale->status == 'dispatched' && $sale->call_status == 'confirm')
                                                        <a href="javascript:void(0)" id="return_create"
                                                            data-href="{{ route('returns.create', $sale->id) }}"
                                                            class="dropdown-item" data-toggle="tooltip" data-placement="top">
                                                            <i class="fas fa-undo text-warning font-16"></i> Add Return
                                                        </a>

                                                    @else
                                                        <a href="javascript:void(0)" id="return_create" class="dropdown-item" onclick="showReturnToast()"
                                                            data-toggle="tooltip" data-placement="top">
                                                            <i class="fas fa-undo text-warning font-16"></i> Add Return
                                                        </a>
                                                    @endif
                                                @else
                                    
                                                @endif
                                                @if (auth()->user()->can('order_edit'))
                                                @if (!$sale->full_waybill_no)
                                                        @if ($sale->call_status != 'cancel')
                                                            @if ($setting->multi_modification_esb == '1')
                                                                @if ($sale->status == 'pending')
                                                                    <a href="{{ url('orders/' . $sale->id . '/edit') }}"
                                                                        target="_blank" class="dropdown-item"
                                                                        data-toggle="tooltip" data-placement="top"
                                                                        title="Edit Order"><i
                                                                            class="fas fa-edit text-success font-16"></i>
                                                                        Edit</a>
                                                                @endif
                                                            @else
                                                                <a href="{{ url('orders/' . $sale->id . '/edit') }}"
                                                                    target="_blank" class="dropdown-item"
                                                                    data-toggle="tooltip" data-placement="top"
                                                                    title="Edit Order"><i
                                                                        class="fas fa-edit text-success font-16"></i>
                                                                    Edit</a>
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endif
                                                @if (auth()->user()->can('order_delete'))
                                                    <a href="{{ url('orders/' . $sale->id . '/delete') }}"
                                                        class="dropdown-item delete-sale" data-toggle="tooltip"
                                                        data-placement="top"><i
                                                            class="fas fa-trash-alt text-danger font-16"></i> Delete</a>
                                                @endif
                                                @if (auth()->user()->can('order_access'))
                                                    @if ($sale->status != 'delivered')
                                                        @if ($sale->waybill_no != null)
                                                            @if (auth()->user()->can('waybil_edit'))
                                                                <a href="javascript:void(0)" id="print-bill"
                                                                    data-href="{{ route('oder.waybill_print', $sale->id) }}"
                                                                    class="dropdown-item print-bill" data-toggle="tooltip"
                                                                    data-placement="top"><i
                                                                        class="fas fa-print text-purple font-16"></i>
                                                                    Edit Print Waybill</a>
                                                            @endif
                                                            @if (auth()->user()->can('waybil_print'))
                                                                <a href="{{ url('orders/' . $sale->id . '/print_waybill') }}"
                                                                    class="dropdown-item print-bill" data-toggle="tooltip"
                                                                    data-placement="top"><i
                                                                        class="fas fa-print text-purple font-16"></i>
                                                                    Print Waybill</a>
                                                            @endif
                                                        @endif
                                                    @endif
                                                        @if (auth()->user()->can('order_cancel'))
                                                            @if ($sale->call_status != 'cancel')
                                                            {{-- @if ($sale->status == 'dispatched' || $sale->status == 'pending') --}}
                                                                @if ( $sale->status == 'pending' || $sale->status == 'packing' || $sale->status == 'in_transit')
                                                                    <a href="{{ url('orders/' . $sale->id . '/cancel_order') }}"
                                                                        class="dropdown-item cancel-sale"
                                                                        data-toggle="tooltip" data-placement="top"><i
                                                                            class="fas fa-times text-success font-16"></i>
                                                                        Cancel Order</a>
                                                                @endif
                                                            @endif
                                                        @endif
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        @php
                                            $city = App\City::where('id', $sale->customer->city)->first();
                                        @endphp
                                        @if ($sale->call_status == 'pending')
                                            <span class="badge badge-warning">Pending</span>
                                        @elseif ($sale->call_status == 'confirm')
                                            <span class="badge badge-success">Confirm</span>
                                        @elseif ($sale->call_status == 'not_confirm')
                                            <span class="badge badge-secondary">Not Confirm</span>
                                        @elseif ($sale->call_status == 'cancel')
                                            <span class="badge badge-danger">Cancel Order</span>
                                        @elseif ($sale->call_status == 'hold_oders')
                                            <span class="badge badge-primary" style="background: #0DFF5D;">Hold
                                                Order</span>
                                        @else
                                            <span class="badge badge-info">Not Available</span>
                                        @endif
                                        @can('call_list')
                                            @if ($sale->call_status != 'cancel')
                                                <a href="javascript:void(0)" id="call_change_status"
                                                    data-href="{{ route('oder.call_change_status', $sale->id) }}"
                                                    class="mr-2 dropdown-item"> <i
                                                        class="fa fa-edit text-success font-16"></i></a>
                                            @endif
                                        @endcan
                                    </td>
                                    <td>
                                        @if ($sale->status == 'pending')
                                            <span class="badge badge-warning">Pending</span>
                                        @elseif ($sale->status == 'dispatched')
                                            <span class="badge badge-primary">Dispatched</span>
                                        @elseif ($sale->status == 'returned')
                                            <span class="badge badge-danger">Returned</span>
                                        @elseif ($sale->status == 'delivered')
                                            <span class="badge badge-success">Delivered</span>
                                        @elseif ($sale->status == 'canceled')
                                            <span class="badge badge-danger">Canceled</span>
                                        @elseif ($sale->status == 'reshedule')
                                            <span class="badge badge-danger">Reshedule</span>
                                        @elseif ($sale->status == 'reshedule_diliverd')
                                            <span class="badge badge-success">Reshedule & Diliverd</span>
                                        @elseif ($sale->status == 'packing')
                                            <span class="badge badge-success">Packing</span>
                                        @elseif ($sale->status == 'in_transit')
                                            @if($sale->packet_status == 'packed')
                                                <span class="badge badge-success" style="color:black"><b>Packet</b></span>
                                            @else
                                                <span class="badge badge-success" style="color:black"><b>Packing</b></span>
                                            @endif
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif
                                        @can('dilivery_status_access')
                                            @if ($sale->status != 'returned')
                                                @if ($sale->status != 'canceled' && $sale->status != 'delivered')
                                                    <a href="javascript:void(0)" id="change_status"
                                                        data-href="{{ route('oder.change_status', $sale->id) }}"
                                                        class="mr-2 dropdown-item"> <i
                                                            class="fa fa-edit text-success font-16"></i></a>
                                                @endif
                                            @else
                                                @php
                                                    // $sale_return = SaleReturn::where('sale_id', $sale->id)->first();
                                                @endphp
                                                {{-- <span class="badge badge-primary"> {{ $sale_return->refund_type }} --}}
                                                </span>
                                            @endif
                                        @endcan
                                    </td>                                                                                                                                                              
                                    <td>
                                        {{ $sale->customer->name }}</br>
                                        {{ $sale->customer->mobile }}
                                    </td>
                                    <td>
                                        @if (!empty($sale->invoice_no))
                                            {{ $sale->invoice_no }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>
                                        @if (!empty($sale->waybill_no))
                                            {{ $sale->waybill_prefix . $sale->waybill_no . $sale->waybill_postfix }}
                                        @else
                                            @if ($sale->full_waybill_no)
                                                {{ $sale->full_waybill_no }}
                                            @else
                                                N/A
                                            @endif
                                        @endif
                                    </td>
                                    <td>
                                        {{ $sale->couriers->name }}
                                    </td>
                                    <td>{{ number_format($sale->invoice_nettotal, 2) }}</td>
                                    
                                    <td>{{ Carbon\Carbon::parse($sale->sale_date)->toDateString() }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                        </tfoot>
                    </table>
                    <div class="d-flex justify-content-end" style="margin-top: 30px;">
                        {{ $sales->appends($_GET)->links() }}
                    </div>
                    <div>
                        @php
                            $count = $sales->count();
                        @endphp
                        <p><span style="font-weight: bold" id="sale_count">Total Count&nbsp;&nbsp;
                                {{ $count }}
                            </span></p>
                    </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_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="second_woocommerece_api_setting_enable" name="second_woocommerece_api_setting_enable"
            class="form-control" value="{{ $setting->second_woocommerece_api_setting_enable }}">
    @endsection

    @section('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
        <script>
            $(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', '.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'
                                    })
                                    document.location.reload();
                                    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'
                                    })
                                    document.location.reload();
                                    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', '.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 = $('#cus_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')
                            document.location.reload();
                            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'
                        })
                        document.location.reload();
                        report_table.ajax.reload();
                    }
                });
            });

            // 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');
                });
            });

            $(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')
                            document.location.reload();
                            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')
                            document.location.reload();
                            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')
                                    document.location.reload();
                                    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_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;
            }
            $(document).on('click', '.submit-filters', function(e) {
                e.preventDefault()
                let data_type = $(this).data('type');
                $('#data_type').val(data_type);
                $('#filter_form').submit();
            });
            $(document).ready(function() {
                var getUrlParameter = function getUrlParameter(sParam) {
                    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
                        sURLVariables = sPageURL.split('&'),
                        sParameterName,
                        i;
                    for (i = 0; i < sURLVariables.length; i++) {
                        sParameterName = sURLVariables[i].split('=');

                        if (sParameterName[0] === sParam) {
                            return sParameterName[1] === undefined ? true : sParameterName[1];
                        }
                    }
                };
                var report_date = getUrlParameter('dates');
                myString = report_date.split('+-+').join('/');
                var result = myString.split('/');
                $('#reportrange').daterangepicker({
                    startDate: result[0],
                    endDate: result[1],
                    ranges: {
                        'All Data': ['2020-01-01', moment()],
                        'Today': [moment(), moment()],
                        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                        'This Month': [moment().startOf('month'), moment().endOf('month')],
                        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                            'month').endOf('month')]
                    },
                    locale: {
                        format: 'Y-M-DD'
                    }
                });

            });
        </script>
        <script>
            function showReturnToast() {
                toastr.warning('Before return delete qurir payment and change oder status in Dispatched', 'Warning', {
                    timeOut: 3000,
                    closeButton: true,
                    progressBar: true
                });
            }
            function showReturnSaleToast() {
                toastr.warning('Before delete the delivry return and change oder status in Dispatched', 'Warning', {
                    timeOut: 3000,
                    closeButton: true,
                    progressBar: true
                });
            }
        </script>
    @endsection