@extends('admin.layouts.cmlayout')
@section('body')
<!-- Begin Page Content -->

<div class="container-fluid">
  <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">User Communication</h1>
  </div>
  <div class="row">
        <div class="col-xl-12 col-md-12">
          <div class="card shadow mb-4">
            <div class="card-body">
            <section class="communication-section">
                <div class="container">
                    <div class="chat">
                        <div class="row">
                            <div class="col-12">
                                <div class="communication-header">
                                    <h3 class="mb-0"><span><img src="{{asset('frontend/assets/img/new/comment.png')}}" alt="icon"></span>Communication</h3>
                                </div>
                            </div>
                        </div>
                        <div class="row w-100 mx-0 chatpd">
                          <div class="col-12">
                            <div id="chat-content">

                              <div id="refresh-div">
                                      @forelse ($messages as $message)
                                        <div class="chat-section">
                                            <div class="chat-box {{ $message->sender_id != $userid ? 'box-right' : ''  }}">
                                              @if($message->sender_id == $userid)
                                                <div class="chat-user">
                                                  <img src="{{asset('frontend/assets/img/new/chat-user2.png')}}" class="img-fluid" alt="...">
                                                </div>
                                                @endif
                                                <div class="chat-info">
                                                  <div class="chat-text">
                                                  @php
                                            $string = explode(' ', $message->message);
                                            $string1 = $message->message;
                                            foreach($blockedwords as $word){
                                              if(array_search(strtolower($word['word']), array_map('strtolower', $string))) {
                                                $string1 = str_ireplace ($word, '<span class="blocked-word">'.strtolower($word['word']).'</span>', $string1);
                                              }
                                            }
                                            @endphp
                                                    <p class="cht-content">{!! $string1 !!}</p>
                                                    </div>
                                                    <small>{{date('F j, Y, g:i a', strtotime($message->created_at))}}</small>
                                                </div>
                                              @if($message->sender_id != $userid)
                                                <div class="chat-user">
                                                  <img src="{{asset('frontend/assets/img/new/chat-user2.png')}}" class="img-fluid" alt="...">
                                                </div>
                                                @endif
                                  
                                            </div>
                                        </div>
                                        @empty
                                        <p>No records found!!</p>
                                      @endforelse
                            </div>

                          </div>
                          {{$messages->links()}}

                            </div>
                        </div>
                    </div>
                </div>
            </section>
            </div>
          </div>
        </div>
  </div>
</div>

@endsection