@extends('layouts.app')

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

@section('content')

<div class="container-fluid">


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

<input type="hidden"name="email_address[]" id="email_address" value="{{ $shippingcost[0]->email }}" >
<input type="hidden"name="phone[]" id="phone" value="{{ $shippingcost[0]->mobile_number }}">
<input type="hidden"name="Street[]" id="Street" value="{{ $shippingcost[0]->street }}">
<input type="hidden"name="apt_floor[]" id="apt_floor" value="{{ $shippingcost[0]->room_suite_floor }}">
<input type="hidden"name="country[]" id="country" value="{{ $shippingcost[0]->country }}">
<input type="hidden"name="city[]" id="city" value="{{ $shippingcost[0]->city }}">
<input type="hidden"name="state[]" id="state" value="{{ $shippingcost[0]->state }}">
<input type="hidden"name="postal_code[]" id="postal_code" value="{{ $shippingcost[0]->postalcode }}">
<input type="hidden"name="orderdate[]" id="orderdate" value="text" value="{{ $shippingcost[0]->order_date }}">

<input type="hidden"name="scid[]" id="scid" value="{{ $shippingcost[0]->id }}">




<!-- <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">Edit Cost Details1</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">
    
<span style="color:red;"></span>Selected Order Number</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('ordernumber') is-invalid @enderror" 
                            id="ordernumber"
                            placeholder="ordernumber" 
                            name="ordernumber" 
                           
                            @foreach ($shippingcost as $data)  
                            value="{{ $data->order_number}}"
                            @endforeach
                           
                           disabled >
                            

                        @error('ordernumber')
                            <spordernumberan 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>  
                                 
                 
</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">Edit 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">Shipper:</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}}" 
                            {{old('id') ? ((old('id') == $data->id) ? 'selected' : '') : (($shippingcost[0]->shipperid == $data->id) ? 'selected' : '')}}
                            >{{$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" 
                            @if($shippingcost[0]->priority==1)
                            value="High"
                            @elseif ($shippingcost[0]->priority==2)
                            value="Medium"
                            @elseif ($shippingcost[0]->priority==3)
                            value="Low"
                            @endif
                             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="{{ $shippingcost[0]->order_type }}" 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="{{ $shippingcost[0]->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)"
                                    value="{{ $shippingcost[0]->sent_date }}"
                                    >
                                @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)"
                                    value="{{ $shippingcost[0]->received_date }}"
                                    >
                                @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="{{ $shippingcost[0]->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="{{ $shippingcost[0]->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="{{ $shippingcost[0]->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="{{ $shippingcost[0]->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" {{old('status') ? ((old('status') == 0) ? 'selected' : '') : (($shippingcost[0]->status == 0) ? 'selected' : '')}}>Sent</option>
                            <option value="1" {{old('status') ? ((old('status') == 1) ? 'selected' : '') : (($shippingcost[0]->status == 1) ? 'selected' : '')}}>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-3 py-5">
           <button  id= "btn_addtobox" href="#" class="btn btn-md btn-warning">
           <i class="fas fa-plus"></i>add Boxes to List</button>
 </div>
        <div class="card-body">
      
        <div class="form-group row">

<div class="col-sm-6 mb-3 mt-3 mb-sm-0">

<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('boxname')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>   
                         
            <div class="form-group row">
            <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>

        <div class="form-group row">
            <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>

        <div class="form-group row">
            <div class="col-md-6">
                <label class="labels">Length:-</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>

        <div class="form-group row">
            <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>

        <div class="form-group row">
            <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">Service Code:-</label>
                <input type="text" class="form-control" id="modalservicecode" name="modalservicecode" readonly>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-md-6">
                <label class="labels">Service Desc:-</label>
                <input type="text" class="form-control" id="servicedesc" name="modalservicedesc" readonly>
            </div>
            <div class="col-md-6">
                <label class="labels">Service Provider:-</label>
                <input type="text" class="form-control" id="modalServiceprovider" name="modalServiceprovider" readonly>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-md-6">
                <label class="labels">Volume:-</label>
                <input type="text" class="form-control" id="modalsize" name="modalsize" readonly>
            </div>
        </div>
    

</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%;'>ID</th> <!-- boxid -->
                     <th style='width:10%; display:none;'>BOXID</th>
                     <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%;'>Size</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;'>descriptions</th>
                       <th style='width:10%;display:none;'>packaging_code</th>
                       <th style='width:10%;display:none;'>packaging_description</th>
                       
                       <th style='width:10%;display:none;'>dimension_unit</th>
                       <th style='width:10%;display:none;'>length</th>
                       <th style='width:10%;display:none;'>width</th>
                       <th style='width:10%;display:none;'>height</th>
                       <th style='width:10%;display:none;'>weight_unit</th>
                       <th style='width:10%;display:none;'>weight</th>
                       <th style='width:10%;display:none;'>carrier</th>
                       <th style='width:10%;display:none;'>servicecode</th>
                       <th style='width:10%;display:none;'>servicedesc</th>
                       
                       <!-- <th style='width:10%;display:none;'>employee</th> -->
                       <th style='width:10%;'>Action</th>
                  
                     
                   </tr>
                  
               </thead>


               <tbody>
               


               @foreach ($orderboxes as $orderbox)
                                <tr>
                                    <td >{{ $orderbox->id }}</td>
                                    <td style="display:none;">{{ $orderbox->boxid }}</td>
                                    <td style="display:none;">{{ $orderbox->order_date }}</td>
                                    <td style="display:none;">{{ $orderbox->updated_date }}</td>
                                    <td>{{$orderbox->name }}</td>
                                    <td>{{$orderbox->size }}</td>
                                    <td>{{$orderbox->weight }}</td>
                                    <td style="display:none;">{{$orderbox->order_number }}</td>
                                    <td style="display:none;">{{$orderbox->customer }}</td>
                                    <td style="display:none;">{{$orderbox->address }}</td>
                                    
                                    <td style="display:none;">{{$orderbox->descriptions }}</td>
                                    <td style="display:none;">{{$orderbox->packaging_code }}</td>
                                    <td style="display:none;">{{$orderbox->packaging_description }}</td>
                                    <td style="display:none;">{{$orderbox->dimension_unit }}</td>
                                    <td style="display:none;">{{$orderbox->length }}</td>
                                    <td style="display:none;">{{$orderbox->width }}</td>
                                    <td style="display:none;">{{$orderbox->height }}</td>
                                    <td style="display:none;">{{$orderbox->weight_unit }}</td>
                                    <td style="display:none;">{{$orderbox->weight }}</td>
                                    <td style="display:none;">{{$orderbox->carrier }}</td>
                                    <td style="display:none;">{{$orderbox->servicecode }}</td>
                                    <td style="display:none;">{{$orderbox->servicedesc }}</td>
                                    <td style="display: flex">
                                    <button  id = "btn_remove" class="btn btn-danger m-2 btn_remove"  >
                                            <i class="fa fa-trash"></i>
                                        </button>
                                       
                                    </td>
                                </tr>
                            @endforeach
                
</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 class="float-left mt-4">         
<button  id= "btn_deleter" href="#" class="btn btn-md btn-danger ">
<i class="fa fa-trash"></i> Delete_Details</button>
</div>
</div>


</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 id ="0";
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  type="text" id ="d" name="id[]">' + id + '</td>';
 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/MANNUALstorearrayboxes/')}}",
                   //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 id=$("#scid").val();
 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!");
        $.ajax({
           url:"{{ url('shippercost/manually_store_update/') }}",
          //contentType: "application/json; charset=utf-8",
          type: "POST",
          //dataType: "text",
          dataType: "json",
       // traditional: true,
       //  async: false,
           data: {
                'id' :id,
               '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!");
  
  
  
           

    }
});
       
       
       
       
       
     
    }

    });  
  

           }
         
  

        });
 }

 
  </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);
                   
                   
                   });



                 
               }

});


    }

</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>
<script>
    $(document).ready(function(){
//remove the entry
$('#boxtable').on('click', '.btn_remove', function(){
   
if (confirm('Are you sure?')) {
    var row = $(this).closest('tr');
var ornum = $(row).find('td').eq(0).html();
//var id = $(row).find('input[type="hidden"]').eq(0).val();

const id =$(row).find('td').eq(0).html();


$.ajax({
   
    type: 'DELETE',

url:"{{ url('Orderbox/deleteboxdetails/')}}", 
//type:'POST',
//dataType: "text",
//dataType: 'json',
  
// contentType:false,
// processDate:false,
  
 //data: JSON.stringify(useritems),
// _token: '{{csrf_token()}}',

  data: {
     
    id:id,
       // _method:"delete",
       // order_location:order_location,
      
      _token: '{{csrf_token()}}'  

                         },

   beforeSend:function(){
    // debugger;
// $("#trloader").show();
//$('#cardorderlist').text('Deleting...');
 },
success:function(data){
  //  toastr["success"](data, "Success");
  // alert("DONE!");
  toastr.success("Successfully Deleted!");
 // $('#cardorderlist').text('');
   $('#deleteboxdetails >tbody >tr').remove();
   getBoxdetailsfororders();
//    debugger;
//$("#trloader").remove();
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
 // $('#cardorderlist').text('');
}

});

}

});



    });
    var getBoxdetailsfororders = function(){
   // bind the oders---------------------------------
   var order_number = $('#ordernumber').val();
   $('#boxtable >tbody >tr').remove();
   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('Orderbox/viewBoxdetails/') }}" ,
                    type: "get",
                    data: {
                       
                        order_number:parseInt(order_number)
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                      if(res != null){
              $.each(res, function (key, value) {
                
             
                var id= value.id;
var boxid=value.boxid;
var order_date=value.order_date;
var updated_date=value.updated_date;
var name=value.name;
var size=value.size;
var weight=value.weight;
var order_number=value.order_number;
var customer=value.customer;
var address=value.address;
var employee=value.employee;
$('#customer').val(customer);
$('#address').val(address);
//$('#grID').val(grid);
var html = '';
 html += '<tr>';
 html += '<td   type="text" id ="boxid" name="boxid[]">' + id + '</td>';
 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 class="custom-tbl"><button type="button" id ="btn_remove" name="btn_remove" class="btn btn-danger btn-md btn_remove"><i class="fa fa-trash"></i></button></td>';

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


}

</script>


<script>
  $(document).on('click', '#btn_deleter', function(event) {
    if (confirm('Are you sure?whole Details will be lost')) {
      var order_number=$("#ordernumber").val();
      var shipperid=$("#shipper").val();
$.ajax({
   
    type: 'DELETE',

url:"{{ url('shippercost/deleteshipppingcostrelateddetils/')}}", 
//type:'POST',
//dataType: "text",
//dataType: 'json',
  
// contentType:false,
// processDate:false,
  
 //data: JSON.stringify(useritems),
// _token: '{{csrf_token()}}',

  data: {
     
    order_number:order_number,
    shipperid:shipperid,
       // _method:"delete",
       // order_location:order_location,
      
      _token: '{{csrf_token()}}'  

                         },

//    beforeSend:function(){
//     // debugger;
// // $("#trloader").show();
// //$('#cardorderlist').text('Deleting...');
//  },
success:function(data){
  
  toastr.success("Successfully Deleted!");
  window.location.href ="{{route('shippercost.viewshipperscostlist')}}"
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
 // $('#cardorderlist').text('');
}

});
 

    }
  });
  </script>
@endsection