@if($from_modal == 0)
	<div class="popup-head cursorpointer" id="conversation_{{$conversation_id}}">
		<div class="popup-head-left pull-left" onclick="$('#chat_window_messages').toggle();$('#chat_window_footer').toggle();" style="width:80%">
			<img src="{{ asset('images/default.jpg') }}" alt='{{ $to_user->first_name }} {{ $to_user->last_name }}'> 
			<span class="chat-username-header">
				{{ $to_user->first_name }} {{ $to_user->last_name }}
							</span> 
		</div>
		<div class="popup-head-right pull-right" >
			<div class="btn-group">
				<span class="cursorpointer" data-toggle="dropdown" aria-expanded="false">
					<i class="fas fa-cog"></i> 
				</span>
				<ul role="menu" class="dropdown-menu pull-right">
					<li><a href="#">Clear Chat</a></li>
					<li><a href="#">Block</a></li>
				</ul>
			</div>
			<span data-widget="remove" id="removeClass" class="cursorpointer"><i class="far fa-times-circle"></i></span>
		</div>
	</div>
@endif
<div class="popup-messages" id="chat_window_messages">
	<div class="direct-chat-messages" id="chat_messages_container">
		@if($conversations_count == 0)
			<div class="direct-chat-timestamp pull-center" id="say_hi_{{ $conversation_id }}">Say hi to {{ $to_user->first_name }}!</div>
		@elseif($conversations_count <= 15)
			<div class="direct-chat-timestamp pull-center" id="showing_all_{{ $conversation_id }}">Showing all messages</div>
		@endif
				@foreach ($conversations as $conversation)
			@if ( $current_date != date('Y-m-d', strtotime($conversation->created_at) + session('timezone_difference', 0)) )