@foreach ($messages as $message)

    <li class="message clearfix">
        {{-- if message from id is equal to auth id then it is sent by logged in user --}}
        <div class="{{ $message->user_from == Auth::user()->id_user ? 'sent' : 'received' }}">
            @if ($message->message !== null)
                <p>{{ $message->message }}</p>
                <p class="date">{{ date('d M y, h:i a', strtotime($message->created_at)) }}
                    <span style="float: right; margin-left: 5px">
                        @if ($message->user_from == Auth::user()->id_user)
                            @if ($message->status == 1)
                                <i class="fa fa-check" style="color:#10cffa" aria-hidden="true"></i>
                            @else
                                <i class="fa fa-check" style="color:black" aria-hidden="true"></i>
                            @endif
                        @else

                        @endif

                    </span>
                </p>
            @elseif($message->file !== null)
                <p>
                    <a download="{{ asset('storage/message/' . $message->file) }}"
                        href="{{ asset('storage/message/' . $message->file) }}" type="btn" target="_blank">
                        @if ($message->type_file == 'pdf')
                            <i class="fa fa-file-pdf-o fa-3x" aria-hidden="true"></i>
                            <span>{{ $message->file }}</span>
                        @elseif($message->type_file == 'doc')
                            <i class="fa fa-file-word-o fa-3x" aria-hidden="true"></i>
                            <span>{{ $message->file }}</span>
                        @elseif($message->type_file == 'excel')
                            <i class="fa fa-file-excel-o fa-3x" aria-hidden="true"></i>
                            <span>{{ $message->file }}</span>
                        @elseif($message->type_file == 'ppt')
                            <i class="fa fa-file-powerpoint-o fa-3x" aria-hidden="true"></i>
                            <span>{{ $message->file }}</span>
                        @elseif($message->type_file == 'img')
                            <img src="{{asset('storage/message/'.$message->file) }}"
                                style="max-width:20wh;max-height:20vh;">
                        @endif

                    </a>
                </p>
                <p class="date">{{ date('d M y, h:i a', strtotime($message->created_at)) }}
                    <span style="float: right; margin-left: 5px">
                        @if ($message->user_from == Auth::user()->id_user)
                            @if ($message->status == 1)
                                <i class="fa fa-check" style="color:#10cffa" aria-hidden="true"></i>
                            @else
                                <i class="fa fa-check" style="color:black" aria-hidden="true"></i>
                            @endif
                        @else

                        @endif

                    </span>
                </p>

            @endif
        </div>
    </li>
@endforeach