@extends('admin.layouts.header')
@section('styles') 

@endsection
@section('content')

@php
    
   
    $admin_id = DB::table('users')->where('role', 'admin')->pluck('id')->first();

    $sender_id = Auth::user()->id;
    
    if($sender_id == $admin_id){
        $receiver_id = $inventor_id;
        $receiver_id2 = $investor_id;
    }else if($sender_id == $investor_id){
        $receiver_id = $inventor_id;
        $receiver_id2 = $admin_id;
    }else{
         $receiver_id = $investor_id;
         $receiver_id2 = $admin_id;
    }
        
@endphp

 <main class="admin-dashbaord-content">
        <div class="my-4">
            <div class="chat-wrap"  data-id="{{ $chatid }}" id="chat-id">
                <div class="chat-header d-flex justify-content-between align-items-center">
                    <div class="admin-data-table">
                        @foreach($allusers as $alluser)
                        @if($receiver_id == $alluser->id)
                        
                        @php $idu = Crypt::encrypt($alluser->id); @endphp
                        <a href="{{route('userProfile',$idu)}}" class="d-flex justify-content-center align-items-center">
                            <span class="position-relative chat-person-profile">
                                
                                @if(!empty($alluser->profile_image))
                                 <img src="{{url('').'/'.$alluser->profile_image }}" alt="" class="table-avatar">
                                @else
                                 <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" class="table-avatar">
                                @endif
                               
                            </span>
                            <span class="ms-3">@if(!empty($alluser->name)){{ $alluser->name}}@else {{ $alluser->email}} @endif @if(!empty($alluser->last_name)){{ $alluser->last_name}}@endif</span>
                        </a>
                        @else
                        @endif
                        @endforeach
                    </div>
                    <ul class="chat-icon-list mb-0 d-flex align-items-center">
                        <!--<li class="chat-icon-li">-->
                        <!--    <a href="" class="chat-icon-link"><i class="fas fa-search"></i></a>-->
                        <!--</li>-->
                        <li class="chat-icon-li">
                            <!--<a href="" class="chat-icon-link"><i class="fas fa-user"></i></a>--> 
                            <div class="dropdown">
                                <a href="" class="chat-icon-link dropdown-toggle" id="dropdownMenuButton11" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user"></i></a>
                                <ul class="dropdown-menu chat-drop-menu py-0" aria-labelledby="dropdownMenuButton11">
                                <li>
                                    @foreach($allusers as $alluser)
                                        @if($inventor_id == $alluser->id)
                                            @php $ide = Crypt::encrypt($alluser->id); @endphp
                        
                                            <a href="{{route('userProfile',$ide)}}" class="dropdown-item p-2 d-flex align-items-center">
                                                <span class="position-relative chat-person-profile">
                                                    
                                                    @if(!empty($alluser->profile_image))
                                                     <img src="{{url('').'/'.$alluser->profile_image }}" alt="" class="chat-menu-avatar">
                                                    @else
                                                     <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" class="chat-menu-avatar">
                                                    @endif
                                                    
                                                </span>
                                                <span class="ms-3 chat-menu-ellipsis">@if(!empty($alluser->name)){{ $alluser->name}}@else {{ $alluser->email}} @endif @if(!empty($alluser->last_name)){{ $alluser->last_name}}@endif</span>
                                            </a>
                                        @else
                                        @endif
                                        
                                        @if($investor_id == $admin_id)
                                        
                                            @if($investor_id == $alluser->id)
                                                @php $ide = Crypt::encrypt($alluser->id); @endphp
                            
                                                <a href="{{route('userProfile',$ide)}}" class="p-2 dropdown-item d-flex align-items-center">
                                                    <span class="position-relative chat-person-profile">
                                                        
                                                        @if(!empty($alluser->profile_image))
                                                         <img src="{{url('').'/'.$alluser->profile_image }}" alt="" class="chat-menu-avatar">
                                                        @else
                                                         <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" class="chat-menu-avatar">
                                                        @endif
                                                       
                                                    </span>
                                                    <span class="ms-3 chat-menu-ellipsis">@if(!empty($alluser->name)){{ $alluser->name}}@else {{ $alluser->email}} @endif @if(!empty($alluser->last_name)){{ $alluser->last_name}}@endif</span>
                                                </a>
                                            @else
                                            @endif
                                        
                                        @else
                                            
                                            @if($investor_id == $alluser->id)
                                                @php $ide = Crypt::encrypt($alluser->id); @endphp
                            
                                                <a href="{{route('userProfile',$ide)}}" class="p-2 dropdown-item d-flex align-items-center">
                                                    <span class="position-relative chat-person-profile">
                                                        
                                                        @if(!empty($alluser->profile_image))
                                                         <img src="{{url('').'/'.$alluser->profile_image }}" alt="" class="chat-menu-avatar">
                                                        @else
                                                         <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" class="chat-menu-avatar" >
                                                        @endif
                                                       
                                                    </span>
                                                    <span class="ms-3 chat-menu-ellipsis">@if(!empty($alluser->name)){{ $alluser->name}}@else {{ $alluser->email}} @endif @if(!empty($alluser->last_name)){{ $alluser->last_name}}@endif</span>
                                                </a>
                                            @else
                                            @endif
                                            
                                            
                                            @if($admin_id == $alluser->id)
                                                @php $ide = Crypt::encrypt($alluser->id); @endphp
                            
                                                <a href="{{route('userProfile',$ide)}}" class="p-2 dropdown-item d-flex align-items-center">
                                                    <span class="position-relative chat-person-profile">
                                                        
                                                        @if(!empty($alluser->profile_image))
                                                         <img src="{{url('').'/'.$alluser->profile_image }}" alt="" class="chat-menu-avatar">
                                                        @else
                                                         <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" class="chat-menu-avatar">
                                                        @endif
                                                       
                                                    </span>
                                                    <span class="ms-3 chat-menu-ellipsis">@if(!empty($alluser->name)){{ $alluser->name}}@else {{ $alluser->email}} @endif @if(!empty($alluser->last_name)){{ $alluser->last_name}}@endif</span>
                                                </a>
                                            @else
                                            @endif
                                        
                                        @endif
                                    @endforeach
                                </li>
                                <!--<li><a class="dropdown-item" href="#">Mute</a></li>-->
                                <!--<li><a class="dropdown-item text-danger border-0" href="#">Block</a></li>-->
                            </ul>
                            </div>
                        </li>
                        <li class="chat-icon-li">
                            @php $idem = Crypt::encrypt($chatid); @endphp
                            <a href="{{ route('create_meeting', $idem)}}" class="chat-icon-link"><i class="fas fa-video"></i></a>
                        </li>
                        <li class="chat-icon-li">
                            <div class="dropdown">
                                <a href="" class="chat-icon-link dropdown-toggle" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-ellipsis-v"></i></a>
                                <ul class="dropdown-menu chat-drop-menu py-0" aria-labelledby="dropdownMenuButton1">
                                    <li><a class="dropdown-item ajaxdelete" href="{{route('delete-chatid-chat', $chatid)}}" >Delete</a></li>
                                    <!--<li><a class="dropdown-item" href="#">Mute</a></li>-->
                                    <!--<li><a class="dropdown-item text-danger border-0" href="#">Block</a></li>-->
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="load_chat">
                    <div id="messages"  class="chat-content px-2 px-lg-5 py-4 mt-4 ">
                        @if(count($chats) > 0)
                        @if(!empty($chats))
                        @php $a = array(); @endphp
                        @foreach($chats as $chat)
                        
                        @php
                        
                        date_default_timezone_set("Asia/Kolkata");
                        $currnt_time  =  date("Y-m-d H:i:s");
                        
                           // time function
                          $t_time   = strtotime($chat->created_at);
                          $datenew=date_create("$chat->created_at");
                          $fordate = date_format($datenew,"d/m/Y");
                        
                            
                       
                                $today = date("d/m/Y");
                                $yes = date('d/m/Y',strtotime("-1 days"));
                                
                                if(in_array($fordate, $a)){
                                    
                                }else{ 
                                array_push($a, $fordate); 
                                @endphp 
                                     @php  if($today == $fordate){  @endphp 
                                     
                                            <span class="d-flex justify-content-center"><span style="background:aliceblue; padding:0 10px;">Today</span></span> 
                                            
                                    @php   
                                    }else if($yes == $fordate){
                                    @endphp
                                            <span class="d-flex justify-content-center"><span style="background:aliceblue; padding:0 10px;">Yesterday</span></span>
                                    
                                     @php } else{ @endphp
                                            <span class="d-flex justify-content-center"><span style="background:aliceblue; padding:0 10px;">@php echo $fordate; @endphp</span></span> 
                                    
                                    @php } 
                                } 
                                                        
                        @endphp
                        
                        @if($chat->sender_id == Auth::user()->id)
                            <div class="message-sent text-end mb-3 ms-auto">
                                                      
                                <div class="message-content message-send-content">
                                    @php if(!empty($chat->files)){ $file = new SplFileInfo($chat->files); $ex = $file->getExtension();  @endphp
                                            @php if($ex == 'jpg' || $ex == 'jpeg' || $ex == 'png' || $ex == 'gif' || $ex == 'webp' ){  @endphp
                                                <p class="mb-0">
                                                    <a href="{{url('').'/'.$chat->files }}" class="light-link">
                                                        <img src="{{url('').'/'.$chat->files }}" alt="Astemotori" width="auto" height="100px">
                                                    </a>
                                                    
                                                </p>
                                                <a href="{{url('').'/'.$chat->files }}" download="myimage" ><i class="la la-cloud-download text-white"></i></a>
                                            @php }else{  @endphp
                                                    <a href="{{url('').'/'.$chat->files }}" style="color:white" class="text-capitalize d-flex align-items-center upload-btn w-100 p-0 justify-content-center">Document<i class="fas fa-download ml-4 upload-icon d-flex justify-content-center align-items-center"></i></a>
                                            @php } @endphp
                                    @php } @endphp
                                    
                                  
                                    <span>@php echo substr($chat->msg, 0, 500); @endphp</span>
                                    <!--<span>In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available.</span>-->
                                    @php $maxcount = strlen($chat->msg); @endphp
                                    @php if($maxcount > 500){ @endphp
                                        <span class="collapse" id="chatReadMore">
                                            @php
                                                echo substr($chat->msg, 500, $maxcount);
                                            @endphp
                                        </span>
                                    @php
                                    }
                                    @endphp
                                    
                                    @if($maxcount > 500)
                                    <!--<div class="text-end"> -->
                                       <div class="text-end"><a href="#" class="chat-readmore-link text-dark" data-bs-toggle="collapse" data-bs-target="#chatReadMore">Read More...</a></div>
                                    <!--</div>-->
                                    @endif
                                    
                                    
                                </div>
                                <div class="message-options d-flex justify-content-end align-items-center">
                                    <span class="chat-time"><i class="fas fa-check chat-visit-icon"></i></span>
                                    <span class="chat-time">@php  echo date('h:i A', strtotime($chat->created_at)); @endphp</span>
                                    <div class="chat-avatar">
                                        @foreach($allusers as $alluser)
                                        @if($sender_id == $alluser->id)
                                        
                                                @if(!empty($alluser->profile_image))
                                                 <img src="{{url('').'/'.$alluser->profile_image }}" alt="" >
                                                @else
                                                 <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" >
                                                @endif
                                             
                                        @else
                                        @endif
                                        @endforeach
                            
                                        <!--<img src="https://himanshi.dbtechserver.online/invention-funder/assets/medias/profile.jpg" alt="">-->
                                    </div>
                                </div>
                            </div>
                        @elseif($chat->sender_id != Auth::user()->id && $chat->sender_id != $admin_id && $chat->sender_id != $investor_id)
                            
                            <div class="message-received mb-3 position-relative">
                                
                                <div class="message-content">
                                    @php if(!empty($chat->files)){ $file = new SplFileInfo($chat->files); $ex = $file->getExtension();  @endphp
                                            @php if($ex == 'jpg' || $ex == 'jpeg' || $ex == 'png' || $ex == 'gif' || $ex == 'webp' ){  @endphp
                                                <p class="mb-0">
                                                    <a href="{{url('').'/'.$chat->files }}" class="light-link">
                                                        <img src="{{url('').'/'.$chat->files }}" alt="Astemotori" width="auto" height="100px">
                                                    </a>
                                                    
                                                </p>
                                                <a href="{{url('').'/'.$chat->files }}" download="myimage" ><i class="la la-cloud-download text-white"></i></a>
                                            @php }else{  @endphp
                                                    <a href="{{url('').'/'.$chat->files }}" style="color:white" class=" text-capitalize d-flex align-items-center upload-btn w-100 p-0 justify-content-center">Document<i class="fas fa-download ml-4 upload-icon d-flex justify-content-center align-items-center"></i></a>
                                            @php } @endphp
                                    @php } @endphp
                                    
                                    <span>@php echo substr($chat->msg, 0, 500); @endphp</span>
                                    <!--<span>In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available.</span>-->
                                    @php $maxcount = strlen($chat->msg); @endphp
                                    @php if($maxcount > 500){ @endphp
                                        <span class="collapse" id="chatReadMore">
                                            @php
                                                echo substr($chat->msg, 500, $maxcount);
                                            @endphp
                                        </span>
                                    @php
                                    }
                                    @endphp
                                    
                                    @if($maxcount > 500)
                                    <!--<div class="text-end"> -->
                                       <div class="text-end"><a href="#" class="chat-readmore-link" data-bs-toggle="collapse" data-bs-target="#chatReadMore">Read More...</a></div>
                                    <!--</div>-->
                                    @endif
                                    
                                </div>
                                <div class="message-options d-flex jusitfy-content-center align-items-center">
                                    <div class="chat-avatar">
                                       
                                        @foreach($allusers as $alluser)
                                        @if($receiver_id == $alluser->id)
                                        
                                                @if(!empty($alluser->profile_image))
                                                 <img src="{{url('').'/'.$alluser->profile_image }}" alt="" >
                                                @else
                                                 <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" >
                                                @endif
                                             
                                        @else
                                        @endif
                                        @endforeach
                                    </div>
                                    <span class="chat-time">@php  echo date('h:i A', strtotime($chat->created_at)); @endphp</span>
                                    <!--<span class="chat-time"><i class="fas fa-check chat-visit-icon"></i></span>-->
                                </div>
                            </div>
                            
                        @else
                            <div class="message-received mb-3 position-relative">
                                
                                <div class="message-content">
                                    @php if(!empty($chat->files)){ $file = new SplFileInfo($chat->files); $ex = $file->getExtension();  @endphp
                                            @php if($ex == 'jpg' || $ex == 'jpeg' || $ex == 'png' || $ex == 'gif' || $ex == 'webp' ){  @endphp
                                                <p class="mb-0">
                                                    <a href="{{url('').'/'.$chat->files }}" class="light-link">
                                                        <img src="{{url('').'/'.$chat->files }}" alt="Astemotori" width="auto" height="100px">
                                                    </a>
                                                    
                                                </p>
                                                <a href="{{url('').'/'.$chat->files }}" download="myimage" ><i class="la la-cloud-download text-white"></i></a>
                                            @php }else{  @endphp
                                                    <a href="{{url('').'/'.$chat->files }}" style="color:white" class="text-capitalize d-flex align-items-center upload-btn w-100 p-0 justify-content-center">Document<i class="fas fa-download ml-4 upload-icon d-flex justify-content-center align-items-center"></i></a>
                                            @php } @endphp
                                    @php } @endphp
                                
                                    <span>@php echo substr($chat->msg, 0, 500); @endphp</span>
                                    <!--<span>In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available.</span>-->
                                    @php $maxcount = strlen($chat->msg); @endphp
                                    @php if($maxcount > 500){ @endphp
                                        <span class="collapse" id="chatReadMore">
                                            @php
                                                echo substr($chat->msg, 500, $maxcount);
                                            @endphp
                                        </span>
                                    @php
                                    }
                                    @endphp
                                    
                                    @if($maxcount > 500)
                                    <!--<div class="text-end"> -->
                                       <div class="text-end"><a href="#" class="chat-readmore-link" data-bs-toggle="collapse" data-bs-target="#chatReadMore">Read More...</a></div>
                                    <!--</div>-->
                                    @endif
                                    
                                </div>
                                <div class="message-options d-flex jusitfy-content-center align-items-center">
                                    <div class="chat-avatar">
                                        @foreach($allusers as $alluser)
                                        @if($receiver_id2 == $alluser->id)
                                        
                                                @if(!empty($alluser->profile_image))
                                                 <img src="{{url('').'/'.$alluser->profile_image }}" alt="" >
                                                @else
                                                 <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" >
                                                @endif
                                             
                                        @else
                                        @endif
                                        @endforeach
                                    </div>
                                    <span class="chat-time">@php  echo date('h:i A', strtotime($chat->created_at)); @endphp</span>
                                    <!--<span class="chat-time"><i class="fas fa-check chat-visit-icon"></i></span>-->
                                </div>
                            </div>
                        @endif
                        @endforeach
                        @endif
                        
                        @else
                           <div class="chat-default-content text-center">
                               <img src="{{ URL::asset('assets/medias/start-chat.gif') }}" alt="" class="chat-default-img">
                               <div class="section-title">
                                    <h5 class="section-heading text-center text-uppercase mb-4 mt-2 fw-600">Start chat</h5> 
                                    <p>We Initiate the three-way chat, start chat with Invention Funder</p>
                                </div>
                           </div>
                        @endif
                    </div>
                </div>
                
                <form action=""  enctype="multipart/form-data" id="form_chat_admin" method="post">
                     {{ csrf_field() }}
                     
                    <div class="text-center" id="fileList_box">
                     <div class="alert alert-success alert-dismissible p-0">
                        <!--<button type="button" class="close" data-dismiss="alert">×</button>-->
                        <label for="file-upload" id="fileList" class="custom-file-upload m-auto">Start Chating</label>
                     </div>
                    </div>
                    
                    <div class="chat-footer d-flex">
                           
                        <div class="form-group w-100 mb-0 mt-0">
                            <input type="hidden" value="{{ $chatid }}" name="chat_id">
                            <input type="hidden" value="{{ $inventor_id }}" name="inventor_id">
                            <input type="hidden" value="{{ $investor_id }}" name="investor_id">
                            <input placeholder="Enter Message..." name="chat_messsage" type="text" class="msg_text form-control chat-input">
                        </div>
                        <label id="files_" class="btn chat-upload-btn btn-link text-decoration-none font-size-16 btn-lg waves-effect" >
                            <i class="fas fa-paperclip"></i>
                            <input type="file" class="form-control-file files d-none" id="files" name="files"  accept="image/png, image/gif, image/jpeg, image/jpg, image/webp, .pdf,.doc,.docx" onchange="javascript:updateList()">
                        </label>
                        <input type="file" class="files d-none" id="files_old" name="files_old" >
                        
                        <div>
                            <button type="submit" class="chat-send-btn border-0"><i class="fas fa-arrow-right"></i></button>
                        </div>
                    </div>
                    
                </form>
            </div>
        </div>
       

@endsection
@section('scripts') 
    
        <script>
            $(document).ready(function() {

                $(".message-content").hover(
                    function () {
                        $(".chat-down-angle-received").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-received").removeClass("icon-visible");
                    }
                );
                $(".chat-down-angle-received").hover(
                    function () {
                        $(".chat-down-angle-received").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-received").removeClass("icon-visible");
                    }
                );
                $(".message-content").hover(
                    function () {
                        $(".chat-down-angle-sent").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-sent").removeClass("icon-visible");
                    }
                );
                $(".chat-down-angle-sent").hover(
                    function () {
                        $(".chat-down-angle-sent").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-sent").removeClass("icon-visible");
                    }
                );
            });
            
            $(".msg-drop-menu").click(function() {

                $(".sub-menu").toggleClass("show-dropdown");

            });
        </script>
        <script>
            $("#form_chat_admin").on('submit',(function(e) {

                e.preventDefault();
                var msg_text = $('.msg_text').val();
                var files = $('.files').val();
                if(msg_text =='' && files ==''){
                }else{
               
                    $.ajax({
                        type: "POST", 
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        
                        url: "{{route('save-chat-admin')}}",
                        data:  new FormData(this),
                        contentType: false,
                        cache: false,
                        processData:false,
                        beforeSend : function()
                        {
                        
                        },
                        success: function(data)
                        {
                            $('#form_chat_admin').trigger('reset');
                            $('#fileList_box').css('display', "none");
                            
                            $("#messages").html(data);
                            if(!$('.load_chat').hasClass('active')){
                            $( "#messages" ).scrollTop( hei );     
                            }
                        
                        },
                    });
                }
            }));
            
            
        </script>
        
        <script> 
            setInterval(function() {
            // scrollToBottom();
            let chatId = $("#chat-id").data("id");
            $.ajax({
                url: "{{route('save-chat-load-admin')}}",
                type: "POST", 
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                "chat_id" : chatId
                },
                cache: false,
                success: function(data){
                    $("#messages").html(data); 
                    if(!$('.load_chat').hasClass('active')){
                    $( "#messages" ).scrollTop( hei );     
                    }
                }
            });
            }, 15000); 
        </script> 



        <script>
            var hei = document.getElementById('messages').scrollHeight ;
            $(".load_chat").mouseenter(function(){
            $(".load_chat").addClass("active");
            });
            $(".load_chat").mouseleave(function(){
            $(".load_chat").removeClass("active");
            });
            $(document).ready(function (e) {
            if(!$('.load_chat').hasClass('active')){
            $( "#messages" ).scrollTop( hei );     
            }
        </script>
        
        
        <script>
         
            updateList = function() {
            var output_box = document.getElementById('fileList_box');
                output_box.style.display = "block";
              var input = document.getElementById('files');
              var output = document.getElementById('fileList');
            
              output.innerHTML = input.files[0].name;
            }
        </script>
        
        <script>
            $(document).ready(function(){
        
             $(".ajaxdelete").click(function(event){
                //  alert("Delete?");
                 var href = $(this).attr("href")
                 var btn = this;
            
                  $.ajax({
                    type: "GET",
                    url: href,
                    success: function(dataResult) {
            
                       var dataResult = JSON.parse(dataResult);
        				if(dataResult.statusCode==200){
        					 window.location.reload();
        				// 	 $('#enter-auction-model-my').modal('show');
        					
        				}
        				else if(dataResult.statusCode==201){
        				   alert("Error occured !");
        				}
                       
            
                    }
                  });
                 event.preventDefault();
              })
            });
        </script>   
@endsection