@extends('layouts.app')

@section('title', 'Add Shiping Cost')

@section('content')

<div class="container-fluid">
<!-- <form action="#" method="#" name="shippment_Costadd" id="shippment_Costadd"> -->

<!-- @csrf -->
<input type="hidden"name="orderbox[]" id="orderbox" >
<input type="hidden"name="address[]" id="address" >
<!-- <input type="hidden"name="cust[]" id="cust" value="text"> -->

<input type="hidden"name="email_address[]" id="email_address" >
<input type="hidden"name="phone[]" id="phone" >
<input type="hidden"name="Street[]" id="Street" >
<input type="hidden"name="apt_floor[]" id="apt_floor" >
<input type="hidden"name="country[]" id="country" >
<input type="hidden"name="city[]" id="city" >
<input type="hidden"name="state[]" id="state" >
<input type="hidden"name="postal_code[]" id="postal_code" >
<input type="hidden"name="orderdate[]" id="orderdate" value="text">






<!-- <meta charset="utf-8">
    <meta name="csrf-token" content="content">
    <meta name="csrf-token" content="{{ csrf_token() }}"> -->
<script
  src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js" integrity="sha512-HWlJyU4ut5HkEj0QsK/IxBCY55n5ZpskyjVlAoV9Z7XQwwkqXoYdCIC93/htL3Gu5H3R4an/S0h2NXfbZk3g7w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
   
<!-- <script>
  
    flatpickr("input[type=datetime-local]");
</script> -->

<!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Add New Cost Details</h1>
      
        
    </div>
    {{-- Alert Messages --}}
    @include('common.alert')
<!-- ------------------------------------- -->
<div class="card shadow mb-4">
    
        <div class="card-header py-3">
            <!-- <h6 class="m-0 font-weight-bold text-primary">Orders</h6> -->
          
        <div class="card-body">
      
        <div class="row mt-1">

<div class="col-md-4">
    
<label for="currier">Orders:</label>
                                 <select id="ordernumber" name="ordernumber[]" class="form-control ">
                            <option value="0" selected disabled >Select ordernumber.....</option>
                            @foreach ($orders as $data)  
                            <option value="{{$data->order_number}}">{{$data->order_number}} - {{$data->customer}}</option>
                            @endforeach
                        
                           </select>
                           @error('ordernumber')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror

                                </div>

                                <div class="col-md-6  mt-3 py-3">
           
 <button  id ="btn_orderdetails" href="#" class="btn btn-md btn-success mr-1" disabled>
           <i class="fas fa-plus"></i>View_Items</button>
           <button  id ="btn_viewrequest" href="#" class="btn btn-md btn-primary" disabled>
                     <i class="fas fa-plus"></i>View_Previous Request</button>
                                </div>  
                            
                                <div class="col-md-6  mt-3 py-3">
           
           

                                
                                          </div>   

                            </div>  
                                 
                 
</div>

</div>
                          
                           
                           
                          </div>       
                          </div>  
                          
                         
<!-- ----------------------------------------------- -->



    
   
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Add New Cost</h6>
        </div>
       
            <div class="card-body">
                <div class="form-group row">
               
               
                {{-- Shipper --}}
                <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
<label for="currier">Orders:</label>
                                 <select id="shipper" name="shipper[]" class="form-control ">
                            <option value="0" selected disabled >Select Shipper.....</option>
                            @foreach ($shippers as $data)  
                            <option value="{{$data->id}}">{{$data->shipper}}</option>
                            @endforeach
                        
                           </select>
                           @error('shipper')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror

                                </div>
                                {{-- Priority--}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;"></span>Priority</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('priority') is-invalid @enderror" 
                            id="priority"
                            placeholder="priority" 
                            name="priority" 
                            value="{{ old('priority') }}" disabled>

                        @error('priority')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                                {{-- Ordertype --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;"></span>Ordertype</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('ordertype') is-invalid @enderror" 
                            id="ordertype"
                            placeholder="ordertype" 
                            name="ordertype" 
                            value="{{ old('ordertype') }}" disabled>

                        @error('ordertype')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>


                                {{-- Customer --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;">*</span>Customer</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('customer') is-invalid @enderror" 
                            id="customer"
                            placeholder="customer" 
                            name="customer" 
                            value="{{ old('customer') }}" disabled>

                        @error('customer')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    
    
                    {{-- sent date --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                    <span style="color:red;">*</span>Requesting_Date</label>
                  
                                <input type="datetime-local" class="form-control @error('sentdate') is-invalid @enderror" name="sentdate[]" id="sentdate"
                                    placeholder="Requesting Date" onchange="SThandler(event)">
                                @error('sentdate')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                
                            {{-- Received date--}}
                            <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                                
                                <span style="color:red;">*</span>Received_Date</label>
                                <input type="datetime-local" class="form-control @error('received') is-invalid @enderror" name="received[]" id="received"
                                    placeholder="Requesting Date" onchange="RDhandler(event)">
                                @error('received')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                
                    {{-- Company Reference Number --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;">*</span>Internal Tracking Number</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('reference1') is-invalid @enderror" 
                            id="reference1"
                            placeholder="Company Reference Number" 
                            name="reference1" 
                            value="{{ old('reference1') }}" disabled>

                        @error('reference1')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    {{-- Shippers Reference Number --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;">*</span>Shipper's Tracking Number</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('reference2') is-invalid @enderror" 
                            id="reference2"
                            placeholder="Shippers reference" 
                            name="reference2" 
                            value="{{ old('reference2') }}">

                        @error('reference2')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    {{-- Other Reference Number --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;">*</span>Other Reference Number</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('reference3') is-invalid @enderror" 
                            id="reference3"
                            placeholder="Other Reference Number" 
                            name="reference3" 
                            value="{{ old('reference3') }}">

                        @error('reference3')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    {{-- Cost --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;">*</span>Cost</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('cost') is-invalid @enderror" 
                            id="cost"
                            placeholder="cost" 
                            name="cost" 
                            value="{{ old('cost') }}" value="0">

                        @error('mobile_number')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

            
{{-- Status --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;">*</span>Status</label>
                        <select class="form-control form-control-user @error('status') is-invalid @enderror" id="status" name="status[]">
                            <option selected disabled>Select Status</option>
                            <option value="0" >Sent</option>
                            <option value="1">Received</option>
                        </select>
                        @error('status')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                </div>
            </div>
</div>
<!-- boxes details----------------------------------- -->


<div class="card shadow mb-4">
    
        <div class="card-header py-1">

            <h6 class="m-0 font-weight-bold text-primary">Select Box Details</h6>
            <div class="float-right mt-4 py-4">
           <button  id= "btn_addtobox" href="#" class="btn btn-md btn-danger ">
           <i class="fas fa-plus"></i>add Boxes to List</button>
 </div>
        <div class="card-body">
      
        <div class="form-group row">

<div class="col-md-6">

<label class="labels">Box:-</label>
                <select id="boxname" name="boxname" class="form-control ">
                <option value="0" selected disabled >Select Box.....</option>
                            @foreach ($boxes as $data)  
                            <option value="{{$data->id}}">{{$data->name}}</option>
                            @endforeach      
                                </select>
                                @error('shipper')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>   

                                <!-- <div class="col-sm-4 mb-3 mt-3 mb-sm-0">
                <label class="labels">Size:-</label>
                <input type="text" class="form-control"id="modalsize" name="modalsize" readonly>
                </div>  

                <div class="col-sm-4  mb-3 mt-3 mb-sm-0">
                <label class="labels">Weight:-</label>
                <input type="text" class="form-control" id="modalweight" name="modalweight" autofocus="autofocus">
                </div> -->
             
                <div class="col-md-6">
            <label class="labels">Description:-</label>
                <input type="text" class="form-control"id="modaldescription" name="modaldescription" readonly>
            </div>
            <div class="col-md-6">
            <label class="labels">Packaging_Code:-</label>
                <input type="text" class="form-control"id="modalpc" name="modalpc" readonly>
            </div>
            <div class="col-md-6">
            <label class="labels">Packaging_Description:-</label>
                <input type="text" class="form-control"id="modalpd" name="modalpd" readonly>
            </div>
            <div class="col-md-6">
            <label class="labels">Dimension_unit:-</label>
                <input type="text" class="form-control"id="modaldu" name="modaldu" readonly>
             </div>
             <div class="col-md-6">
             <label class="labels">Legnth:-</label>
                <input type="text" class="form-control"id="modallength" name="modallength" readonly>
             </div>
             <div class="col-md-6">
             <label class="labels">Width:-</label>
                <input type="text" class="form-control"id="modalwidth" name="modalwidth" readonly>
             </div>
             <div class="col-md-6">
             <label class="labels">Height:-</label>
                <input type="text" class="form-control"id="modalheight" name="modalheight" readonly>
             </div>
             <div class="col-md-6">
             <label class="labels">Weight_unit:-</label>
                <input type="text" class="form-control"id="modalweight_unit" name="modalweight_unit" readonly>
             </div>
             <div class="col-md-6">
             <label class="labels">Weight:-</label>
                <input type="text" class="form-control"id="modalweight" name="modalweight" readonly>
             </div>
             <div class="col-md-6">
             <label class="labels">servicecode:-</label>
                <input type="text" class="form-control"id="modalservicecode" name="modalservicecode" readonly>
             </div>
             <div class="col-md-6">
             <label class="labels">Servicedesc:-</label>
                <input type="text" class="form-control" id="servicedesc" name="modalservicedesc" readonly autofocus="autofocus">
             </div>
             <div class="col-md-6">
             <label class="labels">ServiceProvider:-</label>
                <input type="text" class="form-control" id="modalServiceprovider" name="modalServiceprovider" readonly autofocus="autofocus">
             </div>
             <div class="col-md-6">
             <label class="labels">Volume:-</label>
                <input type="text" class="form-control"id="modalsize" name="modalsize" readonly>
             </div>
           
           
           
                <br>
           
</div>


<div class="table-responsive">
                <!-- --------------------------------------------- -->
                <table class="table table-bordered" id="boxtable" width="100%" cellspacing="0"name="boxtable">
               <thead>
              
              
    <tr id="trloader">
                     <!-- <th style='width:5%;'><input type="checkbox" id="allcb" name="allcb" value="0"/> Select_All </th> -->
                     <th style='width:10%; display:none;'>ID</th> <!-- boxid -->
                     <th style='width:10%; display:none;'>OrderDate</th>
                     <th style='width:10%; display:none;'>Updated_date</th>
                       <th style='width:30%;'>Name</th>
                       <th style='width:20%;'>Volume</th>
                       <th style='width:20%; '>Weight</th>
                       <th style='width:50%;display:none;'>Order_number</th>
                       <th style='width:10%;display:none;'>customer</th>
                       <th style='width:10%;display:none;'>address</th>
                       <!-- <th style='width:10%;display:none;'>employee</th> -->
                       <th style='width:10%;'>Action</th>
                  
                  
                   </tr>
                  
               </thead>
               <tbody>
                
</tbody>
</table>
     </div>      
</div>
      
</div>


<!-- ---------------------------------------------------------- -->
<div class="card-footer">
<div class="float-right mt-4">
         <a href="{{route('shippercost.viewshipperscostlist')}}" class="btn btn-md btn-primary "><i
     class="fas fa-arrow-left fa-sm text-white-50"></i> Back</a>
    </div>                   
                   <div class="float-right mt-4">
           <button  id ="btn_update" href="#" class="btn btn-md btn-success mr-1">
           <i class="fas fa-plus"></i>Save</button>
</div>             

</div>

<!-- </form>  -->
</div>


@endsection




@section('scripts')


<script>
function SThandler(e) {
       // alert(e.target.value);
var ST= e.target.value;
ST= ST.replace("T", " ");
$('#sentdate').val(ST);
//alert(od)


    }
    
</script>

<script>
function RDhandler(e) {
       // alert(e.target.value);
var RD = e.target.value;
RD = RD.replace("T", " ");
$('#received').val(RD);
//alert(od)
}
</script>

<script>
        $(document).ready(function () {
  
            $('#boxname').on('change', function () {
                var id = this.value;
               
                $.ajax({
                    
                 
                    url: "{{ url('backend/fetchboxesbyid/') }}" ,
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        id: id,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                       
                        $.each(result.boxes, function (key, value) {
                          var descriptions=value.descriptions;
                          var packaging_code=value.packaging_code;
                          var packaging_description=value.packaging_description;
                          var dimension_unit=value.dimension_unit;
                          var length=value.length;
                          var width=value.width;
                          var height=value.height;
                          var weight_unit=value.weight_unit;
                          var weight=value.weight;
                          var carrier=value.carrier;
                          var servicecode=value.servicecode;
                          var servicedesc=value.servicedesc;
                          var size=value.size;
                          $('#modaldescription').val(descriptions);
                          $('#modalpc').val(packaging_code);
                          $('#modalpd').val(packaging_description);
                          $('#modaldu').val(dimension_unit);
                          $('#modallength').val(length);
                          $('#modalwidth').val(width);
                          $('#modalheight').val(height);
                          $('#modalweight_unit').val(weight_unit);
                          $('#modalweight').val(weight);
                          $('#modalservicecode').val(servicecode);
                          $('#servicedesc').val(servicedesc);
                          $('#modalServiceprovider').val(carrier);
                          
                          $('#modalsize').val(size);
                  
                        });



                  
                    }
                });
            });
  
       
  
        });
    </script>

    <script>
  $(document).on('click', '#btn_addtobox', function(event) {

    var dateObj = new Date();
      //  var form_data = $(this).serialize();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0");
var seconds = dateObj.getSeconds().toString().padStart(2, "0");

var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
var timeStr= hours + ":"+ minutes +":"+ seconds;


var od = document.getElementById("sentdate").value;
od = od.replace("T", " ");

var pd = document.getElementById("received").value;
pd = pd.replace("T", " ");
//$user = Auth::user();

var boxid =$('#boxname').val();
  var order_date =dateStr;
  var updated_date =dateStr;
  var name = $("#boxname option:selected").text();
  var size = $('#modalsize').val();
 var order_number = $('#ordernumber').val();
  var customer = $('#customer').val();
  var address =$('#address').val();
 var description=$('#modaldescription').val()
 var packaging_code = $('#modalpc').val();
  var packaging_description = $('#modalpd').val();
  var dimension_unit = $('#modaldu').val();
  var length = $('#modallength').val();
  var width = $('#modalwidth').val();
  var height = $('#modalheight').val();
  var weight_unit = $('#modalweight_unit').val();
  var weight = $('#modalweight').val();
  var carrier = $('#modalServiceprovider').val();
 var servicecode = $('#modalservicecode').val();
  var servicedesc = $('#servicedesc').val();








  //var employee =$user->first_name;
  
  
    $(document).on('click', '.remove', function(){
     $(this).closest('tr').remove();
    });

    if(weight == ('')){
toastr.error('Weight is missing');
return;
    }
  
    if(name == ('')){

        toastr.error('Box name  is missing');



} else{
    var html = '';
 html += '<tr>';
 html += '<td  style="display:none; type="text" id ="boxid" name="boxid[]">' + boxid + '</td>';
 html += '<td style="display:none; type="text" id ="order_date" name="order_date[]">' + order_date + '</td>';
 html += '<td style="display:none; type="text" id ="updated_date" name="updated_date[]">' + updated_date + '</td>';
 html += '<td type="text"  id ="bname" bname="name[]" >' + name + '</td>';
 html += '<td type="text"  id ="bsize" name="bsize[]" >' + size + '</td>';
 html += '<td type="text"  id ="bweight" name="bweight[]">' + weight + '</td>';
 html += '<td style="display:none; type="text" id ="order_number" name="order_number[]">' + order_number + '</td>';
 html += '<td style="display:none; type="text" id ="customer" name="customer[]">' + customer + '</td>';
 html += '<td style="display:none; type="text" id ="address" name="address[]">' + address + '</td>';
 
 html += '<td style="display:none; type="text" id ="description" name="description[]">' + description + '</td>';
 html += '<td style="display:none; type="text" id ="packaging_code" name="packaging_code[]">' + packaging_code + '</td>';
 html += '<td style="display:none; type="text" id ="packaging_description" name="packaging_description[]">' + packaging_description + '</td>';
 html += '<td style="display:none; type="text" id ="dimension_unit" name="dimension_unit[]">' + dimension_unit + '</td>';
 html += '<td style="display:none; type="text" id ="length" name="length[]">' + length + '</td>';
 html += '<td style="display:none; type="text" id ="width" name="width[]">' + width + '</td>';
 html += '<td style="display:none; type="text" id ="height" name="height[]">' + height + '</td>';
 html += '<td style="display:none; type="text" id ="weight_unit" name="weight_unit[]">' + weight_unit + '</td>';
 html += '<td style="display:none; type="text" id ="carrier" name="carrier[]">' + carrier + '</td>';
 html += '<td style="display:none; type="text" id ="servicecode" name="servicecode[]">' + servicecode + '</td>';
 html += '<td style="display:none; type="text" id ="servicedesc" name="servicedesc[]">' + servicedesc + '</td>';

 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';

html +='</tr>';
  $('#boxtable').append(html);

}


  });

    </script>

<script>
  $(document).on('click', '#btn_update', function(event) {
   
    var Custname =$('#customer').val();
    if(Custname==''){
      alert("Customer is missing")
      return;
    }

    var Orno =$('#ordernumber').val();
    if(Orno=='0'){
      alert("Order Number is missing")
      return;
    }
    if(Orno==''){
      alert("Order Number is missing")
      return;
    }
    var Country =$("#country").val();
    
    if(Country==''){
      alert("Country is missing")
      return;
    }
    var ref2 =$('#reference2').val();
    if(ref2==''){
      alert("Shipper's Reference Number is missing")
      return;
    }
    var Cost =$('#cost').val();
    if(Cost==''){
      alert("Cost is Missing")
      return;
    }
    var shipper =$('#shipper').val();
    if(shipper==null){
      alert("Shipper  is Missing")
      return;
    }

    if ($('#boxtable td').length == 0) {
    //...do something here
    alert("No Boxes were found!")
      return;
}

    let convertedIntoArray = [];
           $("table#boxtable tr").each(function() {
               let rowDataArray = [];
               let actualData = $(this).find('td');
               if (actualData.length > 0) {
                   actualData.each(function() {
                       rowDataArray.push($(this).text());
                       
                    });
                   convertedIntoArray.push(rowDataArray);

               }
           });
   
        //   console.log(convertedIntoArray);
    $.ajax({
                    
          
            
                    type: "POST",
               
                   url:"{{ url('Orderbox/storearrayboxes/')}}",
                   //contentType: "application/json; charset=utf-8",
                  // data: $('#boxitemsave').serialize(),

                 // data: $('#add_item').serialize(),
                // data:convertedIntoArray,
                 data:{'table':convertedIntoArray,
                  
                    _token: '{{csrf_token()}}'
               },

             // _token: '{{csrf_token()}}',
                   dataType: "json",
                // traditional: true,
                  async: false,
            
                    success: function (response) {
                   
                        addshippercurrierdetails();
                   
                        alert("Done!");
                    //location.reload();
                 // tag[0].reset();
              //  toastr.success("Done!");
              $('#boxtable >tbody >tr').remove();
              //   $('#btn_Create').prop('disabled', true);




                     },
                     error: function(data){
         // Error...
         var errors = $.parseJSON(data.responseText);

         console.log(errors);
         alert(errors);
      //   $('#boxtable >tbody >tr').remove();
         $.each(errors, function(index, value) {

         });

     }


                });



  });

  var addshippercurrierdetails=function(){
    var Details="";
   var ornum = $("#ordernumber").val();
 var customer1 = $("#customer").val();
 
   //Get tehe boxes details----------------------------------
 /* Act on the event */
 var dateObj = new Date();
       //  var form_data = $(this).serialize();
 var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
 var day = dateObj.getDate().toString().padStart(2, "0");
 var year = dateObj.getFullYear().toString().padStart(4, "0");
 var hours = dateObj.getHours().toString().padStart(2, "0");
 var minutes = dateObj.getMinutes().toString().padStart(2, "0");
 var seconds = dateObj.getSeconds().toString().padStart(2, "0");
 
 var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
 var timeStr= hours + ":"+ minutes +":"+ seconds;
 //var montharray = ['Jan', 'Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
 var month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);
 
 
 $.ajax({
          
   
        
          url:"{{ url('Orderbox/viewBoxdetails/') }}",
          //contentType: "application/json; charset=utf-8",
          type: "get",
          //dataType: "text",
          dataType: "json",
       // traditional: true,
        async: false,
           data: {
               
             // 'shipperid':shipperid,
             'order_number':ornum,
              
         _token: '{{csrf_token()}}'
         
       },
         
           success: function (data) {
        //alert("sent Successfully!");
        if(data == ('')){
     alert("Boxes were not assign Yet, Termination  the Request!");
     return;
        }else{
          $.each(data, function (key, value) {
                Details+="Name:"+value.name+"|"+"Size:" + value.size+"|"+"Weight:"+value.weight;
                     
                 
                  
                   
                         });

            $('#orderbox').val(Details);
        }
       
  
//var Referenceno1=year + month + day + hours + minutes + seconds;
 //add shipper cost-------------------
 var od = document.getElementById("sentdate").value;
 od = od.replace("T", " ");
 
 var pd = document.getElementById("received").value;
 pd = pd.replace("T", " ");
 //---------------------------------------------------------
  const sent_date=od;
  const received_date=pd;
  const shipperid=$("#shipper").val();
  const shipper=$("#shipper option:selected").text();
  const order_number=$("#ordernumber").val();
  const customer=$('#customer').val();
  const cost=$('#cost').val();
  const Reference1=$('#reference1').val();
  const Reference2=$('#reference2').val();
  const Reference3=$('#reference3').val();
 const description=$('#orderbox').val();
 const status=$('#status').val();
 
 //-----------------checking existing request-----------------------------------------
 $.ajax({
          
  
        
          url:"{{ url('shippercost/viewshippingcostlist/') }}",
          //contentType: "application/json; charset=utf-8",
          type: "get",
          //dataType: "text",
          dataType: "json",
       // traditional: true,
       //  async: false,
           data: {
               
              'shipperid':shipperid,
             'order_number':order_number,
              
         _token: '{{csrf_token()}}'
         
       },
         
           success: function (data) {
        //alert("sent Successfully!");
        if(data == ('')){
$.ajax({
           url:"{{ url('shippercost/Shippercostrequestdetails/') }}",
          //contentType: "application/json; charset=utf-8",
          type: "POST",
          //dataType: "text",
          dataType: "json",
       // traditional: true,
       //  async: false,
           data: {
               'sent_date' :sent_date, // $("#refno").val(),
               'received_date':received_date,
              'shipperid':shipperid,
               'shipper':shipper,
               'order_number':order_number,
               'customer':customer,
               'cost':cost,
               'Reference1':Reference1,//$("#rtype").val(),
               'Reference2':Reference2,//$("#rtype").val(),
               'Reference3':Reference3,//$("#rtype").val(),
               'description':description,
               'status':status,
         _token: '{{csrf_token()}}'
         
        
        },
         
           success: function (data) {
         alert("sent Successfully!");
  
  
  
           

    }
});
        
     }else{
 
       toastr.warning("Already request has been sent to  shipper!");
                            
 
 
     }
     
    }

    });  
  

           }
         
  

        });
 }

 
  </script>

<script>
$(document).ready(function(){
   // var more_loader = $("<img id='hiddenL' src='../ForePost/icons/spin.gif'/>");
 //  href="{{route('productlist.createinventory')}}"

      //  var form_data = $(this).serialize();

    $('#ordernumber').on('change', function(){
     
        var order_number = this.value;
        
        var dateObj = new Date();
      //  var form_data = $(this).serialize();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0");
var seconds = dateObj.getSeconds().toString().padStart(2, "0");

var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
var timeStr= hours + ":"+ minutes +":"+ seconds;
var Referenceno1=year + month + day + hours + minutes + seconds;
$("#reference1").val(Referenceno1);
        
        
        
        $.ajax({
                    
                 
                    url: "{{ url('orderlist/getcompleteorderforediting/') }}" ,
                  type: "GET",
                   dataType: 'json',
               
                    data: {
                        order_number: order_number,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                        $('#btn_orderdetails').prop('disabled', true);
                        $.each(result, function (key, value) {
var customer=value.customer;
var ordertype=value.order_type;
var ordernumber=value.order_number;
var orderdate=value.order_date;
var Productiondate=value.production_date;
var channel=value.Channel;
var total=value.total_amount;
var priority=value.priority;
var serialid=value.serialid;
var  our_reference=value.our_reference;
var  orderbox=value.boxtype;
var  pushed_time=value.pushed_time;
$('#customer').val(customer);
$('#ordertype').val(ordertype); 
//$('#order_number').val(ordernumber); 
$('#orderdate').val(orderdate);
//$('#Productiondate').val(Productiondate);
//$('#channels').val(channel);
//$('#total').val(total);

     if (priority==1) {
        $('#priority').val("High");
} 
else if (priority==2) {
    $('#priority').val("Medium");
} 
else if (priority==3) {
    $('#priority').val("Low");
} 
else {
    $('#priority').val("Low");
}

//$('#refno').val(serialid);
//$('#our_reference').val(our_reference);
//$('#order_date').val(orderdate);
//$('#production_date').val(Productiondate);
//$('#orderbox').val(orderbox);
//$('#takentime').val(pushed_time);


 
                       
                       
                       
                        });
                        getcustomerdetails();  
                       

                      
                    }

});



    });
});

var getcustomerdetails=function(){
        var Customer_name = $('#customer').val();
  
  //  alert(Customer_name);
           $.ajax({
               
            
               url: "{{ url('customerlist/fetchCustomerlist/') }}" ,
             type: "POST",
              dataType: 'json',
          
               data: {
                   Customer_name: Customer_name,
                   _token: '{{csrf_token()}}'
               },
              
               success: function (result) {
                   
                   $.each(result, function (key, value) {
                  //  $('#customer').val(value.Customer_name);    
                       $('#email_address').val(value.email);
          $('#phone').val(value.mobile_number);
          $('#Street').val(value.street);
          $('#apt_floor').val(value.room_suite_floor);
     
         // $("#country-dropdown").append('<option value="' + value.county + '">' + value.name1 + '</option>');
          $("#country").val(value.name1);
         $("#city").val(value.name2);
          $("#state").val(value.name3);
          
         
        
      
         $('#postal_code').val(value.postalcode);
          var address= (value.street +"," + value.room_suite_floor +"," + value.name3 +"," + value.name2 +"," + value.name1 +".");        
          $('#address').val(address);    
                   });



                 
               }

});


    }

</script>

<!-- DECIMAL POINTS CONVERTION -->
 <script>
 document.getElementById('cost').addEventListener('input', function(){
  if(this.value.length > 2){
    var val = this.value.replace(/[^\d]/, '');
    val = val.substr(0, val.length-2)+"."+val.substr(-2);
    this.value = val;
  }
});

</script>

@endsection

shippment_manual_add.blade