@props(['time'])

<div  x-data="{time_diff: '', show:false}"  >
<div  class="text-sm text-blue-500 pt-1 pl-0.5"  
   
   
    id="{{$time}}"
   
    x-init="
    console.log($el.dataset.attribute)
    time_diff = moment.utc($el.id).fromNow()

    if(old_time != time_diff){
        old_time = time_diff
        show = true

    }
   
    
    
    
   
" 
 x-model="time_diff"  
>
{{$time}}
@if($time)
     
    <div x-show="show"
      
        x-ref="time_diff"  
      
        x-text="time_diff" 
    >
        {{-- {{\Carbon\Carbon::parse($time)->diffForHumans()}} --}}
    </div>

    @endif
</div> 

</div>