@extends('layout.master')
@section('content')
<section class="content pb-5">
    <div class="container-fluid">
        <div class="row align-items-center pt-4">
            <div class="col-md-12">
                <div class="title-section">
                    <p>Weight Panel</p>
                </div>
                <div class="weight-sec mt-4">
                    <p class="mb-2">Take action on your pending weight discrepencies, take weight disputes, and view
                        history</p>
                    <p>See discrepencies happened in last 30 days</p>
                </div>
            </div>
        </div>
          <div class="row pt-sm-4 pb-sm-5">
            <div class="col-md-3">
                <div class="curvebox">
                    <div class="row">
                        <div class="col-md-10">
                            <div class="financial">
                                <h4 class="font-weight-bold">Total Weight</h4>
                                <span>Discrepencies</span>
                                <p class="mb-0">{{ $weightDiscCount }}</p>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="discount">
                                <img src="images/total-weight.svg" height="38px" class="mt-3" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="curvebox" style="background: rgba(255, 182, 182, 0.33);">
                    <div class="row">
                        <div class="col-md-10">
                            <div class="financial">
                                <h4 class="font-weight-bold">Settled</h4>
                                <span>Discrepencies</span>
                                <p class="mb-0" style="color: #FF0000;">{{$settledCount}}</p>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="discount" style="background-color: #FA9A9A;">
                                <img src="images/icon.png" height="38px" class="mt-3" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="curvebox curvebox3">
                    <div class="row">
                        <div class="col-md-10">
                            <div class="financial">
                                <h4 class="font-weight-bold">Accepted</h4>
                               <span>Discrepencies</span>
                                <p class="mb-0" style="color:#00AEEF">{{$weightDiscrepancyAcc}}</p>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="discount" style="background-color: #00AEEF;">
                                <img src="images/icon-2.png" height="38px" class="mt-3" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="curvebox" style="background:  #CAECD4;">
                    <div class="row">
                        <div class="col-md-10">
                            <div class="financial">
                                <h4 class="font-weight-bold">Rejected</h4>
                               <span>Discrepencies</span>
                                <p class="mb-0" style="color: #61C57F;">{{$weightDiscrepancyRej}}</p>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="discount" style="background-color: #61C57F;">
                                <img src="images/icon-3.png" height="38px" class="mt-3" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <div class="form-group custom-form-group">
                    <label class="form-label" for="customer">Order Id</label>
                    <select class="form-control">
                        <option value=""></option>
                    </select>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-form-group">
                    <label class="form-label" for="customer">Date</label>
                    <input type="text" class="form-control" name="date" id="datepicker">
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-form-group">
                    <label class="form-label" for="customer">Last one year</label>
                    <select class="form-control">
                        <option value=""></option>
                    </select>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-form-group">
                    <label class="form-label" for="customer">All Statuses</label>
                    <select class="form-control">
                        <option value=""></option>
                    </select>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-form-group">
                    <label class="form-label" for="customer">All</label>
                    <select class="form-control">
                        <option value=""></option>
                    </select>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-form-group">
                    <label class="form-label" for="customer">&nbsp;</label>
                    <button type="button" class="btn btn-danger btn-block">Search</button>
                </div>
            </div>
            <div class="col-md-12 mt-3 weight-table">
                <div class="table-responsive">
                    <table class="table table-striped" id="weightDiffTable">
                        <thead>
                            <tr>
                                 <th scope="col">S. No.</th>
                                <th scope="col">Awb No</th>
                                <th scope="col">Order ID</th>
                                <th scope="col">Discrepency raised on</th> 
                                <th scope="col">Product Details</th>
                                <th scope="col">Order Details</th>
                                <th scope="col">Shipping Details</th>
                                <th scope="col">Applied Weight <img src="images/Info.svg" height="20px" alt=""> </th>
                                <th scope="col">Charged Weight <img src="images/Info.svg" height="20px" class="ml-1" alt=""> </th>
                                <th scope="col">Excess Weight & Charge</th> 
                                <th scope="col">Status</th>
                                <th scope="col">Settled</th>
                                <th scope="col">Actions</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
     $(function() {
               $("#datepicker").datepicker({ defaultDate: new Date(),dateFormat: "dd-mm-yy"});
               $('#datepicker').datepicker('setDate', 'today');
       });
</script>
<script>
let weigthDiffTable = $("#weightDiffTable").DataTable({
    "language": {
        "zeroRecords": "No record(s) found."
    },
    "autoWidth": false,
    select: {
        style: 'os',
        selector: 'td:first-child'
    },
    order: [
        [1, 'asc']
    ],
    processing: true,
    serverSide: true,
    lengthChange: true,
    order: [0, 'asc'],
    searchable: true,
    bStateSave: false,

    ajax: {
        url: "{{ url('/weight-diff-table') }}",
        data: function(d) {
            d.status = $('#status').val();
            d.order_awb_no = $('#order_awb_no').val();
            d.mobile_email = $('#mobile_email').val();
            d.date_range = $('#date-range').val();
        }
    },

    columns: [
        {
            data: 'DT_RowIndex',
            name: 'DT_RowIndex',
            sortable: false,
        },
        {
            data: 'awb_no',
            name: 'awb_no',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },

        {
            data: 'order_id',
            name: 'order_id',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        
        {
            data: 'discrepancy_raised_on',
            name: 'discrepancy_raised_on',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'order_details',
            name: 'order_details',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'product_details',
            name: 'product_details',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'shipping_details',
            name: 'shipping_details',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'applied_weight',
            name: 'applied_weight',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'charged_weight',
            name: 'charged_weight',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'excess_weight_charge',
            name: 'excess_weight_charge',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'weight_diff_status',
            name: 'weight_diff_status',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        }, 
        {
            data: 'is_settled',
            name: 'is_settled',
            searchable: true,
            orderable: true,
            defaultContent: 'NA'
        },
        {
            data: 'action',
            name: 'action'
        },
    ],
    select: {
        style: 'multi',
    },
});

$(document).on('click', '.accept_button_id', function() {
    $('#custum-loader').removeClass('hidden');
    var id = $(this).attr('id');
    var status = id.split('-')[0];
    let skuId = id.split('-')[2];

    swal({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, Sure!'
    }, function(result) {
        /* Read more about isConfirmed, isDenied below */
        if (result) {

            $.ajax({
                method: 'POST',
                url: "{{ route('accept-recect-mail') }}",
                data: {
                    '_token': '{{ csrf_token() }}',
                    actions: status,
                    skuId:skuId,

                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(data) {

                    if (!data.success) {
                        swal({
                            icon: 'error',
                            title: 'Failed.',
                            text: 'Mail triggered failed.',
                            type: "warning",
                        });
                        $('#custum-loader').addClass('hidden');
                        return;
                    }else {
                         swal({
                            icon: 'success',
                            title: 'success.',
                            text: 'Your action accepted successfully.',
                            type: "success",
                        });
                        $("#weightDiffTable").DataTable().draw(true);
                         $('#custum-loader').addClass('hidden');
                         return;
                    }

                }
            });

            //$("#weightDiffTable").DataTable().draw(true);

            //$('#multiple_boxes').modal({backdrop: 'static', keyboard: false}); 

        } else if (!result) {
            //alert('gya');
            //swal('Changes are not saved', '', 'info')
        }
    });
});

//Payment For Discrapancy.

$(document).on('click', '.payment_button_id', function() {
    var id = $(this).attr('id');
    var status = id.split('-')[0];
    let skuId = id.split('-')[2];
    let settlementPrice = id.split('-')[3];



     swal({
        title: 'Are you sure?',
        text: "Settlement Price: "+settlementPrice+"",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, Sure!'
    }, function(result) {
        /* Read more about isConfirmed, isDenied below */
        if (result) {

  

            $.ajax({
                method: 'POST',
                url: "{{ route('discrapancy_price_settlement') }}",
                data: {
                    '_token': '{{ csrf_token() }}',
                    actions: status,
                    skuId:skuId,
                    settlementPrice:settlementPrice

                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(data) {

                    if (!data.success) {
                        swal({
                            icon: 'error',
                            title: 'Failed.',
                            text: 'Something went wrong.',
                            type: "warning",
                        })
                        return;
                    }else {
                        if (data.success == true && data.message == 'recharge') {


                            swal({
                                icon: 'warning',
                                title: "Proceed with prepaid",
                                text: 'Please recharge your wallet and proceed with prepaid.',
                                type: "warning",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            },
                            function(){
                                let wallet = 'yes';
                                window.location.href='{{url("/wallet")}}?wallet='+wallet;
                            }
                            );

                            return;

                        }else {
                            swal({
                                icon: 'success',
                                title: 'success.',
                                text: 'Your settlement done successfully.',
                                type: "success",
                            })
                            $("#weightDiffTable").DataTable().draw(true);
                            return;
                        }

                       
                    }

                }
            });

            } else if (!result) {
          
        }
    });

});

</script>
@endsection