@foreach ($messages ?? [] as $key=>$message)
    <li class="clearfix me-5">
        <div class="message-data  {{ $message["type_from"] == 'admin' ? 'text-end' : null }}">

            <span   id="message-data-time-{{$key}}" class="message-data-time">{{ $message["created_at"] }}</span>
        </div>
        <div class="message {{ $message["type_from"] == 'admin' ? 'other-message float-end' : 'my-message' }} ">
            @if ($message['type'] == 'text')
            {{ $message['message'] }}
        @else
        <audio controls  src="{{ $message['message'] }}">
        
        </audio>
        @endif
        </div>
    </li>
    {{-- <script defer>
        $(document).ready(function () {
            
            $("#message-data-time-{{$key}}").html(moment($("#message-data-time-{{$key}}").html()).fromNow());
        });

    </script> --}}
@endforeach