@foreach ($chats as $chat)
    @if ($chat->message != null)
        <div class="chat-coversation">
            <div class="media">
                <span class="avatar avatar-xs flex-shrink-0">
                    @if ($chat->sender->photo != null)
                    <img src="{{ uploaded_asset($chat->sender->photo) }}">
                    @else
                    <img src="{{ static_asset('assets/frontend/default/img/avatar-place.png') }}">
                    @endif
                </span>
                <div class="media-body">
                    <div class="text">{{ $chat->message }}</div>
                    <span class="time">{{ Carbon\Carbon::parse($chat->created_at)->diffForHumans() }}</span>
                </div>
            </div>
        </div>
    @endif
    @if ($chat->attachment != null)
        <div class="chat-coversation">
            <div class="media">
                <span class="avatar avatar-xs flex-shrink-0">
                    <img @if ($chat->sender->photo != null) src="{{ uploaded_asset(($chat->sender->photo))}}" @endif>
                </span>
                <div class="media-body">
                    <div class="file-preview box sm">
                        @foreach (json_decode($chat->attachment) as $key => $attachment_id)
                            @php
                                $attachment = \App\Models\Upload::find($attachment_id);
                            @endphp
                            @if ($attachment != null)
                                @if ($attachment->type == 'image')
                                    <div class="mb-2 file-preview-item" title="{{ $attachment->file_name }}">
                                        <a href="{{ route('download_attachment', $attachment->id) }}" target="_blank" class="d-block">
                                            <div class="thumb">
                                                <img src="{{ static_asset($attachment->file_name) }}" class="img-fit">
                                            </div>
                                            <div class="body">
                                                <h6 class="d-flex">
                                                    <span class="text-truncate title">{{ $attachment->file_original_name }}</span>
                                                    <span class="ext">.{{ $attachment->extension }}</span>
                                                </h6>
                                                <p>{{formatBytes($attachment->file_size)}}</p>
                                            </div>
                                        </a>
                                    </div>
                                @else
                                    <div class="mb-2 file-preview-item" title="{{ $attachment->file_name }}">
                                        <a href="{{ route('download_attachment', $attachment->id) }}" target="_blank" class="d-block">
                                            <div class="thumb">
                                                <i class="la la-file-text"></i>
                                            </div>
                                            <div class="body">
                                                <h6 class="d-flex">
                                                    <span class="text-truncate title">{{ $attachment->file_original_name }}</span>
                                                    <span class="ext">.{{ $attachment->extension }}</span>
                                                </h6>
                                                <p>{{formatBytes($attachment->file_size)}}</p>
                                            </div>
                                        </a>
                                    </div>
                                @endif
                            @else
                                <div class="alert alert-secondary" role="alert">
                                    {{ translate('No attachment') }}
                                </div>
                            @endif
                        @endforeach
                    </div>
                    <span class="time">{{ Carbon\Carbon::parse($chat->created_at)->diffForHumans() }}</span>
                </div>
            </div>
        </div>
    @endif
@endforeach