@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            B2B Customers Queries
            <small>all b2b customer queries</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">B2B Customer Queries</li>
        </ol>
    </section>
@endsection


@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}
    <style>
        .text-center {
            text-align: center;
            cursor: pointer;
        }
        .txt-center {
            text-align: center;
        }

        table {
            width: 100% !important;
        }
        #ordTotal, .b2bTotal {
            font-weight: bold;
        }
        tr:nth-child(even) {
            background-color: #efefef;
        }
    </style>
@endsection

@section('main-content')
    <section class="content">

        @if(Session::has('messages'))
        <div class="row">
            <div class="col-xs-12">
                <div class="alert alert-success alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{Session('messages')}}
                </div>
            </div>
        </div>
        @endif



        <div class="row">
            <div class="col-md-12">

                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="">
                            <a href="#orders_list_tab" data-toggle="tab" aria-expanded="false">Orders</a>
                        </li>
                        <li class="active">
                            <a href="#queries_list_tab" data-toggle="tab" aria-expanded="true">Queries</a>
                        </li>
                    </ul>



                    <div class="tab-content">

                        <div class="tab-pane" id="orders_list_tab">
                            <div class="row">

                                <div class="col-xs-12">
                                    <div class="box box-body">
                                        <div class="row">

                                            <div class="form-group col-md-1" style="width: 153px;">
                                                {!! Form::label('from_date_fo', 'From Date') !!}
                                                {!! Form::date('from_date_fo', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'from_date_fo']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 153px;">
                                                {!! Form::label('to_date_fo', 'To Date') !!}
                                                {!! Form::date('to_date_fo', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'to_date_fo']) !!}
                                            </div>

                                            <div class="form-group col-md-1">
                                                {!! Form::label('&nbsp;') !!}
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" name="is_date_fo" checked  id="search_by_date_fo" style="margin-left: -17px">
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="form-group col-md-1" style="width: 153px;">
                                                {!! Form::label('status_fo', 'Status') !!}
                                                {!! Form::select('status_fo', ['All'=>'All',  'Done'=>'Order Done', 'Void' => 'Order Void'], null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 120px;', 'id' => 'status_fo']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 150px;">
                                                {!! Form::label('organization_fo', 'Organization') !!}
                                                {!! Form::select('organization_fo', $org_names, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 120px;', 'id' => 'organization_fo']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 142px;">
                                                {!! Form::label('Branch affiliation_fo', 'Branch.Affiliation') !!}
                                                {!! Form::select('branch_affiliation_fo', $branch_affiliations, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 142px;', 'id' => 'branch_affiliation_fo']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 100px;">
                                                {!! Form::label('category_fo', 'Category') !!}
                                                {!! Form::select('category_fo', $categories, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 100px;', 'id' => 'category_fo']) !!}
                                            </div>

                                            <div class="col-md-1" style="width: 250px;padding-top: 22px; /*margin-left: -40px;*/">
                                                {!! Form::button('Search',['class' => 'btn btn-primary btn-order-search', 'id'=> 'search_btn_fo']) !!}
                                                {!! Form::button('Reset',['class' => 'btn btn-danger btn-order-search', 'id'=> 'reset_btn_fo']) !!}
                                                <button class="btn btn-success" type="button" id="bulk_void_btn">Bulk Void</button>
                                               {{--  <button class="btn btn-primary btn-order-search" type="button" id="export_data_btn_fo">Export</button> --}}
                                            </div>

                                        </div>
                                    </div>
                                </div>







                                <div class="col-xs-12">
                                    <div class="box box-body">

                                        <div class="box-body table-responsive">
                                            <table class="table table-hover" id="b2b_customer_orders_table">
                                                <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>Order ID</th>
                                                    <th>Query DateTime</th>
                                                    <th>UD</th>
                                                    <th>Branch affiliation</th>
                                                    <th>Org Name</th>
                                                    <th>District</th>
                                                    <th>City</th>
                                                    <th style="width: 180px;">Customer</th>
                                                    <th>Category</th>
                                                    <th>Total Query</th>
                                                    <th align="center">Order Total</th>
                                                    <th align="center">B2B Total</th>
                                                    <th>Status</th>
                                                </tr>
                                                </thead>
                                                <tbody></tbody>
                                                <tfoot>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <th></th>
                                                    <td id="ordTotal"></td>
                                                    <td id="b2bTotalx" class="b2bTotal"></td>
                                                </tfoot>
                                            </table>
                                        </div>


                                    </div>
                                </div>
                            </div>


                        </div>







                        <div class="tab-pane active" id="queries_list_tab">

                            <div class="row">

                                <div class="col-xs-12">
                                    <div class="box box-body">
                                        <div class="row">

                                            <div class="form-group col-md-1" style="width: 153px;">
                                                {!! Form::label('from_date', 'From Date') !!}
                                                {!! Form::date('from_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'from_date']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 153px;">
                                                {!! Form::label('to_date', 'To Date') !!}
                                                {!! Form::date('to_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'to_date']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 30px;">
                                                {!! Form::label('&nbsp;') !!}
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" name="is_date" checked  id="search_by_date" style="margin-left: -17px">
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="form-group col-md-1" style="width: 153px;">
                                                {!! Form::label('status', 'Status') !!}
                                                {!! Form::select('status', ['All'=>'All', 'Not Available' => 'Not Available', 'Pending'=>'Query for Price', 'Processing'=>'Price Given',   'Done'=>'Order Done', 'Void' => 'Order Void'], null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 120px;', 'id' => 'status']) !!}

                                                {{-- Form::select('status', ['All'=>'All', 'Pending'=>'Query for Price', 'Processing'=>'Price Given',   'Done'=>'Order Done', 'Void' => 'Order Void'], null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 120px;', 'id' => 'status']) --}}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 150px;">
                                                {!! Form::label('organization', 'Organization') !!}
                                                {!! Form::select('organization', $org_names, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 120px;', 'id' => 'organization']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 142px;">
                                                {!! Form::label('Branch affiliation', 'Branch.Affiliation') !!}
                                                {!! Form::select('branch_affiliation', $branch_affiliations, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 142px;', 'id' => 'branch_affiliation']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 100px;">
                                                {!! Form::label('category', 'Category') !!}
                                                {!! Form::select('category', $categories, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 100px;', 'id' => 'category']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 140px;">
                                                {!! Form::label('signup_ref_name', 'SignUp-Ref.') !!}
                                                {!! Form::select('signup_ref_name', $ref_names, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 100px;', 'id' => 'signup_ref_name']) !!}
                                            </div>

                                            <div class="form-group col-md-1" style="width: 140px;">
                                                {!! Form::label('product_sku', 'Product-Code') !!}
                                                {!! Form::text('product_sku',   null , ['class' => 'form-control', 'style' => 'width: 100px;', 'id' => 'product_sku']) !!}
                                            </div>

                                            <div class="col-md-1" style="width: 250px;padding-top: 22px; /*margin-left: -40px;*/">
                                                {!! Form::button('Search',['class' => 'btn btn-primary btn-order-search', 'id'=> 'search_btn']) !!}
                                                {!! Form::button('Reset',['class' => 'btn btn-danger btn-order-search', 'id'=> 'reset_btn']) !!}
                                                <button class="btn btn-primary btn-order-search" type="button" id="export_data_btn">Export</button>
                                            </div>

                                        </div>
                                    </div>
                                </div>


                                <div class="col-md-12">
                                    <div class="box">

                                        <div class="box-body table-responsive">
                                            <table class="table table-hover" id="b2b_customer_queries_table">
                                                <thead>
                                                <tr>
                                                    <th>Query ID</th>
                                                    <th>Query DateTime</th>
                                                    <th>UD</th>
                                                    <th>Branch affiliation</th>
                                                    <th>Org Name</th>
                                                    <th>District</th>
                                                    <th>City</th>
                                                    <th style="width: 180px;">Customer</th>
                                                    <th>Category</th>
                                                    <th>Signup Ref.</th>
                                                    <th>Product</th>
                                                    <th align="center">No of Products</th>
                                                    <th align="center">Total (Query)</th>
                                                    <th align="center">Total Given(B2B)</th>
                                                    <th align="center">Order Price</th>
                                                    <th style="text-align:center;">Remarks</th>
                                                    <th>Status</th>
                                                </tr>
                                                </thead>
                                                <tbody></tbody>
                                                <tfoot>
                                                    <tr>

                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        <th style="background: #337ab7;"></th>
                                                        {{-- <th style="width: 180px;background: #337ab7;"></th>--}}
                                                        <th  style="background: #337ab7;color: #fff;" align="center"></th>
                                                        <th  style="background: #337ab7;color: #fff;text-align:right;"   colspan="2" id="query_total"></th>
                                                        <th  style="background: #337ab7;color: #fff;" align="center" id="b2b_total"></th>
                                                        <th style="text-align:left;background: #337ab7;color: #fff;" colspan="2" id="b2b_order_total_amnt"></th>
                                                        <th style="text-align:center;background: #337ab7;"></th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>


        {{-- Modal --}}
        <div class="modal fade" role="dialog" id="modal-default" style="display: none;" aria-hidden="false">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h4 class="modal-title">Send to Bill</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                  </button>
                </div>
                <div class="modal-body">
                  <p>
                        Order ID: <span id="order_id_txt"></span>
                        <input type="hidden" id="order_id_inp" />
                   </p>
                   <p>
                        Location: <span id="location_str"></span>
                   </p>
                </div>
                <div class="modal-footer justify-content-between">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  <button type="button" id="send_bill_to_inv" class="btn btn-primary">Send</button>
                </div>
              </div>
            </div>
          </div>
        {{-- Modal --}}

    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}


    <script type="text/javascript">
        $(document).ready(function () {

            let oTable2 = $('#b2b_customer_orders_table').DataTable({
                                    "processing": true,
                                    "serverSide": true,
                                    "searching": false,
                                    "ajax": {
                                        url: "{{ route('getB2BOrdersData') }}",
                                        data: function (d) {
                                            d.search_by_date_fo = $("#search_by_date_fo").is(':checked') === true ? '1' : 0,
                                            d.from_date_fo=   $('#to_date_fo').val();
                                            d.to_date_fo = $('#to_date_fo').val();
                                            d.status_fo  =  $('#status_fo').val();
                                            d.organization_fo = $('#organization_fo').val();
                                            d.branch_affiliation_fo = $('#branch_affiliation_fo').val();
                                            d.category_fo = $('#category_fo').val();
                                        },
                                    },
                                    "order": [[2, "desc"],[1, "desc"]],
                                    "columnDefs": [{ 'visible': false, 'targets': [2,2] }],
                                    "columns": [
                                        {data: 'chkbox'},
                                        {data: 'order_id' ,sortable:true},

                                        {data: 'created_at' ,sortable:true, type: 'datetime' },
                                        {data: 'updated_at' ,sortable:true, formatter:"date"},
                                        {data: 'location' ,sortable:false},

                                        {data: 'org_name' ,sortable:true},
                                        {data: 'city_id' ,sortable:true},
                                        {data: 'district_id' ,sortable:true},
                                        {data: 'email' ,sortable:true},
                                        {data: 'category' ,sortable:false, className: "txt-center"},

                                        {data: 'no_of_query' ,sortable:false, className: "txt-center"},

                                        {data: 'total' ,sortable:true},
                                        {data: 'b2b_total',sortable:true},
                                        {data: 'order_status'},
                                    ]
                                });


            $("#search_btn_fo").click(function() {
                oTable2.draw();
                getAllOrderTotalData();
            });


            $("#signup_ref_name").select2();
            $("#status").select2();
            $("#organization").select2();
            $("#branch_affiliation").select2();
            $("#category").select2();

            $("#status_fo").select2();
            $("#organization_fo").select2();
            $("#branch_affiliation_fo").select2();
            $("#category_fo").select2();

            $("#export_data_btn").click(function(e) {
                let search_by_date = $("#search_by_date").is(':checked') === true ? '1' : 0 ;
                let from_date = $('#from_date').val();
                let to_date = $('#to_date').val();
                let status = $('#status').val();
                let organization = $('#organization').val();
                let branch_affiliation = $('#branch_affiliation').val();
                let category = $('#category').val();

                let data = 'search_by_date='+ search_by_date +'&from_date='+ from_date + '&to_date='+ to_date + '&status='+ status +'&organization=' + organization + '&branch_affiliation='+ branch_affiliation + '&category='+ category ;
                let url = 'https://www.ryans.com/admin/export-customer-query?:data';
                url = url.replace(':data', data);

                console.log('url1: '+ url)
                window.open(url);
            });

            function  getAllOrderTotalData() {
                let from_date = $('#from_date').val();
                let to_date = $('#to_date').val();
                let status_fo = $('#status_fo').val();
                let organization_fo = $('#organization_fo').val();
                let category_fo = $('#category_fo').val();
                let branch_affiliation_fo = $('#branch_affiliation_fo').val();


                // b2b-order-all-total
                $.ajax({
                    type: "GET",
                    url: "{{ url('/admin/b2b-order-all-total') }}" ,
                    data: {from_date:from_date,to_date:to_date,status: status_fo,organization: organization_fo,category: category_fo, branch_affiliation: branch_affiliation_fo},
                    success: function(resp) {
                        console.log('getAllOrderTotalData >> init-resp:: ', resp);
                        try {
                            // var d = JSON.parse(resp);
                            console.log('total_order >> ', resp.total_order , 'total_b2b >> ', resp.total_b2b);
                            let totalOrderAmount = parseInt(resp.total_order);
                            let b2bTotalAmount = parseInt(resp.total_b2b);
                            $("#ordTotal").text("৳" + totalOrderAmount.toLocaleString() );
                            $("#b2bTotalx").text("৳" + b2bTotalAmount.toLocaleString() );

                        } catch(e) {
                            console.log(e)
                        }
                    }
                });
            }

            function init() {
                let search_by_date = $("#search_by_date").is(':checked') === true ? '1' : 0 ;
                let from_date = $('#from_date').val();
                let to_date = $('#to_date').val();
                let status = $('#status').val();
                let organization = $('#organization').val();
                let branch_affiliation = $('#branch_affiliation').val();
                let category = $('#category').val();
                let signup_ref_name = $("#signup_ref_name").val();
                $.ajax({
                    type: "GET",
                    url: "{{ url('/admin/b2b-customer-query-total') }}" ,
                    data: { search_by_date: search_by_date, from_date:from_date, to_date:to_date, status:status, organization: organization, branch_affiliation: branch_affiliation, category:category, signup_ref_name: signup_ref_name },
                    success: function(resp) {
                        console.log('init-resp:: ', resp);
                        try {
                            var d = JSON.parse(resp);
                            $("#query_total").text( "৳ " + (d.query_total).toLocaleString() );
                            $("#b2b_total").text(  "৳" + (d.b2b_total).toLocaleString() );
                            $("#b2b_order_total_amnt").text(  "৳ " + (d.ord_total).toLocaleString() );
                        } catch(e) {
                            console.log(e)
                        }
                    }
                });
            }

            init();
            getAllOrderTotalData();

            let oTable = $('#b2b_customer_queries_table').DataTable({
                                "processing": true,
                                "serverSide": true,
                                "searching": false,
                                "ajax": {
                                    url: "{{ route('getB2BCustomerQueryData') }}",
                                    data: function (d) {
                                        d.search_by_date = $("#search_by_date").is(':checked') === true ? '1' : 0 ;
                                        d.from_date = $('#from_date').val();
                                        d.to_date = $('#to_date').val();
                                        d.status = $('#status').val();
                                        d.organization = $('#organization').val();
                                        d.branch_affiliation = $('#branch_affiliation').val();
                                        d.category = $('#category').val();
                                        d.signup_ref_name = $('#signup_ref_name').val();
                                        d.product_sku = $('#product_sku').val();
                                    }
                                },
                                // "order": [[2, "desc"],[1, "desc"]],
                                "columnDefs": [{ 'visible': false, 'targets': [2,2] }],
                                "columns": [
                                    {data: 'order_id' ,sortable:true},

                                    {data: 'created_at' ,sortable:true, type: 'datetime' },
                                    {data: 'updated_at' ,sortable:true, formatter:"date"},
                                    {data: 'location' ,sortable:false },

                                    {data: 'org_name' ,sortable:true},
                                    {data: 'city_id' ,sortable:true},
                                    {data: 'district_id' ,sortable:true},
                                    {data: 'email' ,sortable:true},
                                    {data: 'category' ,sortable:false, className: "txt-center"},
                                    {data: 'signup_ref_name', sortable: false},
                                    {data: 'selected_products', sortable: false},
                                    {data: 'count' ,sortable:true, className: "text-center" ,  tooltip:true },
                                    {data: 'total' ,sortable:true, className: "txt-center"},
                                    {data: 'b2b_total',sortable:true, className: "txt-center"},
                                    {data: 'order_total', className: "txt-center"},
                                    {data: 'is_void'},
                                    {data: 'is_active'},
                                ]
                            });

            let table = $('#b2b_customer_queries_table').DataTable();
            $('#b2b_customer_queries_table tbody').on('click', 'td:nth-child(11)', function () {
                let cellHtml = table.cell(this).data();
                let $cell = $(cellHtml);
                let href = $cell.attr('href');
                window.location.href = "" + href;
                console.log('You clicked: ' , href);
            });


            $("#search_btn").click(function() {
                let from_date = new Date($('#from_date').val());
                let to_date = new Date($('#to_date').val());
                let daysDiff = parseInt((to_date - from_date) / (1000 * 60 * 60 * 24), 10);

                if (parseInt(daysDiff) < 0) {
                    alert('Please select from date must be less than to date');
                } else {
                    init()
                    // console.log('daysDiff :: ', daysDiff )
                    oTable.draw();
                }
            });

            $("#reset_btn, #reset_btn_fo").click(function() {
                window.location.reload();
            });

            $(document).on("click", ".void_btn" ,function() {
                let selectedID = $(this).attr('id');
                console.log('selectedID', selectedID);
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: "{{ url('/admin/b2b-customer-order-void') }}",
                    data: {selected_id: selectedID},
                    success: function(res) {
                        console.log('response', res);
                        alert(res);
                        window.location.reload();
                    }
                });
            });



            function allLocations() {
                // $('#location_id').select2('destroy');
                // $('#location_id').select2();
                $('#location_id').select2({
                    dropdownParent: $('#location_str')
                });
                // $('.location_id_select2').each(function () {
                //     $(this).select2({
                //         theme: 'bootstrap-5',
                //         dropdownParent: $(this).parent(),
                //     });
                // });

                $.ajax({
                    type: 'GET',
                    url: "{{ url('/api/all-locations') }}",
                    success: function(res) {
                        console.log('all-locations-res >>> ', res);
                        let  innerHTMLData  = '<select id="location_id" class="form-control desktop_b_type_select2 location_id_select2">';
                        $.each(res, function(index, item) {
                            console.log('item', item, ' >> index >> ', index);
                            innerHTMLData += '<option value="'+ item.id +'">'+ item.name +'</option>';
                        });
                        innerHTMLData += '</select>';

                        console.log('innerHTMLData', innerHTMLData)

                        $('#location_str').empty('');
                        $('#location_str').append(innerHTMLData);

                    }
                });
            }


            $(document).on("click", ".send_to_bill", function() {
                console.log("send_to_bill >>> ", $(this).attr('id') );

                $('#order_id_txt').text('');
                $('#order_id_inp').val('');

                $('#order_id_txt').text($(this).attr('id'));
                $('#order_id_inp').val($(this).attr('id'));
                allLocations();
                $('#modal-default').modal('show');
            });

            $(document).on("click", "#send_bill_to_inv", function() {
                let locationID = $("#location_id").val();
                let orderIDInp = $("#order_id_inp").val();
                if (locationID !=='' && orderIDInp !== '') {
                    $(this).text('Loading....');
                    $(this).attr('disabled', true);
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        type: "POST",
                        url: "{{ url('/admin/b2b-send-to-bill') }}",
                        dataType: "json",
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify({ location_id: locationID, order_id: orderIDInp }),
                        success: function(res) {
                            console.log("api-response>> ", res);
                            let resData = JSON.parse(res);
                            if (res && resData.status === "success") {
                                alert("Bill sent");
                                $(this).text('Send to Bill');
                                $(this).attr('disabled', false);
                                location.reload();
                            }
                        }
                    });
                }

                console.log('send_bill_to_inv clicked  >>> locationID >> '+ locationID + '  >>> orderIDInp >>>> ' + orderIDInp )
            });


            $(document).on("click", ".revise_btn", function() {
                let orderID = $(this).attr('id');
                console.log('revise_btn >>' , orderID);
                let cnf = confirm('Are you sure want to revise this bill?');
                if (cnf ) {
                    if (orderID !== "") {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        $.ajax({
                            type: "POST",
                            url: "{{ url('/admin/b2b-send-to-bill-revise') }}",
                            dataType: "json",
                            contentType: "application/json;charset=utf-8",
                            data: JSON.stringify({ order_id: orderID }),
                            success: function(res) {
                                console.log("api-response>> ", res);
                                if (res.success) {
                                    alert("Bill Revise Done");
                                    location.reload();
                                }
                            }
                        });
                    }
                }
            });


            $(document).on("click", "#bulk_void_btn", function() {
                let selectedVoidId = [];
                $(".ord-id-chk:checked").each(function(){
                    selectedVoidId.push($(this).attr('id'));
                });

                if (selectedVoidId.length === 0 ) {
                    alert('Select order those you want to void');
                } else {
                    let c = confirm('Are you sure want to void order?');
                    if (c) {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        $.ajax({
                            type: 'POST',
                            url: "{{ url('/admin/b2b-customer-order-void') }}",
                            data: {selected_id: selectedVoidId.join(",")},
                            success: function(res) {
                                console.log('response', res);
                                alert(res);
                                window.location.reload();
                            }
                        });
                    }
                }

                console.log('selectedVoidId >> ', selectedVoidId, selectedVoidId.join(","));
            });


        });
    </script>
@endsection