@php
	$dateLabel = '';
	$newMessageLabel = "";
	$labelMessage = 0;
@endphp
@if(!isset($onlyOne))
@foreach($mess as $mes)
@php
$medias = json_decode($mes->media, true);
$labelMessage += 1;
	@endphp
	@if($dateLabel != Helper::rdate('d M',$mes->created_at, 1))
		@php $dateLabel = Helper::rdate('d M',$mes->created_at, 1); @endphp
		<div class="row-nlnr w-100"> <div class="mdateBlock"> {{ $dateLabel }} </div> </div>
	@endif
	@if($newMessageLabel != 'isNew' && $mes->uid != auth()->user()->id && $mes->view == 0)
		@php $newMessageLabel = 'isNew'; @endphp
		<div class="row-nlnr w-100"> <div class="mdateBlock" id="newMessages"> Новые сообщения </div> </div>
	@endif
<div class="{{ ($labelMessage == 3) ? 'loadermessage' : '' }} discussion-owner {{ ($mes->uid != auth()->user()->id) ? 'discussion-companion' : ''}}  {{ ($mes->uid != auth()->user()->id && $mes->view == 0) ? 'noRead' : ''}}" data-mid="{{ $mes->id }}">
						<div class="discussion-owner_mess">
							@if(!empty($medias['photo']) || !empty($medias['video']) || !empty($medias['file']))
								<div class="messanger-media">
								@if(count($medias['photo']) == 1)
									<img src="{{ $medias['photo'][0] }}" />
									@endif
								<div class="flexslider">
  <ul class="slides">
  @if(!empty($medias['photo']) && count($medias['photo']) > 1)
   @foreach($medias['photo'] as $photo)
    <li>
      <img src="{{ $photo }}" />
    </li>
    @endforeach
  @endif
  @if(!empty($medias['video']))
    <li>
      <video><source src="{{ $medias['video'] }}"></video>
    </li>
   @endif
 @if(!empty($medias['file']))
	 @foreach($medias['file'] as $file)
   <li>
    <div class="mediasfile">
		  <div class="mediasfile_icon"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13 4H7.5C6.67157 4 6 4.67157 6 5.5V18.5C6 19.3284 6.67157 20 7.5 20H16.5C17.3284 20 18 19.3284 18 18.5V9.00001H17.9959L13 4ZM12.0001 5.60357V9.75001C12.0001 9.88809 12.112 10 12.2501 10H16.3965C16.6192 10 16.7308 9.73073 16.5733 9.57324L12.4268 5.42679C12.2693 5.2693 12.0001 5.38084 12.0001 5.60357Z" fill="#ffd347"></path> </g></svg></div>
		  <div class="mediasfile_download"><a href="{{ $file }}" target="_blank"><svg width="54px" height="54px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M13.5 3H12H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H7.5M13.5 3L19 8.625M13.5 3V7.625C13.5 8.17728 13.9477 8.625 14.5 8.625H19M19 8.625V9.75V12V19C19 20.1046 18.1046 21 17 21H16.5" stroke="#ffd347" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 12V20M12 20L9.5 17.5M12 20L14.5 17.5" stroke="#ffd347" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></a></div>
		  </div>
    </li>
	@endforeach
 @endif
  </ul>
</div>
							</div>
							@endif
								<div class="discussion-mess_text"></div>
								<div class="owner_time">
								{{ Helper::rdate('H:i',$mes->created_at, 1) }}
								</div>
						</div>
					</div>
@endforeach
@else
@php
$medias = json_decode($mes->media, true);
	@endphp
<div class="discussion-owner {{ ($mes->uid != auth()->user()->id) ? 'discussion-companion' : ''}}">
						<div class="discussion-owner_mess">
							@if(!empty($medias['photo']) || !empty($medias['video']) || !empty($medias['file']))
								<div class="messanger-media">
								@if(count($medias['photo']) == 1)
									<img src="{{ $medias['photo'][0] }}" />
									@endif
								<div class="flexslider">
								
  <ul class="slides">
  @if(!empty($medias['photo']) && count($medias['photo']) > 1)
   @foreach($medias['photo'] as $photo)
    <li>
      <img src="{{ $photo }}" />
    </li>
    @endforeach
  @endif
  @if(!empty($medias['video']))
    <li>
      <video><source src="{{ $medias['video'] }}"></video>
    </li>
   @endif
 @if(!empty($medias['file']))
	 @foreach($medias['file'] as $file)
   <li>
    <div class="mediasfile">
		  <div class="mediasfile_icon"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13 4H7.5C6.67157 4 6 4.67157 6 5.5V18.5C6 19.3284 6.67157 20 7.5 20H16.5C17.3284 20 18 19.3284 18 18.5V9.00001H17.9959L13 4ZM12.0001 5.60357V9.75001C12.0001 9.88809 12.112 10 12.2501 10H16.3965C16.6192 10 16.7308 9.73073 16.5733 9.57324L12.4268 5.42679C12.2693 5.2693 12.0001 5.38084 12.0001 5.60357Z" fill="#ffd347"></path> </g></svg></div>
		  <div class="mediasfile_download"><a href="{{ $file }}" target="_blank"><svg width="54px" height="54px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M13.5 3H12H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H7.5M13.5 3L19 8.625M13.5 3V7.625C13.5 8.17728 13.9477 8.625 14.5 8.625H19M19 8.625V9.75V12V19C19 20.1046 18.1046 21 17 21H16.5" stroke="#ffd347" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 12V20M12 20L9.5 17.5M12 20L14.5 17.5" stroke="#ffd347" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></a></div>
		  </div>
    </li>
	@endforeach
 @endif
  </ul>
</div>
							</div>
							@endif
								<div class="discussion-mess_text"></div>
								<div class="owner_time">
								{{ Helper::rdate('H:i',$mes->created_at, 1) }}
								</div>
						</div>
					</div>	
	<script>
			$('#chat-message').animate({ scrollTop: 9999 }, 500);
	</script>
	@endif
@isset($onlyMessages)
<script>
	moreMessageObserver.observe(document.querySelector(".loadermessage"));
</script>
@endisset

<script>
@isset($open)
window.addEventListener("load", (event) => {
@endisset
  $('.flexslider').flexslider({
    animation: "slide",
	slideshow: false,
	prevText: "",
	nextText: "",
  });
  @isset($open)
});
@endisset
</script>