@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 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 show 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" @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 select2" 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 }}"
                                                            @if (request('business_location_id') == $business_location->id) selected @endif>
                                                            {{ $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 }}"
                                                            @if (request('business_location_id') == $business_location->business_location_id) selected @endif>
                                                            {{ $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 Name</label>
                                        <input id="customer_name" name="customer_name" type="text" class="form-control"
                                            placeholder="Search for Customer Name..."
                                            aria-label="Search for Customer Name..." value="{{ request('customer_name') }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="supplier">Customer Mobile Number</label>
                                        <input id="mobile" name="mobile" type="number" class="form-control"
                                            placeholder="Search for Customer Mobile Number..."
                                            aria-label="Search for Customer Mobile Number..."
                                            value="{{ request('mobile') }}">
                                    </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 }}"
                                                    @if (request('courier_id') == $courier->id) selected @endif>{{ $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" @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>
                                @if ($setting->farder_api_setting_enable == '1')
                                    <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="pickup" @if (request('status') == 'pickup') selected @endif>
                                                    Pickup</option>
                                                <option value="package_dispatched"
                                                    @if (request('status') == 'package_dispatched') selected @endif>
                                                    Package Dispatched</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>
                                            </select>
                                        </div>
                                    </div>
                                @else
                                    <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>
                                            </select>
                                        </div>
                                    </div>
                                @endif
                                <div class="col-md-3">
                                <div class="form-group">
                                    <label style="font-weight: bold;">Previous Delivery Status</label>
                                    <select name="previous_status" class="form-control select2">
                                        <option value="">-- Select Previous Status --</option>
                                        <option value="pending" {{ request('previous_status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                        <option value="dispatched" {{ request('previous_status') == 'dispatched' ? 'selected' : '' }}>Dispatched</option>
                                        <option value="delivered" {{ request('previous_status') == 'delivered' ? 'selected' : '' }}>Delivered</option>
                                        <option value="canceled" {{ request('previous_status') == 'canceled' ? 'selected' : '' }}>Canceled</option>
                                        <option value="returned" {{ request('previous_status') == 'returned' ? 'selected' : '' }}>Returned</option>
                                        <!-- Add more if needed -->
                                    </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" @if (request('payment_status') == 'due') selected @endif>
                                                Pending
                                            </option>
                                            <option value="due" @if (request('payment_status') == 'due') selected @endif>Cash
                                                On
                                                Delivery</option>
                                            <option value="online" @if (request('payment_status') == 'online') selected @endif>
                                                Online
                                            </option>
                                            <option value="paid" @if (request('payment_status') == 'paid') selected @endif>Paid
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="supplier">Date </label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="dates" id="date"
                                                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 select2" id="resources" name="resources">
                                            <option value="">All</option>
                                            <option value="whats_app" @if (request('resources') == 'whats_app') selected @endif>
                                                WhatsApp
                                            </option>
                                            <option value="face_book_leeds"
                                                @if (request('resources') == 'face_book_leeds') selected @endif>
                                                Facebook Leads</option>
                                            <option value="face_book_massenger"
                                                @if (request('resources') == 'face_book_massenger') selected @endif>
                                                Facebook Massenger</option>
                                            <option value="bulk_order" @if (request('resources') == 'bulk_order') selected @endif>
                                                Bulk
                                                Order</option>
                                            <option value="daraz" @if (request('resources') == 'daraz') selected @endif>
                                                Daraz
                                            </option>
                                            <option value="voucher" @if (request('voucher') == 'voucher') selected @endif>
                                                Voucher
                                                Order
                                            </option>
                                            <option value="tamil_order"
                                                @if (request('resources') == 'tamil_order') selected @endif>Tamil
                                                Order
                                            </option>
                                            <option value="follow_up" @if (request('resources') == 'follow_up') selected @endif>
                                                Follow Up
                                            </option>
                                            <option value="call_order" @if (request('resources') == 'call_order') selected @endif>
                                                Call
                                                Order
                                            </option>
                                            <option value="missed_call"
                                                @if (request('resources') == 'missed_call') selected @endif>Missed
                                                Call
                                            </option>
                                            <option value="flagship_store"
                                                @if (request('resources') == 'flagship_store') selected @endif>Flagship store
                                            </option>
                                            <option value="meta" @if (request('resources') == 'meta') selected @endif>Meta
                                            </option>
                                            <option value="online" @if (request('resources') == 'online') selected @endif>
                                                Online
                                            </option>
                                            <option value="exchange" @if (request('resources') == 'exchange') selected @endif>
                                                Exchange
                                            </option>
                                            <option value="rearange" @if (request('resources') == 'rearange') selected @endif>
                                                Rearange
                                            </option>
                                            <option value="gift" @if (request('resources') == 'gift') selected @endif>
                                                Gift
                                            </option>
                                            <option value="contact_person"
                                                @if (request('resources') == 'contact_person') selected @endif>
                                                Contact Person
                                            </option>
                                            <option value="tiktok_order"
                                                @if (request('resources') == 'tiktok_order') selected @endif>
                                                TikTok Order
                                            </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 select2" id="waybill_print_status"
                                            name="waybill_print_status">
                                            <option value="">All</option>
                                            <option value="printed" @if (request('waybill_print_status') == 'printed') selected @endif>
                                                Printed
                                            </option>
                                            <option value="none_printed"
                                                @if (request('waybill_print_status') == 'none_printed') selected @endif>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 }}"
                                                    @if (request('order_asignee') == $users->id) selected @endif>
                                                    {{ $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 }}"
                                                    @if (request('user_id') == $users->id) selected @endif>
                                                    {{ $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 select2" id="reshedule_stauts"
                                            name="reshedule_stauts">
                                            <option value="">All</option>
                                            <option value="reshedule" @if (request('reshedule_stauts') == 'reshedule') selected @endif>
                                                Reshedule
                                            </option>
                                            <option value="reshedule_and_diliverd"
                                                @if (request('reshedule_stauts') == 'reshedule_and_diliverd') selected @endif>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 }}"
                                                    @if (request('order_batch') == $order_batch_id->id) selected @endif>
                                                    {{ $order_batch_id->batch_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </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">
                                        <label style="font-weight: bold" for="ref_no">Order ID</label>
                                        <input id="ref_no" name="ref_no" type="text" class="form-control"
                                            placeholder="Search for..." aria-label="Search for..."
                                            value="{{ request('ref_no') }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="supplier">Custom Date </label>
                                        <div class="input-group">
                                            <label for="start_date">Start Date:</label>
                                            <input type="date" id="start_date" name="start_dates"
                                                value="{{ $start_date }}">

                                            &nbsp;&nbsp;&nbsp;<label for="end_date">End Date:</label>
                                            <input type="date" id="end_date" name="end_dates"
                                                value="{{ $end_date }}">
                                        </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 mt-2" style="width: 1180px;">
        <div class="card">
            <div class="card-body">

                <div class="table-responsive dash-social">

                    <a href="{{ route('orders.create') }}" style="padding:10px">
                        <div>
                            <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>Import Excel</button>

                    <a href="{{ url('orders/new_index/page') }}"
                        class="btn btn-primary float-right px-5 py-2 submit-filters" data-type="excel"
                        style="margin-right: 10px";>Download
                        Excel</a>


                    &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>
                    <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 @if ($setting->reshedule_and_diliverd != '1') style="display: none" @endif>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 @if ($setting->waybill_print_status_enable != '1') style="display: none" @endif>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 @if ($setting->order_assign != '1') style="display: none" @endif>Assignee</th>
                                <th @if ($setting->user_profile_enable != '1') style="display: none" @endif>Create By</th>
                                @if ($setting->enable_sale_updated_at == '1')
                                    <th>Sale Date</th>
                                @else
                                    <th>Updated Date</th>
                                @endif
                                <th>Product Sku</th>
                                <th hidden>Sale Note</th>
                                <th @if ($setting->order_batch_enable != '1') style="display: none" @endif>Campaign Batch Id</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 ($setting->multi_tab == 1)
                                                        <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>
                                                    @else
                                                        <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_edit'))
                                                    @if ($sale->status == 'pending')
                                                    @if ($setting->multi_tab == 1)
                                                        <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>
                                                    @else
                                                        <a href="{{ url('orders/' . $sale->id . '/edit') }}"
                                                            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
                                                @if ($sale->payment_status != 'paid')
                                                    @if ($sale->call_status != 'cancel')
                                                        <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
                                                @if (auth()->user()->can('order_access'))
                                                    @if ($sale->call_status == 'confirm' || $sale->call_status == 'pending')
                                                        <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 ($sale->sale_status == 'cash_sale')
                                                    <a href="{{ url('billings/' . $sale->id . '/cash/sale/invoice/print') }}"
                                                        class="dropdown-item" data-toggle="tooltip"
                                                        data-placement="top"><i
                                                            class="fas fa-print  text-primary font-16"></i> Download Cash
                                                        Sale
                                                        Invoice</a>
                                                @endif
                                                @if (auth()->user()->can('order_access'))
                                                    <a href="#"
                                                        data-href="{{ url('feedback/create/' . $sale->id . '') }}"
                                                        id="addfeedback" class="dropdown-item" data-toggle="tooltip"
                                                        data-placement="top"><i
                                                            class="fas fa-comments  text-primary font-16"></i> Customer
                                                        Feedback</a>
                                                @endif
                                                @if ($setting->add_return_exchange_new_modification == 0)
                                                    @if (auth()->user()->can('order_access'))
                                                        @if ($sale->status != 'returned')
                                                            @if ($sale->status != 'pending')
                                                                <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>
                                                            @endif
                                                        @endif
                                                    @endif
                                                @else
                                                    @if (auth()->user()->can('order_access'))
                                                        @if ($sale->status != 'returned')
                                                            @if ($sale->status != 'pending')
                                                                <a href="javascript:void(0)" id="return_choice"
                                                                    data-href="{{ route('returns.choice', $sale->id) }}"
                                                                    class="dropdown-item" data-toggle="tooltip"
                                                                    data-placement="top"><i
                                                                        class="fas fa-undo text-warning font-16"></i> Add
                                                                    Return</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->waybill_no != null)
                                                        @if ($sale->status != 'delivered')
                                                            <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
                                                            <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
                                                @if ($sale->call_status != 'cancel')
                                                    @if ($sale->status == 'dispatched' || $sale->status == 'pending')
                                                        <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
                                            </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
                                        @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>
                                            @if ($sale->call_status == 'duplicate')
                                                <span class="badge badge-danger">Duplicate</span>
                                            @endif
                                        @endif
                                    </td>
                                    @php
                                        // Get the latest delivery log
                                        $latestDelivery = $sale->deliveryStatus->sortByDesc('created_at')->first();
                                        $latestStatus = $latestDelivery ? $latestDelivery->delivery_status : null;
                                        
                                        // Filter out latest delivery log to get previous statuses
                                        $previousDeliveries = $sale->deliveryStatus
                                            ->sortBy('created_at')
                                            ->filter(function($log) use ($latestDelivery) {
                                                return $latestDelivery ? $log->id !== $latestDelivery->id : true;
                                            });
                                    @endphp

                                    <td>
                                        {{-- Exchange badge --}}
                                        @if ($sale->is_exchange_order == '1')
                                            <span class="badge badge-primary">Exchange new</span>
                                        @endif

                                        {{-- Latest/current delivery status badge --}}
                                        @if ($latestStatus)
                                            @switch($latestStatus)
                                                @case('pending')
                                                    <span class="badge badge-warning">Pending</span>
                                                    @break
                                                @case('dispatched')
                                                    <span class="badge badge-primary">Dispatched</span>
                                                    @if ($sale->is_parent_exchange_order != '0')
                                                        <span class="badge badge-primary">Exchange</span>
                                                    @endif
                                                    @break
                                                @case('package_dispatched')
                                                    <span class="badge badge-primary">Package Dispatched</span>
                                                    @break
                                                @case('pickup')
                                                    <span class="badge badge-warning">Pickup</span>
                                                    @break
                                                @case('returned')
                                                    <span class="badge badge-danger">Returned</span>
                                                    @if ($sale->is_parent_exchange_order != '0')
                                                        <span class="badge badge-primary">Exchange</span>
                                                    @endif
                                                    @break
                                                @case('delivered')
                                                    <span class="badge badge-success">Delivered</span>
                                                    @if ($sale->is_parent_exchange_order != '0')
                                                        <span class="badge badge-primary">Exchange</span>
                                                    @endif
                                                    @break
                                                @case('canceled')
                                                    <span class="badge badge-danger">Canceled</span>
                                                    @break
                                                @case('reshedule')
                                                    <span class="badge badge-danger">Reschedule</span>
                                                    @break
                                                @case('reshedule_delivered')
                                                    <span class="badge badge-success">Rescheduled & Delivered</span>
                                                    @break
                                                @case('waiting')
                                                    <span class="badge badge-info">Waiting</span>
                                                    @break
                                                @case('transfer')
                                                    <span class="badge badge-info">Transfer</span>
                                                    @break
                                                @case('processing')
                                                    <span class="badge badge-info">Processing</span>
                                                    @break
                                                @case('return')
                                                    <span class="badge badge-danger">Return</span>
                                                    @break
                                                @case('return_transfer')
                                                    <span class="badge badge-info">Return Transfer</span>
                                                    @break
                                                @case('damaged')
                                                    <span class="badge badge-danger">Damaged</span>
                                                    @break
                                                @case('removed')
                                                    <span class="badge badge-dark">Removed</span>
                                                    @break
                                                @case('return_complete')
                                                    <span class="badge badge-success">Return Complete</span>
                                                    @break
                                                @case('return_pending')
                                                    <span class="badge badge-warning">Return Pending</span>
                                                    @break
                                                @case('date_changed')
                                                    <span class="badge badge-info">Date Changed</span>
                                                    @break
                                                @case('rearrange')
                                                    <span class="badge badge-info">Rearrange</span>
                                                    @break
                                                @case('hold')
                                                    <span class="badge badge-secondary">Hold</span>
                                                    @break
                                                @default
                                                    <span class="badge badge-info">{{ ucfirst(str_replace('_', ' ', $latestStatus)) }}</span>
                                            @endswitch
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif

                                        {{-- Edit icon if status is not returned or canceled --}}
                                        @if (!in_array($latestStatus, ['returned', 'canceled']))
                                            <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

                                        {{-- Previous delivery statuses --}}
                                        @if (request()->has('previous_status') && !empty(request()->get('previous_status')))
                                        <div style="margin-top: 5px; font-size: 0.85em;">
                                            @forelse ($previousDeliveries as $prevLog)
                                                <span class="badge badge-secondary" title="{{ $prevLog->created_at->format('Y-m-d H:i') }}">
                                                    {{ ucfirst(str_replace('_', ' ', $prevLog->delivery_status)) }}
                                                </span>
                                            @empty
                                                {{-- Optional: show "No history" or leave blank --}}
                                            @endforelse
                                        </div>
                                    @endif
                                    </td>

                                    <td @if ($setting->reshedule_and_diliverd != '1') style="display: none" @endif>
                                        @if ($sale->reshedule_stauts == 'reshedule')
                                            <a id="change_status_reshedule" href="javascript:void(0)"
                                                data-href="{{ route('oder.change_reshedule_and_diliverd', $sale->id) }}"><span
                                                    class="badge badge-danger">Reshedule</span></a>
                                        @elseif ($sale->reshedule_stauts == 'reshedule_and_diliverd')
                                            <a id="change_status_reshedule" href="javascript:void(0)"
                                                data-href="{{ route('oder.change_reshedule_and_diliverd', $sale->id) }}"><span
                                                    class="badge badge-success">Reshedule & Diliverd</span></a>
                                        @else
                                            <a id="change_status_reshedule" href="javascript:void(0)"
                                                data-href="{{ route('oder.change_reshedule_and_diliverd', $sale->id) }}"><span
                                                    class="badge badge-info">N/A</span></a>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($sale->payment_status == 'due')
                                            <a id="view_payments" href="javascript:void(0)"
                                                data-href="{{ route('oder.view_payment', $sale->id) }}"><span
                                                    class="badge badge-warning">Pending</span></a>
                                        @elseif ($sale->payment_status == 'online')
                                            <a id="view_payments" href="javascript:void(0)"
                                                data-href="{{ route('oder.view_payment', $sale->id) }}"><span
                                                    class="badge badge-success">Online</span></a>
                                        @elseif ($sale->payment_status == 'paid')
                                            <a id="view_payments" href="javascript:void(0)"
                                                data-href="{{ route('oder.view_payment', $sale->id) }}"><span
                                                    class="badge badge-success">Paid</span></a>
                                        @elseif ($sale->payment_status == 'partial')
                                            <a id="view_payments" href="javascript:void(0)"
                                                data-href="{{ route('oder.view_payment', $sale->id) }}"><span
                                                    class="badge badge-secondary">Partial</span></a>
                                        @elseif ($sale->payment_status == 'canceled')
                                            <span class="badge badge-danger">Canceled</span>
                                        @else
                                            <a id="view_payments" href="javascript:void(0)"
                                                data-href="{{ route('oder.view_payment', $sale->id) }}"><span
                                                    class="badge badge-info">Not Available</span></a>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($sale->payment_method == 'cash_on_delivery')
                                            <span class="badge badge-primary">COD</span>
                                        @elseif($sale->payment_method == 'Cod')
                                            <span class="badge badge-primary">COD</span>
                                        @elseif($sale->payment_method == 'cod')
                                            <span class="badge badge-primary">COD</span>
                                        @elseif($sale->payment_method == 'cash')
                                            <span class="badge badge-secondary">Cash Sale</span>
                                        @elseif($sale->payment_method == 'bank_transfer')
                                            <span class="badge badge-warning">Bank Transfer</span>
                                        @elseif($sale->payment_method == 'online')
                                            <span class="badge badge-dark">Online Payment</span>
                                        @elseif($sale->payment_method == 'online_payhere')
                                            <span class="badge badge-dark">Payhere</span>
                                        @elseif($sale->payment_method == 'multiple')
                                            <span class="badge badge-dark">Multiple</span>
                                        @elseif($sale->payment_method == 'card_machine')
                                            <span class="badge badge-primary">Card Machine</span>
                                        @elseif($sale->payment_method == 'daraz')
                                            <span class="badge badge-info">Daraz</span>
                                        @elseif($sale->payment_method == 'koko')
                                            <span class="badge badge-dark">KoKo</span>
                                        @elseif($sale->payment_method == 'mint_pay')
                                            <span class="badge badge-primary">MintPay</span>
                                            {{-- @elseif($sale->payment_method == 'pay_here')
                                            <span class="badge badge-primary">PayHere</span> --}}
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($sale->woocommerce_order_status == 'pending')
                                            <span class="badge badge-warning">Pending</span>
                                        @elseif($sale->woocommerce_order_status == 'on-hold')
                                            <span class="badge badge-dark">On-Hold</span>
                                        @elseif($sale->woocommerce_order_status == 'processing')
                                            <span class="badge badge-success">Processing</span>
                                        @elseif($sale->woocommerce_order_status == 'cancelled')
                                            <span class="badge badge-dark">Canceled</span>
                                        @elseif($sale->woocommerce_order_status == 'failed')
                                            <span class="badge badge-ping">Failed</span>
                                        @elseif($sale->woocommerce_order_status == 'refunded')
                                            <span class="badge badge-danger">Returned</span>
                                        @elseif($sale->woocommerce_order_status == 'completed')
                                            <span class="badge badge-primary">Completed</span>
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if (!empty($sale->woocommerce_sale_id))
                                            <span class="badge badge-secondary">Woocommerce</span>
                                        @else
                                            <span class="badge badge-success">OM</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($sale->currency_type)
                                            <span class="badge badge-success" style="background: #C3AB7E;">
                                                {{ App\PaymentAccount::CURRENCY_TYPES[$sale->currency_type] }}</span>
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($sale->resources == 'whats_app')
                                            <span class="badge badge-warning">WhatsApp</span>
                                        @elseif ($sale->resources == 'missed_call')
                                            <span class="badge " style="background: #cc9900 ; color :white">Missed
                                                Call</span>
                                        @elseif ($sale->resources == 'tamil_order')
                                            <span class="badge " style="background: #6600ff ; color :white">Tamil
                                                order</span>
                                        @elseif ($sale->resources == 'call_order')
                                            <span class="badge " style="background: #897004 ; color :white">Call
                                                order</span>
                                        @elseif ($sale->resources == 'follow_up')
                                            <span class="badge " style="background: #996633 ; color :white">Follow
                                                Up</span>
                                        @elseif ($sale->resources == 'face_book_leeds')
                                            <span class="badge badge-success">Facebook Leads</span>
                                        @elseif ($sale->resources == 'face_book_massenger')
                                            <span class="badge badge-secondary">Facebook Massenger</span>
                                        @elseif ($sale->resources == 'bulk_order')
                                            <span class="badge badge-danger">Bulk Order</span>
                                        @elseif ($sale->resources == 'daraz')
                                            <span class="badge badge-primary">Daraz</span>
                                        @elseif ($sale->resources == 'flagship_store')
                                            <span class="badge" style="background: #1e3799 ; color :white">Flagship
                                                store</span>
                                        @elseif ($sale->resources == 'meta')
                                            <span class="badge " style="background: #0e6655 ; color :white">Meta</span>
                                        @elseif ($sale->resources == 'online')
                                            <span class="badge " style="background: #922b21 ; color :white">Online</span>
                                        @elseif($sale->resources == 'exchange')
                                            <span class="badge badge-primary" style="background: #16a085">exchange
                                                Order</span>
                                        @elseif($sale->resources == 're_arrange')
                                            <span class="badge badge-primary" style="background: #16a085">Re arrange
                                                Order</span>
                                        @elseif($sale->resources == 'gift')
                                            <span class="badge badge-primary" style="background: #16a085">gift
                                                Order</span>
                                        @elseif($sale->resources == 'contact_person')
                                            <span class="badge badge-primary" style="background: #16a085">contact_person
                                                Order</span>
                                        @elseif ($sale->resources == 'tiktok_order')
                                            <span class="badge badge-primary" style="background:#fcbe8f">TikTok Order                                
                                            </span>
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif
                                    </td>
                                    <td @if ($setting->waybill_print_status_enable != '1') style="display: none" @endif>
                                        @if ($sale->waybill_print_status == 'printed')
                                            <span class="badge badge-primary">Printed</span>
                                        @else
                                            <span class="badge badge-warning">None Printed</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if (!empty($sale->location))
                                            {{ $sale->business_locations->name }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>

                                        {{-- <span>{{ $sale->customer->name }}</span><br>
                                        <span>{{ $sale->customer->mobile }}</span><br>
                                        <span>{{ $sale->customer->mobile_2 }}</span>  --}}

                                        <span>{{ $sale->customer->name }}</span><br><br>
                                        <span>{{ $sale->customer->mobile }}</span><br>
                                        <span>{{ $sale->customer->mobile_2 }}</span> <br><br>
                                        <span>{{ $sale->customer->landmark }}</span> 

                                    </td>
                                    <td>
                                        @if (!empty($sale->invoice_no))
                                            {{ $sale->invoice_no }}
                                        @elseif(!empty($sale->ref_no))
                                            {{ $sale->ref_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>
                                        @if ($sale->payment_method == 'cash')
                                            N/A
                                        @else
                                            {{ $sale->couriers->name }}
                                        @endif
                                    </td>
                                    <td>{{ number_format($sale->invoice_nettotal, 2) }}</td>
                                    <td>
                                        @php
                                            $paid_amount = App\SalePayment::where('sale_id', $sale->id)->sum('amount');
                                        @endphp
                                        {{ number_format($paid_amount, 2) }}</td>
                                    <td>{{ number_format($sale->invoice_nettotal - $paid_amount, 2) }}</td>
                                    <td @if ($setting->order_assign != '1') style="display: none" @endif>
                                        @if (!empty($sale->asign_id) && !empty($sale->asignee->username))
                                            {{ $sale->asignee->username }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td @if ($setting->user_profile_enable != '1') style="display: none" @endif>
                                        @if (!empty($sale->user_id) && !empty($sale->asignee->username))
                                            {{ $sale->users->username }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    @if ($setting->enable_sale_updated_at == '1')
                                        <td>{{ Carbon\Carbon::parse($sale->updated_at)->toDateString() }}</td>
                                    @else
                                        <td>{{ Carbon\Carbon::parse($sale->created_at)->toDateString() }}</td>
                                    @endif
                                    <td>
                                        @foreach ($sale->saleItems as $item)
                                            @if (!empty($item->product->sku))
                                                {{ Str::replaceLast(', ', '', $item->product->sku) }},&nbsp;
                                            @endif
                                        @endforeach
                                    </td>
                                    <td hidden>{{ $sale->sale_note }}</td>
                                    <td @if ($setting->order_batch_enable != '1') style="display: none" @endif>
                                        @php
                                            $dates = Carbon\Carbon::parse($sale->created_at)->toDateString();
                                        @endphp
                                        @if (!empty($sale->order_batchs->batch_name))
                                            {{ $sale->order_batchs->batch_name . '-' . $dates }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tr>
                        </tr>
                    </table>
                    <div class="d-flex justify-content-end">
                        {{ $sales->appends($_GET)->links() }}
                    </div>
                    <div>
                        Showing {{ $sales->firstItem() }} to {{ $sales->lastItem() }} of
                        {{ $sales->total() }}
                        entries
                        </span>
                    </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>
            </div>
            <!--end card-->
        </div>
        <div id="waybill-no" class="modal fade"></div>
        <div id="return-create" class="modal fade"></div>
        <div id="return-choice" 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).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) => {
                        if (result.value) {
                            $.ajax({
                                type: "post",
                                url: '/sales/delete/multiple',
                                data: {
                                    "_token": "{{ csrf_token() }}",
                                    selected_ids: selected_ids,
                                },
                                success: function(response) {
                                    if (response.success == 0) {
                                        $.toast({
                                            heading: 'Error',
                                            text: response.msg,
                                            position: 'top-right',
                                            bgColor: '#f1646c',
                                            icon: 'error',
                                            showHideTransition: 'fade',
                                            hideAfter: 7000,
                                            loaderBg: '#ecf0f1',
                                        })
                                        document.location.reload();
                                    } else {
                                        $.toast({
                                            heading: 'Success',
                                            text: response.msg,
                                            position: 'top-right',
                                            bgColor: '#1ecab8',
                                            icon: 'success',
                                            showHideTransition: 'fade',
                                            hideAfter: 7000,
                                            loaderBg: '#ecf0f1',
                                        })
                                        document.location.reload();
                                    }
                                }
                            });
                        }
                    })
                }
            });
            $(document).on('change', '#call_status', function() {
                let call_status = $(this).val();
                if (call_status == 'confirm') {
                    $('#call_status-reson').val('confirm');
                }
            });
            $(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',
                                    })
                                    document.location.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'
                                    })
                                    document.location.reload();
                                } else {
                                    $.toast({
                                        heading: 'Error',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#f1646c',
                                        icon: 'error',
                                        showHideTransition: 'fade',
                                        hideAfter: 6500,
                                        loaderBg: '#ecf0f1'
                                    })
                                }
                            }
                        });
                    }
                })
            });
            $(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');
                    $('#return-choice').modal('hide');
                })
            });
            $(document).on('click', '#return_choice', function() {
                $('#return-choice').load($(this).data('href'), function() {
                    $('#mdate3').bootstrapMaterialDatePicker({
                        weekStart: 0,
                        time: false
                    });
                    $('#mdate3').val(moment(new Date()).format("YYYY-MM-DD"));
                    $('#return-choice').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')
                            document.location.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')
                            document.location.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')
                                    document.location.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');
                            document.location.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')
                            document.location.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');
                            document.location.reload();
                        } else {
                            $.toast({
                                heading: 'Error',
                                text: response.msg,
                                position: 'top-right',
                                bgColor: '#f1646c',
                                icon: 'error',
                                showHideTransition: 'fade',
                                hideAfter: 6500,
                                loaderBg: '#ecf0f1',
                            })
                        }
                    }
                });
            });
            $(document).on('click', '.submit-filters', function(e) {
                e.preventDefault()
                let data_type = $(this).data('type');
                $('#data_type').val(data_type);
                $('#filter_form').submit();
            });
            var start = moment().subtract(29, 'days');
            var end = moment();

            function cb(start, end) {
                $('#date span').html(start.format('MM-DD-YYYY') + ' - ' + end.format('MM-DD-YYYY'));
            }
            var current_year = (new Date()).getFullYear() + "-01-01";
            $('#date').daterangepicker({
                startDate: start,
                endDate: end,
                ranges: {
                    'All Data': ['2020-01-01', moment()],
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Day before yesterday': [moment().subtract(2, 'days'), moment().subtract(2, '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')],
                    'Last 6 Months': [moment().subtract(5, 'month'), moment()],
                },
                locale: {
                    format: 'Y-MM-DD'
                }
            }, cb);
            $(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('/');
                $('#date').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')],
                        'Day before yesterday': [moment().subtract(2, 'days'), moment().subtract(2, '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')],
                        'Last 6 Months': [moment().subtract(5, 'month'), moment()],
                    },
                    locale: {
                        format: 'Y-M-DD'
                    }
                });
            });
        </script>
    @endsection