@extends('layouts.app')

@section('title', 'Shippment CheckList')

@section('content')

<div class="container-fluid">



<form action="#" method="POST" name="shippment_Cost" id="shippment_Cost">




<div class="row">
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Shippment_Cost List</h1>
</div>
       
    </div>
</form> 
</div>
<!-- ------------------------------------- -->
<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-8 ">  
                                <div class="float-right mt-4">
         <a href="{{ route('ieviewer.index')}}" 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">
           <a href="{{ route('shippercost.addview') }}" class="btn btn-md btn-success mr-1">
           <i class="fas fa-plus"></i>New</a>
</div>

    </div>

  <!-- <div class="col-md-2">    
    <div class="float-right mt-4">
           <a  id="btn_download" href="{{route('shippitem.PDFconvertionforShipping',['shipper'=>'ups'])}}" class="btn btn-md btn-dark btn_update">
        <i class="fa fa-list-ul" aria-hidden="true"></i>Download_PDF</a>
   
</div>                      
</div>  -->
    <!-- <div class="col-md-3">   
    <div class="float-right mt-4">
         <a href="{{ route('ieviewer.index')}}" class="btn btn-md btn-primary"><i
     class="fas fa-arrow-left fa-sm text-white-50"></i> Back</a>
    </div>
    </div>                -->
                                </div>   
                 
</body>

</div>
                          
                           
                           
                          </div>       
                          </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">All shipment cost Details</h6>

            </div>
            <div class="card-body">
            <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                            <!-- <th style='width:20%;'><input type="checkbox" id="allcb" name="allcb" value="0"/> Select</th> -->
                            <th style='width:2%;display:none; '>ID</th>
                           <th style='width:2%; display:none;'>ShipperID</th>
                            <th style='width:5%;'>OrderNumber</th>
                            <th style='width:5%;'>Tracking_No</th>
                            <th style='width:10%;'>Shipper</th>
                            <th style='width:15%;'>Customer</th>
                            <!-- <th style='width:10%;'>Requested_Date</th>
                            <th style='width:10%;'>Received_Date</th> -->
                           
                          
                            <th wstyle='width:26%;'>Details</th>
                             <th width="5%">Cost</th>
                                <th width="5%">Status</th>
                                <th width="10%">Action</th> 
                            </tr>
                        </thead>
                        <tbody>
                     


                       
                      
                       
                        </tbody>
                    </table>

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


        

@endsection

@section('scripts')
    <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(){
      $('#dataTable >tbody >tr').remove();
        var order_number = this.value;

        $.ajax({
               
            
               url: "{{ url('shippercost/viewshippingcostlistFOSHIPPING/') }}" ,
             type: "GET",
              dataType: 'json',
          
               data: {
                order_number: order_number,
                   _token: '{{csrf_token()}}'
               },
              
               success: function (result) {
                   
                   $.each(result, function (key, value) {
                    
                    var id= value.id;
var shipperid=value.shipperid;
var order_number=value.order_number;
//var internalhno=value.Reference1;
var shipperno=value.Reference2;

var shipper=value.shipper;
var customer=value.customer;
var sent_date=value.sent_date;
var updated_date=value.updated_date;
var description=value.description;
var cost=value.cost;

if(sent_date==(null)){
    sent_date="Pending"; 
}


var status=value.status;
if (status==0){
    status="waiting"
    var html = '';

              
html += '<tr style="background-color:#FFFFC5">';

//html += '<td><input type="checkbox" id ="itemchk0" name="itemchk['+(id)+']" class="itemchk" value='+id+' ></td>';
html +='<input type="hidden" id ="id" name="id['+(id)+']" value='+id+' >';
html +='<input type="hidden" id ="sid" name="sid['+(id)+']" value='+shipperid+' >';
html +='<td >'+order_number+'</td>';
html +='<td  >'+shipperno+'</td>';
html +='<td  >'+shipper+'</td>';
html +='<td >'+customer+'</td>';
// html +='<td >  '+sent_date+'</td>';
// html +='<td >'+updated_date+'</td>';


html +='<td  >'+description+'</td>';
html +='<td  >'+cost+'</td>';
html +='<td  >'+status+'</td>';



 html+='<td style="display: flex"><a href="#" button class="btn btn-outline-primary btn-sm edit" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Select</a></td>';
html +='</tr>';

$('#dataTable').append(html);
//$('#packingtable').find('input:text').prop('disabled', true);
//$('#packingtable').find('type:button').attr('disabled', true);
//$(packingtable).closest('tr').find("btn_select").attr('disabled', true);  
}else{
    status="Sent"
    var html = '';

              
html += '<tr style="background-color:#90EE90">';

//html += '<td><input type="checkbox" id ="itemchk0" name="itemchk['+(id)+']" class="itemchk" value='+id+' ></td>';
html +='<input type="hidden" id ="id" name="id['+(id)+']" value='+id+' >';
html +='<input type="hidden" id ="sid" name="sid['+(id)+']" value='+shipperid+'>';
html +='<td >'+order_number+'</td>';
html +='<td  >'+shipperno+'</td>';
html +='<td  >'+shipper+'</td>';
html +='<td >'+customer+'</td>';
// html +='<td >  '+sent_date+'</td>';
// html +='<td >'+updated_date+'</td>';


html +='<td  >'+description+'</td>';
html +='<td  >'+cost+'</td>';
html +='<td  >'+status+'</td>';



 html+='<td style="display: flex"><a href="#" button class="btn btn-outline-primary btn-sm edit" ><i class="fa fa-hand-o-right" aria-hidden="true"></i>Select</a></td>';
html +='</tr>';

$('#dataTable').append(html);
//$('#packingtable').find('input:text').prop('disabled', true);
//$('#packingtable').find('type:button').attr('disabled', true);
//$(packingtable).closest('tr').find("btn_select").attr('disabled', true);  


}
                  
                
                
                
                
                
                });
                }
                   });

    });
});
</script>

<!-- <script>
   $(document).ready(function(){
  
    $('#dataTable').on('click', '.edit', function(){
   
   alert("done");
   
    });
});
        </script> -->

<script>
    $(document).ready(function(){
//remove the entry
$('#dataTable').on('click', '.edit', function(){
     
    if (confirm('Are you sure?')) {
        var row = $(this).closest('tr');
var ornum = $(row).find('td').eq(0).html();
var sid = $(row).find('input[type="hidden"]').eq(1).val();

const order_number=ornum;
const shipperid=sid;

//var orn = [];

$.ajax({
   url:"{{url('shippercost/viewshippingcostlist/')}}",
 type: 'GET',
 //async: false,
 data: {
    order_number:order_number,
    shipperid:shipperid,
 _token: '{{csrf_token()}}' },
     dataType: 'json',

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },




success:function(res){
   if(res!= null) //Check the data.msg isset?
     
 {
    // var orn = res.order_number;
    // window.location.href ="{{route('orderlist.editorders')}}?order_number={{ '"+orn"'}}";
     $.each(res, function (key, value) {
        var orn = value.order_number;
        var shid = value.shipperid;
window.location.href ="{{route('shippercost.shippercosteditvieweditorders')}}?order_number="+orn +"&shipperid="+shid;


//window.location.href ="{{route('orderlist.editorders')}}?order_number={{'1233434'}}";
// window.location.href = "https://my_website/index.php?category=fast%20food&gps_geo_latitude="  + position.coords.latitude + "&gps_geo_longitude=" + position.coords.longitude;


});
                

                   // toastr.success("DONE");
 
                
              
              }
// console.log(result);
// alert("DONE");
 

},

error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
}

});


    }
});
});
</script>

@endsection