@extends('moderator.layouts.app')
 
@section('styles')
<link href="{{ URL::asset('admin/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('admin/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('admin/plugins/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="/BNA/public/css/comment.css" rel="stylesheet" type="text/css" />

@endsection

@section('header')
	@include('moderator.layouts.header')
@endsection

@section('sidemenu')
	@include('moderator.layouts.sidemenu')
@endsection

@section('content')
<div class="content-page">
    <div class="content">
        <div class="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="float-right">
                                {{-- <ol class="breadcrumb p-0 m-0">
                                    <li class="breadcrumb-item"><a href="#">Admin</a></li>
                                    <li class="breadcrumb-item"><a href="#">Emails</a></li>
                                    <li class="breadcrumb-item active">Emails Details</li>
                                </ol> --}}
                            </div>
                            <h4 class="page-title">Comments</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12">
                    @if($caseOFm != [])
                    <!-- Main container  -->
                    <div class="container">
                        <!--  Message header section starts    -->
                        <div class="msg-header">
                            <div class="container1">
                
                                <!--<img src="user1.png" class="msgimg">-->
                                <div class="active ">
                                    <p>Comments for Case {{ $caseOFm[0]->case_id }}:</p> <p><br />
<b>Warning</b>:  Undefined variable $caseOFm in <b>/home/telemeduser/public_html/BNA/resources/views/moderator/view-comments.blade.php</b> on line <b>51</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/telemeduser/public_html/BNA/resources/views/moderator/view-comments.blade.php</b> on line <b>51</b><br />
<br />
<b>Warning</b>:  Attempt to read property "title" on null in <b>/home/telemeduser/public_html/BNA/resources/views/moderator/view-comments.blade.php</b> on line <b>51</b><br />
</p>
                                </div>
                            </div>
                        </div>
                        <!-- Message header section ends -->
                
                        <!-- Chat inbox section starts -->
                         
                        <div class="chat-page">
                            <div class="msg-inbox">
                                <div class="chats">
                                    <div class="msg-page">
                        <!-- Contains the incoming and outgoing messages -->
                        
                            @foreach($comments as $val)
                                @php
                                    $recomm = DB::select("SELECT COUNT(id) as cnt FROM `tbl_comments` WHERE is_replied = 1 and reTocommid = $val->id and is_deleted = 0");
                                @endphp
                                
                                @if($recomm[0]->cnt > 0)
                                @php
                                    $recommd = DB::select("SELECT * FROM `tbl_comments` WHERE is_replied = 1 and reTocommid = $val->id and is_deleted = 0");
                                @endphp
                                @endif
                                @if($val->commFrom == 'Delegate' || $val->commFrom == 'Member')
                                    @php
                                        $result = DB::select("SELECT * FROM `tbl_member` WHERE delegate_id = $val->commFromid");
                                        $name = $result[0]->title.$result[0]->fname." ".$result[0]->lname;
                                    @endphp
                                @elseif($val->commFrom == 'Moderator')
                                    @php
                                        $name = 'Moderator '. $moderator->name;
                                    @endphp
                                @else
                                    @php
                                        $name = "Admin";
                                    @endphp
                                @endif
                                
                                @php 
                                                        		 	   
                    		 	    $a=date('j', strtotime($val->created_at)); 
    					            $a1=date('S', strtotime($val->created_at)); 
    					            $a2=date('F', strtotime($val->created_at));
    					            
    					            $x=date('h:i A', strtotime($val->created_at)); 
						             
						        @endphp
						        
                                @if($val->commFrom == 'Moderator' && $val->commFromid == $caseOFm[0]->case_id)
                                       <div class="outgoing-chats">
                                            <div class="outgoing-chats-img">
                                                <!--<img src="user1.png">-->
                
                                            </div>
                                            <div class="outgoing-msg">
                                                <div class="outgoing-chats-msg">
                                                    <p class="outgoing-p">{{ $val->comment }}</p>
                                                    <div class="row">
                                                        <span class="time">{{ $a }}{{$a1 }} {{ $a2 }} {{ $x }} </span>
                                                        <i class="fa fa-trash delete" aria-hidden="true" onclick="showmodal({{ $val->id }})"></i>
                                                        <i class="fa fa-reply delete" aria-hidden="true" onclick="showrediv({{ $val->id }})"></i>
                                                        @if($recomm[0]->cnt > 0)
                                                        <a class="button delete" id="btnMoreLess{{$val->id}}"  onclick="ReadMoreLess({{ $val->id }})"><i id="iMoreLess{{$val->id}}" class="fa fa-chevron-circle-right" aria-hidden="true"></i><span id="lblText{{$val->id}}"> Show Replies</span></a>
                                                        
                                                        @endif
                                                    </div>
                                                    <form id="sendr{{$val->id}}" name="sendr-form{{$val->id}}" method="POST" action="Add-rcomment">
                                                        {{ csrf_field() }}
                                                        <div class="input-group rediv{{$val->id}}" style="display:none;">
                                                            <input type="text" name="rcomment" class="form-control" placeholder="Add a reply..." required>
                                                            <input type="hidden" name="recommid" class="form-control" value="{{$val->id}}">
                                                            <div class="input-group-append ">
                                                                <span class="input-group-text send-icon "><button class="input-group-text send-icon" type="submit"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
                                                                </span>
                                                                <a class="button input-group-text" onclick="hiderediv({{ $val->id }})">Cancel</a>
                                                            </div>
                                                        </div>
                                                    </form>
                                                    <!--Reply comments starts-->
                                                    <div id="recomm{{$val->id}}" style="display:none;">
                                                    @if($recomm[0]->cnt > 0)
                                                    @foreach($recommd as $row)
                                                    
                                                        @if($row->commFrom == 'Delegate' || $row->commFrom == 'Member')
                                                            @php
                                                                $resultr = DB::select("SELECT * FROM `tbl_member` WHERE delegate_id = $row->commFromid");
                                                                $namer = $resultr[0]->title.$resultr[0]->fname." ".$resultr[0]->lname;
                                                            @endphp
                                                        @elseif($row->commFrom == 'Moderator')
                                                            @php
                                                                $namer = 'Moderator '. $moderator->name;
                                                            @endphp
                                                        @else
                                                            @php
                                                                $namer = "Admin";
                                                            @endphp
                                                        @endif
                                                        
                                                        @php 
                                                            		 	   
                                            		 	    $b=date('j', strtotime($row->created_at)); 
                            					            $b1=date('S', strtotime($row->created_at)); 
                            					            $b2=date('F', strtotime($row->created_at));
                            					            
                            					            $y=date('h:i A', strtotime($row->created_at)); 
                        						             
                        						        @endphp
                                                        
                                                    @if($row->commFrom == 'Moderator')
                                                    
                                                        <div class="outgoing-chats">
                                                            <div class="outgoing-chats-img">
                                                                <!--<img src="user1.png">-->
                                
                                                            </div>
                                                            <div class="outgoing-msg">
                                                                <div class="outgoing-chats-msg" style="float: right;">
                                                                    <h6 class="">{{ $namer }}</h6>
                                                                    <p class="outgoing-p">{{ $row->comment }}</p>
                                                                    <div class="row">
                                                                        <span class="time">{{ $b }}{{$b1 }} {{ $b2 }} {{ $y }} </span>
                                                                        <i class="fa fa-trash delete" aria-hidden="true" onclick="showmodal({{ $row->id }})"></i>
                                                                    
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                    @else    
                                                        <div class="received-chats" >
                                                            <div class="received-chats-img">
                                                                <!--<img src="user2.png">-->
                                                                
                                                            </div>
                                                            <div class="received-msg">
                                                                <div class="received-msg-inbox">
                                                                    <h6 class="">{{ $namer }}</h6>
                                                                    <p class="received-p">{{ $row->comment }}</p>
                                                                    <div class="row">
                                                                        <span class="time">{{ $b }}{{$b1 }} {{ $b2 }} {{ $y }} </span>
                                                                        <i class="fa fa-trash delete" aria-hidden="true" onclick="showmodal({{ $row->id }})"></i>
                                                                    
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    
                                                    @endforeach
                                                    @endif
                                                    </div>
                                                    <!--Reply comments ends-->
                                                </div>
                                            </div>
                                        </div>
                                @else
                                        <div class="received-chats">
                                            <div class="received-chats-img">
                                                <!--<img src="user2.png">-->
                                                
                                            </div>
                                            <div class="received-msg">
                                                <div class="received-msg-inbox">
                                                    
                                                    <h6 class="">{{ $name }}</h6>
                                                    <p class="received-p">{{ $val->comment }}</p>
                                                    <div class="row">
                                                        <span class="time">{{ $a }}{{$a1 }} {{ $a2 }} {{ $x }} </span>
                                                        <i class="fa fa-trash delete" aria-hidden="true" onclick="showmodal({{ $val->id }})"></i>
                                                        <i class="fa fa-reply delete" aria-hidden="true" onclick="showrediv({{ $val->id }})"></i>
                                                        @if($recomm[0]->cnt > 0)
                                                        <a class="button delete" id="btnMoreLess{{$val->id}}"  onclick="ReadMoreLess({{ $val->id }})"><i id="iMoreLess{{$val->id}}" class="fa fa-chevron-circle-right" aria-hidden="true"></i><span id="lblText{{$val->id}}"> Show Replies</span></a>
                                                         
                                                        @endif
                                                    </div>
                                                    <form id="sendr{{$val->id}}" name="sendr-form{{$val->id}}" method="POST" action="Add-rcomment">
                                                        {{ csrf_field() }}
                                                        <div class="input-group rediv{{$val->id}}" style="display:none;">
                                                            <input type="text" name="rcomment" class="form-control" placeholder="Add a reply..." required>
                                                            <input type="hidden" name="recommid" class="form-control" value="{{$val->id}}">
                                                            <div class="input-group-append ">
                                                                <span class="input-group-text send-icon "><button class="input-group-text send-icon" type="submit"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
                                                                </span>
                                                                <a class="button input-group-text" onclick="hiderediv({{ $val->id }})">Cancel</a>
                                                            </div>
                                                        </div>
                                                    </form>
                                                    <!--Reply comments starts-->
                                                    <div id="recomm{{$val->id}}" style="display:none;">
                                                    @if($recomm[0]->cnt > 0)
                                                    @foreach($recommd as $row)
                                                    
                                                        @if($row->commFrom == 'Delegate' || $row->commFrom == 'Member')
                                                            @php
                                                                $resultr = DB::select("SELECT * FROM `tbl_member` WHERE delegate_id = $row->commFromid");
                                                                $namer = $resultr[0]->title.$resultr[0]->fname." ".$resultr[0]->lname;
                                                            @endphp
                                                        @elseif($row->commFrom == 'Moderator')
                                                            @php
                                                                $namer = 'Moderator '. $moderator->name;
                                                            @endphp
                                                        @else
                                                            @php
                                                                $namer = "Admin";
                                                            @endphp
                                                        @endif
                                                    @php 
                                                        		 	   
                                        		 	    $b=date('j', strtotime($row->created_at)); 
                        					            $b1=date('S', strtotime($row->created_at)); 
                        					            $b2=date('F', strtotime($row->created_at));
                        					            
                        					            $y=date('h:i A', strtotime($row->created_at)); 
                    						             
                    						        @endphp
                                                    
                                                    
                                                    @if($row->commFrom == 'Moderator')
                                                    
                                                        <div class="outgoing-chats">
                                                            <div class="outgoing-chats-img">
                                                                <!--<img src="user1.png">-->
                                
                                                            </div>
                                                            <div class="outgoing-msg">
                                                                <div class="outgoing-chats-msg" style="float: right;">
                                                                    <h6 class="">{{ $namer }}</h6>
                                                                    <p class="outgoing-p">{{ $row->comment }}</p>
                                                                    <div class="row">
                                                                        <span class="time">{{ $b }}{{$b1 }} {{ $b2 }} {{ $y }} </span>
                                                                        <i class="fa fa-trash delete" aria-hidden="true" onclick="showmodal({{ $row->id }})"></i>
                                                                    
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                    @else    
                                                        <div class="received-chats" >
                                                            <div class="received-chats-img">
                                                                <!--<img src="user2.png">-->
                                                                
                                                            </div>
                                                            <div class="received-msg">
                                                                <div class="received-msg-inbox">
                                                                    <h6 class="">{{ $namer }}</h6>
                                                                    <p class="received-p">{{ $row->comment }}</p>
                                                                    <div class="row">
                                                                        <span class="time">{{ $b }}{{$b1 }} {{ $b2 }} {{ $y }} </span>
                                                                        <i class="fa fa-trash delete" aria-hidden="true" onclick="showmodal({{ $row->id }})"></i>
                                                                    
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    
                                                    @endforeach
                                                    @endif
                                                    <!--Reply comments ends-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div> 
                                        
                                @endif
                            @endforeach 
                                        
                
                                    </div> 
                                </div>
                                
                            <!--  Message bottom section starts -->
                                 <div class="msg-bottom">
                                    <form id="send" name="send-form" method="POST" action="Add-comment">
                                    {{ csrf_field() }}
                                    <div class="input-group">
                                        <input type="text" name="comment" class="form-control" placeholder="Write message..." required>
                                        <div class="input-group-append ">
                                            <span class="input-group-text send-icon"><button class="input-group-text send-icon" type="submit"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
                                            </span>
                                        </div>
                                    </div>
                                    </form>
                                </div>
                
                
                                
                            <!-- Message bottom section ends. -->
                            </div>
                        </div>
                    </div>
                    <!-- Main container ends -->
                       @endif 
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog">
   <div class="modal-content">
     <div class="modal-header">
       <h5 class="modal-title" id="exampleModalLabel">Alert</h5>
       <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">×</button>
     </div>
     <div class="modal-body">
       <!--<p id="msgbox"></p>-->
            <div class="row">
                <div class="col-sm-12 mt-4 text-center">
                    <h5>Are you sure you want to delete this Comment?</h5>
                </div>
            </div>
     </div>
     <div class="modal-footer">
       <button type="button" class="btn-close btn btn-danger" data-dismiss="modal">Close</button>
       <a id="deletelink"><button type="button" class="btn-yes btn btn-primary">Yes</button></a>
     </div>
   </div>
 </div>
</div>
@endsection

@section('footer')
	@include('moderator.layouts.footer')
@endsection

@section('scripts')
<!-- Required datatable js -->
<script src="{{ URL::asset('admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>

<script src="{{ URL::asset('admin/plugins/datatables/dataTables.buttons.min.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/jszip.min.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/pdfmake.min.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/vfs_fonts.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/buttons.html5.min.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/buttons.print.min.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/datatables/buttons.colVis.min.js') }}"></script>

<!-- KNOB JS -->
<script src="{{ URL::asset('admin/plugins/jquery-knob/excanvas.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/jquery-knob/jquery.knob.js') }}"></script>

<!-- Datatable init js -->
<script src="{{ URL::asset('admin/pages/datatables.init.js') }}"></script>
<script type="text/javascript">
    // setTimeout(function(){
    //   window.location.reload();
    // }, 60000);
    
    function showmodal(id){
        var link = "delete-comment/"+id;
        $('#exampleModal').modal('show');
         document.getElementById("deletelink").setAttribute("href",link);
    }
    
    function showrediv(id){
        
        $('.rediv'+id).show();
         
    }
    
    function hiderediv(id){
        
        $('.rediv'+id).hide();
         
    }
    
    function showrecomm(id){
        
        $('#recomm'+id).show();
         
    }
    
    function hiderecomm(id){
        
        $('#recomm'+id).hide();
         
    }
    
    function ReadMoreLess(id) {
            var moreText = document.getElementById("recomm"+id);
            var iMoreLess = document.getElementById("iMoreLess"+id);
            var lblText = document.getElementById("lblText"+id);
            if (moreText.style.display === "inline") {
                iMoreLess.className = "fa fa-chevron-circle-right";
                lblText.innerHTML = " Show Replies";
                moreText.style.display = "none";
            } else {
                iMoreLess.className = "fa fa-chevron-circle-down";
                lblText.innerHTML = " Hide Replies";
                moreText.style.display = "inline";
            }
        }

</script>
@endsection