@extends('layout.iframe')
@section('title','Weight Discrepancy')

@section('page-css')
@stop
@section('content')

@php
    
@endphp

                     <meta name="csrf-token" content="{!! csrf_token() !!}">
                     <form id="lspFormId" enctype="multipart/form-data">
                        <input type="hidden" name="UserName" value="{{@$OrderProduct['orderProducts'][0]['lsp']['name']}}">
                        
                        <input type="hidden" name="Password" value="{{@$OrderProduct['orderProducts'][0]['lsp']['password']}}">
                        <input type="hidden" name="CustomerId" value="{{@$OrderProduct['orderProducts'][0]['lsp']['customer_id']}}">
                        <input type="hidden" name="DocketNo" value="{{@$OrderProduct['docket_no']}}">
                        <input type="hidden" name="type" value="{{@$OrderProduct['orderProducts'][0]['order']['order_type']}}">
                        <input type="hidden" name="LSPAlias" value="{{@$OrderProduct['orderProducts'][0]['lsp']['name']}}">

                        <input type="hidden" name="isWeightDiscrepancy" id="isWeightDiscrepancy" value="no">
                        
                        <input class="form-control" type="hidden" id="discrepancy_charge" name="discrepancy_charge" value="0">

                        <input type="hidden" name="status" id="status" value="pending">
                        <div class="card">
                            <div class="card-header">
                                <h5>Update :: Weight Discrepancy </h5>    
                            </div>
                            <div class="card-body">
                                <div class="row">

                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Weight Reported (Kg)</label>
                                            <input class="form-control" type="text" id="appliedWeight" name="appliedWeight" value="{{$reported_weight}}" readonly>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label>Actual Weight (Kg)</label>
                                            <input class="form-control" type="text" id="chargedWeight" name="chargedWeight">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label>Weight Discrepancy (Kg)</label>
                                            <input class="form-control" type="text" id="excessWeight" name="excessWeight" readonly>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">

                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Additional Payment (Rs)</label>
                                            <input class="form-control" type="text" id="additionalPrice" name="additionalPrice" readonly>

                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Discrepancy Date</label>
                                            <input class="form-control" type="date" id="weightDiscrepancyDate" name="weightDiscrepancyDate">
                                        </div>
                                    </div>
                                    
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label>Settle Price (Rs)</label>
                                            <input class="form-control" type="text" id="settling_price" name="settling_price">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label>Reason for Setteling</label>
                                            <textarea class="form-control" name="settling_reason" id="settling_reason">
                                                
                                            </textarea>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <div class="row">
                                    <div class="col-4">
                                       <div class="upload-btn-wrapper">
                                          <button type="submit" class="btn btn-danger">Submit</button>
                                          
                                       </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                     </form>
                        


<script>
  $(document).ready(function(){
    $('#chargedWeight').on('blur',function(e){
        e.preventDefault();
        $.ajax({
                          method: 'POST',
                          url:"{{url('/lsp/freight-calculation-order-weight-discrepancy')}}",
                          headers: {
                              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                          },
                          data: $('#lspFormId').serialize(),
                          dataType:'JSON',
                              beforeSend: function () { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
                                  $('#custum-loader').removeClass('hidden');
                                  $('body').addClass('no-scroll');
                              },
                              success: function (data) {

                                if (data.status_code == 401) {

                                    swal({
                                        title: "Warning!",
                                        text: data.message,
                                        type: "warning",
                                        closeOnConfirm: false,
                                        showLoaderOnConfirm: true,
                                    }); 

                                }
                                  
                                  $('#additionalPrice').val(data.freightCalData.total_charges.total);
                                  $('#discrepancy_charge').val(data.freightCalData.total_charges.total);
                                  $('#excessWeight').val(Math.round(data.freightCalData.weight_disc_charges).toFixed(2));
                                  
                                  if(data.freightCalData.weight_disc_charges>0){
                                    $('#isWeightDiscrepancy').val('yes');
                                  }
                              },
                              error: function () {
                                    swal({
                                        title: "oops!",
                                        text: "Something went to wrong",
                                        type: "error",
                                        closeOnConfirm: false,
                                        showLoaderOnConfirm: true,
                                    }); 
                              },
                              complete: function () { // Set our complete callback, adding the .hidden class and hiding the spinner.
                                  $('body').removeClass('no-scroll');
                                  $('#custum-loader').addClass('hidden');
                              },
                   
                        });
    });

    
    $('#lspFormId').on('submit',function(e){
        e.preventDefault();
                    $.ajax({
                          method: 'POST',
                          url:"{{url('/api/weight-discrapancy_raised_api')}}",
                          headers: {
                              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                          },
                          data: new FormData(this),
                          dataType:'JSON',
                              contentType: false, // The content type used when sending data to the server.
                              cache: false, // To unable request pages to be cached
                              processData: false,
                              beforeSend: function () { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
                                  $('#custum-loader').removeClass('hidden');
                                  $('body').addClass('no-scroll');
                              },
                              success: function (data) {
                                  if(data.success == true){
                                      
                                      swal({
                                          title: "Success",
                                          text: data.message,
                                          type: "success",
                   
                                          closeOnConfirm: false,
                                          showLoaderOnConfirm: true,
                                      },

                                      
                                      function(){
                                            parent.jQuery.colorbox.close();
                                            window.location.reload();
                                      });
                                      
                                  }
                                  else{
                   
                                      swal({
                   
                                        title: "oops!",
                                        text: data.message,
                                        type: "error",
                                        closeOnConfirm: false,
                                        showLoaderOnConfirm: true,
                   
                                    });
                   
                                  }
                              },
                              error: function () {
                                    swal({
                                        title: "oops!",
                                        text: "Something went to wrong",
                                        type: "error",
                                        closeOnConfirm: false,
                                        showLoaderOnConfirm: true,
                                    }); 
                              },
                              complete: function () { // Set our complete callback, adding the .hidden class and hiding the spinner.
                                  $('body').removeClass('no-scroll');
                                  $('#custum-loader').addClass('hidden');
                              },
                   
                        });
                    });
    });
</script>
@endsection