@extends('layouts.StoreManageMaster')
@yield('sessions')
@section('content')

<section>
   <div class="row">
<div class="append">
    

</div>


   </div>
</section>


@section('scripts')
    
<script>

var arr=[];
// $('table').Datatable();
   var directionsService;
   function initMap() {
         directionsService = new google.maps.DirectionsService;
        var directionsDisplay = new google.maps.DirectionsRenderer;
      
    
      }

function accpttable() {
    
//  var arr=new Array();
$.ajax({
  url: "{{url('own/accept/table/ajax')}}",
  method:'GET'
//   cache: false
})
  .done(function( html ) {

var json=JSON.parse(html);
// console.log(json);
$('.acceptable tbody').empty();
$('.append').empty();
// arr=[];
for (let i = 0; i < json.length; i++) {
// console.log(json[i].name);

direction(json[i]);


function direction(json) {
  
// console.log(json);
var userlatlng={lat:parseFloat(json.user_lat),lng:parseFloat(json.user_lng)}

directionsService.route({
          origin: json.store_formatted_address,
          destination: userlatlng,
          travelMode: 'DRIVING'
        }, function(response, status) {
          if (status === 'OK') {
            // directionsDisplay.setDirections(response);
            var distance = response.routes[0].legs[0].distance.text;
            // console.log(distance);
            var km;
              if (distance.split(' ')[1] == 'm') {
                                    km = parseFloat(distance.split(' ')[0]) * 0.001;
                                } else {
                                    km = distance.split(' ')[0];
                                }
            var obj={invid:json.invoice_id,distance:km};
 arr.push({invid:json.invoice_id,distance:km});
// arr[i]=obj;

// console.log(obj);

  
          } else if(status === 'OVER_QUERY_LIMIT'){
setTimeout(function() {
direction(json);


}, 250 );
          }else {
            window.alert('Directions request failed due to ' + status);
          }
        });



}
// $('.acceptable tbody').append(
// '<tr>'
// +'<td>'+json[i].order_id+'</td>'+
// '<td>'+json[i].name+'</td>'+
// '<td>'+json[i].qty+'</td>'+
// '<td>'+'<a class=\"btn btn-success accept-btn\" id=\"'+json[i].order_id+'\">'+'Accept'+'</a>'+'</td>'+
// '</tr>'


// );


    
}
// var arr2=[];
// arr2.push(arr)

//  console.log(arr);
  });


setTimeout(() => {
  invlist(arr);
}, 2000);
}

$(document).ready(function () {
    accpttable();
//    $('.table').DataTable();
setInterval(() => {
    // accpttable();
}, 3000);
});


$(document).on("click",".accept-btn",function() {
    // alert("click");
    console.log('aaa');
        
$.ajax({
  url: "{{url('own/accept/table/ajax/event')}}",
  method:'GET',
  data:{order_id:$(this).attr('id')}
//   cache: false
}).done(function( html ) {

// alert('accept');
accpttable();
location.reload();

    
});

    
});


function invlist(arr) {  
// arr=arr.sort();


// arr=arr.sort();

//  arr.sort(function(a, b) { 
// return a.position- b.position;
// })

function compareFunction(a,b){
  if(a.distance > b.distance)
    return 1;
  else
    return -1;
}
arr.sort(compareFunction);
  console.log(arr);
arr.forEach(function(element) {
  // console.log(element.distance);


});

// for (let i = 0; i < arr.length; i++) {
//   // const element = arr[i];
//   // $('.append').empty();

  
// }
$.ajax({
  url: "{{url('list/inv/store/manager')}}",
  data:{data:JSON.stringify(arr)},
  beforeSend: function( xhr ) {
    // xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    // if ( console && console.log ) {
    //   console.log( "Sample of data:", data.slice( 0, 100 ) );
    // }
$('.append').append(data);

arr=[];
  });

}


</script>
@endsection
<style>

    /* section .container {
        padding-right: 100px!important;
    } */

</style>

@endsection